:root{--pp-green:#3e6945;--pp-dark:#355a3e;--ink:#2d382e;--muted:#586459;--sand:#f3f3ed;--gray:#ececec;--round:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:93px}body{margin:0;color:var(--ink);background:#fff;font-family:'Varela Round',Arial,sans-serif;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.32}p{margin-bottom:1.2em}a:focus-visible,button:focus-visible{outline:3px solid #d5e943;outline-offset:4px}body{overflow-x:clip}.wrap{width:min(1140px,calc(100% - 52px));margin:0 auto}.wrap-wide{width:min(1310px,calc(100% - 62px));margin:0 auto}.centered{text-align:center}.eyebrow{font-size:16px;letter-spacing:.06em;line-height:1.4;font-weight:400;margin-bottom:24px;text-transform:uppercase}.skip-link{position:absolute;top:-90px;left:15px;background:#fff;padding:10px;z-index:200}.skip-link:focus{top:10px}
.site-header{background:#fff;position:relative;z-index:30}.header-inner{min-height:104px;display:flex;align-items:center;gap:35px}.logo-link{display:flex;align-items:center;flex:0 0 auto}.logo-link img{width:188px;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(13px,2.3vw,35px);flex:1}.main-nav a{font-size:13px;color:#121a14;white-space:nowrap;text-decoration:none;font-weight:400}.main-nav a:hover{color:var(--pp-green)}.menu-toggle{display:none}
.hero{min-height:610px;background-color:#204c2b;background-image:linear-gradient(#0008,#0008),var(--hero-image);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-inner{padding:110px 0}.hero h1{font-size:clamp(30px,3.1vw,52px);max-width:1060px;margin:0 auto 28px}.hero p{font-size:clamp(17px,1.45vw,24px);max-width:850px;margin:0 auto}
.intro-section{padding:96px 0 0}.intro-section .section-body{max-width:980px}.intro-section h2{font-size:clamp(25px,2.3vw,36px);line-height:1.46;max-width:990px;margin:0 auto 52px}.intro-copy{font-size:16px;max-width:660px;margin:0 auto 74px}.intro-silhouette{width:100%;display:flex;justify-content:center;overflow:hidden}.intro-silhouette img{width:min(100%,1350px);height:auto;object-fit:cover;object-position:bottom}
.who-section{background-color:#365c40;background-image:var(--who-bg);background-size:cover;background-position:center;color:#fff;padding:80px 0}.who-grid{display:grid;grid-template-columns:35% 60%;gap:5%;align-items:center}.who-picture img{width:100%;max-height:630px;object-fit:contain;object-position:center bottom}.who-content{max-width:710px;font-size:15px;line-height:1.95}.who-content .eyebrow{font-size:19px;margin-bottom:26px}.who-content p{margin-bottom:18px}
.section-heading{text-align:center;padding:90px 0 30px}.section-heading h2{font-size:clamp(26px,2.4vw,38px);margin:0}.connection-illustration{display:flex;justify-content:center;margin-bottom:75px}.connection-illustration img{width:min(700px,100%);height:auto}
.what-detail{display:grid;grid-template-columns:47% 53%;background:#ececec;min-height:690px}.what-image{background-image:var(--what-bg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:35px 0}.what-image img{height:min(620px,90%);width:auto;max-width:92%;object-fit:contain}.what-copy{display:flex;align-items:center;padding:65px clamp(38px,7vw,118px);font-size:16px;line-height:1.95}.what-copy>div{max-width:640px}.what-copy .eyebrow{font-size:18px;margin-bottom:27px}.what-copy p{margin-bottom:18px}
.projects-section{padding:106px 0 104px;background:#fff;scroll-margin-top:86px}.projects-heading{text-align:center;max-width:850px;margin:0 auto 43px}.projects-heading h2{font-size:clamp(32px,3.1vw,47px);color:var(--pp-dark);margin:0 0 13px}.projects-heading p:last-child{font-size:18px;color:#566459}.projects-heading .eyebrow{color:var(--pp-green);font-size:13px;margin-bottom:10px}.map-block{position:relative;max-width:1120px;margin:0 auto 95px;box-shadow:0 18px 48px #183e1b16;border:1px solid #e0e8e1;border-radius:10px;background:#f3f8f1}.map-image-box{position:relative;line-height:0}.map-image-box img{display:block;width:100%;height:auto;border-radius:10px}.map-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);width:6%;height:9%;min-width:26px;min-height:26px;border:0;border-radius:50%;background:transparent}.map-hotspot:hover,.map-hotspot:focus-visible{outline:3px solid #3b692e;outline-offset:2px;background:#ffff0014}.map-popup{position:absolute;z-index:10;bottom:14px;left:50%;transform:translateX(-50%);max-width:min(450px,calc(100% - 20px));width:420px;background:white;box-shadow:0 12px 50px #14271970;border-radius:12px;padding:12px;display:flex;gap:13px;align-items:center}.map-popup[hidden]{display:none}.map-popup>img{width:100px;height:92px;object-fit:cover;border-radius:7px}.map-popup>div{font-size:13px;line-height:1.4;padding-right:20px}.map-popup strong{font-size:15px;display:block;color:var(--pp-dark)}.map-popup small{display:block;font-size:12px;margin:4px 0}.map-popup a{color:#246533;font-weight:700;text-decoration:underline}.map-popup-close{position:absolute;right:10px;top:6px;border:0;background:#e5ede3;border-radius:50%;font-size:18px;line-height:25px;width:27px;height:27px}.projects-list{display:grid;gap:85px;margin-bottom:105px}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.project-card:nth-child(even) .project-photo{order:2}.project-photo img{width:100%;height:350px;object-fit:cover;border-radius:13px}.project-description{padding:15px 5% 15px 0}.project-description .eyebrow{color:var(--pp-green);font-size:12px;margin:0 0 8px}.project-description h3{font-size:clamp(25px,2.45vw,34px);color:var(--pp-dark);margin:0 0 15px}.project-description p{font-size:15px;line-height:1.75;max-width:520px}.project-address{display:flex;align-items:flex-start;gap:9px;font-size:14px!important}.project-address svg{flex:0 0 18px;margin-top:3px}.project-map-link{background:none;border:0;color:var(--pp-green);font-size:13px;font-weight:700;letter-spacing:.03em;padding:12px 0;text-decoration:none}.project-map-link:hover{text-decoration:underline}.project-map-link span{font-size:18px;margin-left:5px}.projects-cta{background:var(--pp-dark);color:#fff;text-align:center;border-radius:15px;padding:58px 24px}.projects-cta h3{font-size:clamp(26px,2.6vw,37px);margin:0 auto 15px;max-width:720px}.projects-cta p{max-width:650px;margin:0 auto 26px}.cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 30px;border-radius:4px;text-decoration:none;font-size:13px;line-height:1.3;letter-spacing:.03em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-green{color:#fff;background:var(--pp-green)}.btn-light{color:var(--pp-dark);background:#fff}.btn-outline-light{color:#fff;border:1px solid #fff}.btn-white{background:#fff;color:#345c40}
.donate-section{padding:100px 0}.donate-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.donate-lead{max-width:570px}.donate-lead h2{font-size:clamp(22px,2vw,30px);line-height:1.55;margin:0 0 30px}.donate-plan{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8c3b9;padding:17px 0;gap:15px;font-size:15px;line-height:1.5}.donate-plan:first-child{border-top:1px solid #b8c3b9}.donate-plan strong{white-space:nowrap;font-size:16px;font-weight:400}
.receive-section{display:grid;grid-template-columns:50% 50%;background:var(--pp-green);color:white}.receive-picture{min-height:620px}.receive-picture img{width:100%;height:100%;object-fit:cover;max-height:760px}.receive-content{align-self:center;padding:70px clamp(40px,6vw,120px);max-width:850px}.receive-content h2{font-size:clamp(22px,2vw,31px);line-height:1.6}.receive-note{font-size:14px;margin:27px 0}.contact-section{padding:115px 0 80px}.contact-section img{width:110px;height:auto;margin:0 auto 30px}.contact-section h2{font-size:clamp(24px,2.4vw,36px);margin-bottom:28px}.contact-section .eyebrow{margin-bottom:12px}.social-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--pp-green)}.social-link:hover{text-decoration:underline}.site-footer{padding:25px 15px 32px;text-align:center;font-size:12px;color:#444}.site-footer p{margin:0}
@media(max-width:1100px){.header-inner{gap:16px}.logo-link img{width:156px}.main-nav{gap:15px}.main-nav a{font-size:11px}.who-content{font-size:14px}.what-copy{padding:50px 35px}}
@media(max-width:820px){html{scroll-padding-top:73px}.wrap{width:min(100% - 35px,680px)}.wrap-wide{width:calc(100% - 32px)}.header-inner{min-height:76px;justify-content:space-between}.logo-link img{width:142px}.menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;flex:0 0 42px;border:1px solid #b1c2af;border-radius:6px;background:#fff;height:40px}.menu-toggle span{height:2px;width:22px;border-radius:2px;background:#294e31}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:12px 22px 22px;background:#fff;box-shadow:0 12px 16px #0002;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{font-size:13px;padding:11px 0;border-bottom:1px solid #edf1eb}.hero{min-height:480px}.hero-inner{padding:90px 0}.hero h1{font-size:clamp(30px,7vw,42px)}.hero p{font-size:16px}.intro-section{padding-top:65px}.intro-section h2{font-size:23px;margin-bottom:32px}.intro-copy{font-size:15px;margin-bottom:55px}.who-section{padding:52px 0}.who-grid{grid-template-columns:1fr;gap:30px}.who-picture img{max-height:400px;object-position:center}.who-content{font-size:14px}.section-heading{padding-top:65px}.connection-illustration{margin-bottom:50px}.what-detail{grid-template-columns:1fr}.what-image{min-height:400px;max-height:510px}.what-image img{max-height:440px}.what-copy{padding:47px 25px}.projects-section{padding:65px 0}.projects-heading{margin-bottom:30px}.projects-heading p:last-child{font-size:15px}.map-block{margin-bottom:62px}.projects-list{gap:50px;margin-bottom:65px}.project-card{grid-template-columns:1fr;gap:24px}.project-card:nth-child(even) .project-photo{order:0}.project-photo img{height:310px}.project-description{padding:0 8px}.project-description p{font-size:14px}.projects-cta{padding:45px 17px}.donate-section{padding:66px 0}.donate-grid{grid-template-columns:1fr;gap:38px}.receive-section{grid-template-columns:1fr}.receive-picture{min-height:0}.receive-picture img{height:420px}.receive-content{padding:45px 25px}.contact-section{padding:70px 0 60px}}
@media(max-width:480px){.hero{min-height:440px}.project-photo img{height:265px}.map-hotspot{min-width:24px;min-height:24px}.map-popup>img{width:70px;height:80px}.map-popup{gap:10px;padding:9px}.map-popup strong{font-size:13px}.map-popup small{font-size:11px}.contact-section h2{font-size:22px;overflow-wrap:anywhere}.donate-plan{font-size:13px}.donate-plan strong{font-size:13px}.receive-picture img{height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Pin visível para projetos novos; os 3 primeiros já estão representados na imagem do mapa. */
.map-hotspot.is-added{background:#e5352b;border:3px solid #fff;box-shadow:0 2px 12px #0005;width:22px;height:22px;min-width:22px;min-height:22px}.map-hotspot.is-added::after{content:"";position:absolute;width:10px;height:10px;background:#e5352b;transform:rotate(45deg);left:3px;top:12px;z-index:-1}

/* V1.1 — fidelidade ao Elementor original: tipografia e cabeçalho.
   Origem: exportação Elementor 550 (logo 25% / navegação 75%,
   família Varela Round, menu/títulos peso 600, menu centralizado).
   Não afeta conteúdo, imagens, painel ou armazenamento. */
body { font-family: 'Varela Round', Arial, sans-serif; font-weight: 400; }
h1, h2, h3, .eyebrow, .hero h1, .hero p { font-family: 'Varela Round', Arial, sans-serif; font-weight: 600; }
.site-header { background: #e7e7e7; }
@media (min-width:1081px) {
  .header-inner.wrap-wide {
    width: 84%;
    max-width: 1560px;
    min-height: clamp(104px, 7.75vw, 145px);
    display: grid;
    grid-template-columns: 25% minmax(0, 75%);
    gap: 0;
    align-items: center;
  }
  .logo-link { justify-self: start; }
  .logo-link img { width: clamp(174px, 13.8vw, 260px); height: auto; }
  .main-nav {
    min-width: 0;
    width: 100%;
    display: flex;
    flex: initial;
    align-items: center;
    justify-content: space-between;
    gap: clamp(8px, 1.3vw, 26px);
    margin-top: 10px;
  }
  .main-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-family: 'Varela Round', Arial, sans-serif;
    font-weight: 600;
    font-size: clamp(13px, 1.12vw, 21px);
    line-height: 1.45;
    letter-spacing: -0.015em;
    text-align: center;
    text-decoration: none;
    padding: 6px 0 10px;
    border-bottom: 3px solid transparent;
    color: #020202;
  }
  /* Nenhum item começa selecionado: o destaque aparece apenas na interação. */
  .main-nav a:hover,
  .main-nav a:focus-visible,
  .main-nav a.is-engaged { color: #858785; border-bottom-color: #858785; }
}
@media (max-width:1080px) {
  .header-inner.wrap-wide {
    width: calc(100% - 36px);
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .logo-link img { width: 155px; height: auto; }
  .menu-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    border: 1px solid #858785;
    border-radius: 6px;
    background: #e7e7e7;
    height: 40px;
  }
  .menu-toggle span {height:2px;width:22px;border-radius:2px;background:#2d382e;}
  .main-nav {
    display: none;
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 12px 22px 22px;
    background: #e7e7e7;
    box-shadow: 0 12px 20px #0002;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
  }
  .main-nav.is-open { display: flex; }
  .main-nav a {
    display: block;
    font-family: 'Varela Round', Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    padding: 12px 0;
    border-bottom: 1px solid #bfc1bd;
  }
}
@media (max-width:480px) {
  .header-inner.wrap-wide { width: calc(100% - 32px); min-height: 76px; }
  .logo-link img { width: 142px; }
  .main-nav { top: 76px; }
}
/* Hero do Elementor: título e subtítulo em linha única em telas largas,
   com o destaque fotográfico mais alto. Regras isoladas do mobile. */
@media (min-width:1081px) {
  .hero { min-height: clamp(610px, 45vw, 850px); }
  .hero h1 { max-width: min(94vw, 1500px); }
  .hero p { max-width: min(94vw, 1500px); }
}
@media (min-width:1081px) {
  .hero h1 { font-size: clamp(40px, 3.4vw, 60px); }
  .hero p { font-size: clamp(19px, 1.55vw, 27px); }
}

/* V1.2 · UX leve: preserva estrutura, tipografia e disposição aprovadas. */
.main-nav a { transition:color .18s ease,border-color .18s ease; }
.btn-icon {display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;stroke:currentColor;}
.btn {gap:9px;border-radius:6px;font-weight:600;box-shadow:0 1px 0 #00000008;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;}
.btn:hover {box-shadow:0 6px 16px #1b40232b;transform:translateY(-2px)}
.btn:active {transform:translateY(0);box-shadow:none}
.btn-green:hover{background:#2e7135}.btn-light:hover{background:#f5f8f2}.btn-white:hover{background:#f5f8f2}.btn-outline-light:hover{background:#ffffff16}
.project-map-link{display:inline-flex;gap:8px;align-items:center;border-radius:5px;padding:9px 12px 9px 0;transition:color .2s ease,transform .2s ease;}
.project-map-link:hover{color:#203e2b;transform:translateX(3px);text-decoration:underline;text-underline-offset:4px}
.project-map-link .btn-icon{width:17px;height:17px}
.project-photo img {transition:transform .35s ease,box-shadow .35s ease;}
.project-photo{overflow:hidden;border-radius:13px}
.project-card:hover .project-photo img{transform:scale(1.012)}
.donate-plan{transition:background-color .2s ease,padding .2s ease}
.donate-plan:hover{background:#f6f8f3;padding-left:10px;padding-right:10px}
.menu-toggle {transition:background-color .2s ease,border-color .2s ease}
.menu-toggle[aria-expanded="true"]{background:#d9dfd8;border-color:var(--pp-dark)}
.menu-toggle[aria-expanded="true"] span{background:var(--pp-dark)}
@media (max-width:1080px){
 .main-nav a.is-engaged,.main-nav a:hover,.main-nav a:focus-visible{color:var(--pp-green);background:#dde3da;padding-left:10px;border-radius:4px;border-bottom-color:#bfc1bd}
}
@media (max-width:820px){.project-card:hover .project-photo img{transform:none}.project-map-link{min-height:44px}}
@media (prefers-reduced-motion:reduce){.main-nav a,.btn,.project-photo img,.donate-plan,.menu-toggle,.project-map-link{transition:none!important;transform:none!important}}

/* V1.3 — títulos opcionais e âncora de Projetos Apoiados. */
.anchor-offset{position:relative;display:block;height:0;width:0;scroll-margin-top:90px}
.section-extra-title{font-family:'Varela Round',Arial,sans-serif;font-size:clamp(19px,2.1vw,28px);line-height:1.4;font-weight:600;margin:12px 0 18px}
.who-content .section-extra-title,.receive-content .section-extra-title{color:inherit}
.contact-section h3{font-family:'Varela Round',Arial,sans-serif;font-size:clamp(22px,3vw,36px);line-height:1.3;margin:0 0 24px;overflow-wrap:anywhere}
.projects-heading .eyebrow{margin-bottom:12px}
@media(max-width:820px){.section-extra-title{font-size:19px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
