/* EcoRota Codel — navegação multipáginas; mantém os estilos existentes. */
.navlinks{gap:17px;font-size:12px;align-items:center}
.navlinks a{position:relative;white-space:nowrap;padding:8px 0;transition:color .18s}
.navlinks a:hover,.navlinks a.is-current{color:#4d7e48}
.navlinks a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#7da45a;border-radius:9px}
.nav-cta{gap:9px;padding:12px 15px;white-space:nowrap}
.subpage-banner{background:linear-gradient(115deg,#edf2e6 0%,#f3f7ed 51%,#e3ebd8 100%);border-bottom:1px solid #dce6d3;padding:37px 0 42px;overflow:hidden}
.page-breadcrumb{font-size:11px;display:flex;align-items:center;gap:11px;color:#628067;margin-bottom:31px}
.page-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.page-breadcrumb span:last-child{color:#375c42;font-weight:600}
.subpage-grid{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:center;gap:36px}
.subpage-banner .eyebrow{color:#57784b}
.subpage-banner h1{font-size:clamp(35px,4.4vw,57px);margin:15px 0 12px;max-width:820px}
.subpage-banner h1 em{font-style:normal;color:#71994a}
.subpage-banner p{font-size:14px;max-width:650px;margin:0}
.page-emblem{height:172px;width:172px;border:1px solid #bacfb3;background:#e3edd8;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;position:relative;color:#71994a}
.page-emblem:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed #b4caa8}
.page-emblem span{font-size:91px;line-height:.85}
.page-emblem small{color:#406246;font-size:9px;text-align:center;letter-spacing:3px;line-height:1.65;margin-top:12px}
.next-section{background:#f0f4eb;border-top:1px solid #dce6d8;padding:50px 0 60px}
.next-section .eyebrow{margin-bottom:21px}
.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.next-card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:17px;align-items:start;background:#fff;border:1px solid #dbe6d6;border-radius:11px;padding:24px 25px;transition:box-shadow .2s, transform .2s}
.next-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #173e3118}
.next-card>span{grid-row:1/3;font-size:13px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5efdf;color:#4b714b}
.next-card strong{font-size:16px;line-height:1.4;padding-right:20px}
.next-card small{font-size:12px;line-height:1.65;color:#64786c;margin-top:4px}
.next-card>b{position:absolute;right:23px;top:22px;color:#557b48;font-size:20px}
.page-home .hero{padding-top:65px}
/* Seções originais permanecem iguais, com espaço apropriado nas páginas independentes. */
.page-descarte .materials{padding:70px 0 55px}
.page-pontos .collection-map-section{padding-top:55px}
.page-sobre .faq-grid{padding-top:70px;padding-bottom:60px}
.page-sobre .about{margin-bottom:36px}
.page-rastreio .track-section,.page-beneficios .reward-section,.page-logistica .route-section{padding-top:63px}
@media(max-width:1120px){
 .navlinks{gap:11px;font-size:11px}
 .brand strong{font-size:21px}
 .brand small{letter-spacing:2px}
 .nav-cta{padding:10px 11px;font-size:11px}
}
@media(max-width:1020px){
 .navlinks{display:none;position:absolute;left:0;right:0;top:85px;background:var(--paper);padding:16px 30px 22px;box-shadow:0 15px 25px #173e3120;z-index:20}
 .navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}
 .navlinks a{font-size:14px;padding:10px 3px}
 .navlinks a.is-current:after{right:auto;width:50px;bottom:3px}
 .menu{display:block;border:0;background:none;color:var(--green);font-size:24px}
 nav>.nav-cta{margin-left:auto}
}
@media(max-width:680px){
 .subpage-banner{padding:24px 0 31px}
 .page-breadcrumb{margin-bottom:20px}
 .subpage-grid{grid-template-columns:1fr}
 .page-emblem{display:none}
 .subpage-banner h1{font-size:clamp(36px,9vw,46px);letter-spacing:-1.8px}
 .subpage-banner p{font-size:13px}
 .next-grid{grid-template-columns:1fr}
 .next-card{padding:20px}
 .next-section{padding:40px 0 48px}
 .page-descarte .materials{padding:55px 0 40px}
}
@media(max-width:360px){
 .nav-cta{font-size:10px;padding:9px 10px}
 .brand strong{font-size:18px}
 .brand small{font-size:6.5px;letter-spacing:1.5px}
 nav{gap:8px}
}

/* Homepage is an entry point, not a long single-page presentation. */
.page-home .hero{padding-bottom:53px}
.page-home .home-directory{padding:61px 0 66px;border-top:1px solid var(--line)}
.home-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-directory-grid .feature-hub-link{min-height:201px}
.home-directory-note{color:var(--muted);font-size:11px;margin:24px 0 0}
.page-sobre #como-funciona{padding-top:64px}
.page-sobre #modelo{padding-top:70px}
@media(max-width:850px){
 .home-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .page-home .home-directory{padding:47px 0 52px}
 .home-directory-grid{grid-template-columns:1fr;gap:12px}
 .home-directory-grid .feature-hub-link{min-height:151px}
 .home-directory-grid .feature-hub-icon{margin-bottom:10px}
 .home-directory-grid .feature-hub-arrow{padding-top:10px}
}

/* Home sem conteúdo de outras seções. Telas maiores: apresentação ocupa a tela. */
body.page-home{min-height:100vh;display:flex;flex-direction:column}
body.page-home main{flex:1;display:flex;align-items:center}
body.page-home main>.wrap{width:100%}
body.page-home footer{margin-top:auto}
body.page-home .hero{padding-top:40px;padding-bottom:40px}
@media (max-width:850px){body.page-home main{display:block}}