/* RESET */
* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, Helvetica, sans-serif; }
body { background:#f4f7f6; color:#333; line-height:1.6; }

/* HEADER */
header { background:#2f7d6d; color:#fff; text-align:center; padding:2.5rem 1rem; }
header h1 { font-size:2.2rem; margin-bottom:0.5rem; }
header p { font-size:1.1rem; }

/* MAIN */
main { max-width:900px; margin:2rem auto; padding:0 1rem; }
section { margin-bottom:2rem; }
h2 { color:#2f7d6d; margin-bottom:0.75rem; }
ul { margin-left:1.2rem; }

/* CTA */
.cta { background:#e0f2ef; padding:2rem; border-radius:8px; text-align:center; }
.btn { display:inline-block; margin:0.5rem; padding:0.8rem 1.4rem; background:#2f7d6d; color:#fff; text-decoration:none; font-weight:bold; border-radius:5px; transition:0.2s ease; cursor:pointer; }
.btn:hover { opacity:0.85; }
.btn.secondary { background:#4fa489; }

/* FOOTER */
footer { background:#ddd; text-align:center; padding:1rem; font-size:0.9rem; }

/* MODAL */
.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color: rgba(0,0,0,0.5); }
.modal-content { background:#fff; margin:10% auto; padding:1rem; border-radius:8px; max-width:700px; position:relative; }
.modal-content iframe { width:100%; height:500px; border:none; }
.close { position:absolute; top:10px; right:20px; font-size:1.5rem; cursor:pointer; }

/* RESPONSIVO */
@media (max-width:600px){
  header h1{font-size:1.7rem;}
  .btn{width:90%;}
  .modal-content{width:95%;}

body {
  font-family: Arial, sans-serif;
  background: #f7f9fc;
  color: #333;
}

.btn {
  display: inline-block;
  padding: 14px 22px;
  margin: 10px;
  background-color: #0a6cff;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
}

.btn:hover {
  opacity: 0.9;
}

.btn-doar {
  background-color: #2ca66f;
}