:root{--verde:#1a5c37;--azul:#0d3b66;--cinza:#f5f7fa;--texto:#222}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--texto);background:#fff;line-height:1.5}a{color:var(--azul);text-decoration:none}.container{width:min(1100px,92%);margin:auto}.site-header{background:var(--cinza);border-bottom:1px solid #e5e7eb}.logo a{color:var(--verde);font-weight:700;font-size:1.25rem}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.menu{list-style:none;display:flex;gap:16px;margin:0;padding:0}.menu a{padding:8px 10px;border-radius:10px}.menu a:hover{background:#e9eef5}.site-footer{margin-top:48px;background:var(--cinza);padding:24px 0;text-align:center;font-size:.95rem;color:#555}.banner img{width:85%;height:auto;border-radius:15px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.2);display:block;margin:0 auto;object-fit:contain}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.btn{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--verde);color:#fff;font-weight:600;border:none;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn.secundario{background:#6b7280}form{margin-top:12px}fieldset{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:16px 0;background:#fff}legend{padding:0 8px;color:var(--azul);font-weight:700}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.campo{display:flex;flex-direction:column}.campo.full{grid-column:1/-1}label{font-weight:600;margin-bottom:6px}input,select,textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem}input:focus,select:focus,textarea:focus{outline:3px solid #c7ece3;border-color:var(--verde)}small{color:#6b7280}.acoes{display:flex;gap:10px;margin-top:8px}.aviso{font-size:.9rem;color:#4b5563}.imagem-rodape{text-align:center;margin-top:30px;padding-bottom:20px}.imagem-rodape img{width:50%;max-width:250px;height:auto;border-radius:10px;opacity:.95;display:inline-block}.galeria-pequena{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:20px}.galeria-pequena figure{width:240px;text-align:center;margin:0}.galeria-pequena img{width:100%;height:150px;object-fit:cover;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.galeria-pequena figcaption{margin-top:6px;font-weight:600;color:#333;font-size:.95rem}#areas-atuacao{margin-top:30px;text-align:center}#areas-atuacao h2{font-size:1.6rem;margin-bottom:20px;color:#2c3e50}.galeria-atuacao{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:18px}.galeria-atuacao figure{width:300px;text-align:center;margin:0}.galeria-atuacao img{width:100%;height:auto;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.08);padding:4px}.galeria-atuacao figcaption{margin-top:8px;color:#222;font-size:1rem;font-weight:700;letter-spacing:.2px}.banner{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto 20px auto;padding:0;background:none;border:none}body, html{background-color:#f5ede3;margin:0;padding:0;overflow-x:hidden}html, body{margin:0;padding:0;overflow-x:hidden}main p{text-align:center;font-size:1rem;color:#222;margin:10px auto;max-width:950px;line-height:1.6}#como-ajudar{max-width:1100px;margin:22px auto 10px;padding:0 10px}#como-ajudar .card-ajuda{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:20px;width:300px;text-align:center}#como-ajudar h3{font-size:1.2rem;margin-bottom:10px;color:#333}#como-ajudar p{font-size:0.95rem;color:#555;margin-bottom:20px}#como-ajudar .botao-ajuda{background-color:#006400;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background 0.3s}#como-ajudar .botao-ajuda:hover{background-color:#008000}.top-sub{width:100%;display:flex;justify-content:center;margin:8px 0 6px}.subareas{font-size:.95rem;color:#1f2937}.hero-wrap{margin-bottom:10px}.hero-card{width:min(92%, 980px);margin:0 auto;border-radius:16px;box-shadow:none;border:none;background:transparent}.hero-card img{width:100%;height:auto;display:block;object-fit:contain;background:#fff}.tagline{text-align:center;color:#1f2937;margin:8px 0 14px;font-size:.96rem}#como-ajudar h2{text-align:left;font-size:1.25rem;color:#111827;margin:0 0 12px 4px}.cards-ajuda{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-start}.card-ajuda{flex:1 1 330px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:18px}.card-ajuda h3{margin:0 0 8px;color:#111827;font-size:1.15rem}.card-ajuda p{margin:0 0 16px;color:#374151;font-size:.96rem;line-height:1.5}.botao-ajuda{display:inline-block;background:#14532d;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600}.botao-ajuda.claro{background:#166534}.botao-ajuda:hover{filter:brightness(1.05)}.hero-card img, .banner img{width:100%;height:auto;object-fit:contain;display:block;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);background:transparent}.projetos-section{text-align:center;margin:20px auto;max-width:1000px}.projeto{margin-bottom:40px}.projeto img{width:100%;max-width:600px;border-radius:12px;margin:15px 0;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.projeto h2{color:#14532d;margin-bottom:8px}.projeto p{color:#333;font-size:1rem;line-height:1.6}.institucional-title{text-align:center;font-size:1.4rem;font-weight:700;color:#1f2937;margin:8px 0 10px}@media (min-width: 920px){.institucional-title{font-size:1.6rem}.grid-projetos{display:grid;grid-template-columns:repeat(3, minmax(220px, 1fr));gap:16px;align-items:start;justify-items:center;margin-top:12px}.grid-projetos figure{margin:0;width:100%;max-width:320px;text-align:center}.grid-projetos img{height:200px}.grid-projetos figcaption{margin-top:6px;font-weight:600;color:#1f2937;font-size:.98rem}@media (max-width: 820px){.grid-projetos{grid-template-columns:1fr}#info-doacoes{max-width:1000px;margin:12px auto 24px;padding:16px 18px;border:1px solid #e5e7eb;border-radius:12px;background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.06)}#info-doacoes h2{margin:0 0 10px;font-size:1.2rem;color:#1f2937;text-align:center}.lista-doacoes{list-style:none;padding:0;margin:0;display:grid;gap:8px;justify-items:center}.lista-doacoes li{font-size:1rem;color:#333}#info-doacoes strong{color:#14532d}

/* ===== PATCH: Responsividade (adicionado ao final) ===== */
@media (max-width: 480px) {
  .menu { flex-direction: column; align-items: flex-start; }
  .grid-projetos { flex-direction: column; align-items: center; }
  .hero-card img { width: 100%; height: auto; }
  .container { padding: 0 12px; }
  .hamburger{ display:block; }
  .menu{ display:none; }
  .menu.is-open{ display:flex !important; }
}

@media (max-width: 768px) {
  .grid-projetos { gap: 20px; }
  .card { max-width: 100%; }
  header .menu { flex-wrap: wrap; }
}

@media (max-width: 1024px) {
  .container { max-width: 90%; }
}

@media (min-width: 1025px) {
  .container { max-width: 1200px; margin: 0 auto; }
}


/* === MENU RESPONSIVO (Atividade 3) === */
.site-header {
  position: sticky; top: 0; z-index: 1000; background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.site-header .nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.site-header .logo a { color: var(--verde,#1a5c37); text-decoration: none; font-weight: 800; }
.menu { display: flex; list-style: none; gap: 20px; margin: 0; padding: 0; }
.menu a { text-decoration: none; color: var(--texto,#222); font-weight: 600; }
.hamburger { display: none; border: 0; background: transparent; font-size: 24px; cursor: pointer; padding: 8px 10px; }

@media (max-width: 768px) {
  .hamburger { display: inline-block; }
  .menu { display: none; position: absolute; left: 0; right: 0; top: 64px; background: #fff; padding: 12px 20px; border-bottom: 1px solid rgba(0,0,0,.06); }
  .menu.is-open { display: flex; flex-direction: column; }
}


/* === Acessibilidade e UX (Atividade 3 + melhorias) === */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:12px;width:auto;height:auto;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:3000}
:focus-visible{outline:3px solid #0d3b66;outline-offset:2px}

.menu a.is-active{border-bottom:2px solid var(--verde,#1a5c37)}
@keyframes asb-load{0%{background-position:0 0}100%{background-position:100% 0}}
@media (max-width:768px){
  .menu{box-shadow:0 6px 18px rgba(0,0,0,.08)}
}