
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ====================== TOKENS ====================== */
:root{
  --fd:'Space Grotesk',sans-serif;--fb:'Inter',sans-serif;
  --y:#d4a017;--ys:#e8b92f;
}
[data-theme="dark"]{
  --bg:#0a0c0a;--bg2:#0f120f;--bg3:#151a15;
  --t1:#eef0ee;--t2:#9ca89c;--t3:#5f6b5f;
  --bd:rgba(255,255,255,.07);
  --g:#2d8c3c;--gl:#3aaf4c;--gg:rgba(58,175,76,.15);
  --nav-bg:rgba(10,12,10,.88);--nav-link:#b5c0b5;--nav-border:rgba(255,255,255,.06);
  --nav-cta-bg:#2d8c3c;--nav-cta-hover:#3aaf4c;--nav-cta-text:#fff;
  --ph-a:#111611;--ph-b:#151b15;--ph-label-bg:rgba(10,12,10,.75);
  --footer-logo:brightness(0) invert(1);
  --toggle-bg:rgba(255,255,255,.08);
}
[data-theme="light"]{
  --bg:#f6f7f4;--bg2:#eef0eb;--bg3:#fff;
  --t1:#111a11;--t2:#4a5a4a;--t3:#7a8a7a;
  --bd:rgba(0,0,0,.08);
  --g:#247a32;--gl:#2d9a3e;--gg:rgba(45,140,60,.1);
  --nav-bg:rgba(22,62,28,.97);--nav-link:#c8dcc8;--nav-border:rgba(255,255,255,.08);
  --nav-cta-bg:#d4a017;--nav-cta-hover:#e8b92f;--nav-cta-text:#1a1a0a;
  --ph-a:#1a2a1c;--ph-b:#203222;--ph-label-bg:rgba(22,62,28,.8);
  --footer-logo:none;
  --toggle-bg:rgba(255,255,255,.85);
}

html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--t1);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}

/* ====================== NAV ====================== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.1rem 3rem;display:flex;align-items:center;justify-content:space-between;transition:background-color .35s,border-color .35s,box-shadow .35s}
.nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--nav-border)}
[data-theme="light"] .nav{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:0 2px 20px rgba(0,0,0,.15)}
.nav-logo img{height:30px;width:auto;filter:brightness(0) invert(1)}
.nav-links{display:flex;align-items:center;gap:2.2rem;list-style:none}
.nav-links a{color:var(--nav-link);font-size:.85rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:color .25s}
.nav-links a:hover{color:#fff}
.nav-links .nav-cta{background:var(--nav-cta-bg);color:var(--nav-cta-text);padding:.5rem 1.3rem;border-radius:6px;font-weight:600;transition:background-color .25s,transform .25s}
.nav-links .nav-cta:hover{background:var(--nav-cta-hover);color:var(--nav-cta-text);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hamburger span{width:24px;height:2px;background:#fff;border-radius:2px}
.mobile-menu{display:none;position:fixed;inset:0;z-index:150;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:var(--nav-bg)}
[data-theme="dark"] .mobile-menu{background:rgba(10,12,10,.97)}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:1.2rem;color:var(--nav-link);font-weight:500}
.mobile-close{position:absolute;top:1.3rem;right:1.5rem;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;line-height:1}

/* ====================== MEDIA PANELS (SpaceX style) ====================== */
.panel{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.panel-media{position:absolute;inset:0;z-index:0}
.panel-media video,.panel-media img{width:100%;height:100%;object-fit:cover}
.panel-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.35) 100%)}
.panel-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 3rem 7rem}
.panel-content.center{text-align:center}
.panel-content.center .panel-text,.panel-content.center .panel-actions{margin-left:auto;margin-right:auto;justify-content:center}
.panel-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d8e8d8;margin-bottom:1.1rem}
.panel-tag::before{content:'';width:22px;height:2px;background:var(--y)}
.panel h1,.panel h2{font-family:var(--fd);font-weight:700;letter-spacing:-.03em;line-height:1.05;max-width:820px;margin-bottom:1.2rem}
.panel h1{font-size:clamp(2.6rem,6vw,5rem)}
.panel h2{font-size:clamp(2.2rem,4.5vw,3.8rem)}
.panel-text{font-size:1.1rem;line-height:1.65;color:rgba(255,255,255,.82);max-width:560px;margin-bottom:2.2rem}
.panel-actions{display:flex;gap:1rem;flex-wrap:wrap}
.yl{color:var(--ys)}

/* Stats inside panels */
.panel-stats{display:flex;gap:3.5rem;flex-wrap:wrap;margin-bottom:2.4rem}
.panel-stat-v{font-family:var(--fd);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1}
.panel-stat-v .u{font-size:.5em;color:var(--ys);margin-left:.15em}
.panel-stat-l{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:.5rem;max-width:180px}

/* Scroll cue */
.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:14px}
.scroll-cue::after{content:'';position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;background:#fff;border-radius:2px;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.9rem;border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;font-family:var(--fb);transition:background-color .25s,border-color .25s,color .25s,transform .25s}
.btn-p{background:var(--g);color:#fff}
.btn-p:hover{background:var(--gl);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.75)}
.btn-ghost:hover{background:#fff;color:#0a0c0a}
.btn-o{background:transparent;color:var(--t1);border:1.5px solid var(--bd)}
.btn-o:hover{border-color:var(--gl);color:var(--gl)}

/* ====================== PLACEHOLDERS ====================== */
.ph{position:absolute;inset:0;background:repeating-linear-gradient(135deg,var(--ph-a) 0 24px,var(--ph-b) 24px 48px)}
.ph-label{position:absolute;top:6.5rem;right:3rem;z-index:3;max-width:360px;padding:1rem 1.2rem;border:1.5px dashed rgba(232,185,47,.7);border-radius:8px;background:var(--ph-label-bg);backdrop-filter:blur(6px);font-size:.8rem;line-height:1.55;color:#e6ece6}
.ph-label strong{display:block;font-family:var(--fd);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ys);margin-bottom:.35rem}
.ph-label ul{margin-top:.45rem;padding-left:1rem;color:#b9c4b9}
.ph-label li{margin-bottom:.1rem}

/* ====================== MISSÃO / VISÃO / VALORES ====================== */
.mvv{padding:7rem 3rem;background:var(--bg);transition:background-color .35s}
.mvv-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0;border-top:1px solid var(--bd)}
.mvv-col{padding:2.5rem 2.5rem 0 0}
.mvv-col+.mvv-col{padding-left:2.5rem;border-left:1px solid var(--bd)}
.mvv-col h3{font-family:var(--fd);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}
.mvv-col h3::before{content:'';display:block;width:28px;height:3px;background:var(--y);margin-bottom:1.2rem}
.mvv-col>p{color:var(--t2);line-height:1.75;font-size:1rem}
.values{list-style:none}
.values li{padding:.9rem 0;border-bottom:1px solid var(--bd);color:var(--t2);font-size:.95rem;line-height:1.6}
.values li:first-child{padding-top:0}
.values li:last-child{border-bottom:none}
.values strong{display:block;font-family:var(--fd);font-weight:600;color:var(--t1);font-size:1.02rem;margin-bottom:.15rem}
.todo{background:rgba(232,185,47,.18);color:inherit;border-bottom:1.5px dashed var(--ys);padding:0 .2em;border-radius:3px}

/* ====================== FAQ ====================== */
.faq{padding:7rem 3rem;background:var(--bg);transition:background-color .35s}
.sec-head{text-align:center;margin-bottom:3rem}
.sl{font-size:.75rem;font-weight:600;color:var(--gl);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.9rem}
.st{font-family:var(--fd);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.faq-list{max-width:760px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--bd)}
.faq-q{width:100%;background:none;border:none;padding:1.5rem 0;font-size:1.02rem;font-weight:600;font-family:var(--fd);color:var(--t1);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .2s}
.faq-q:hover{color:var(--gl)}
.faq-q svg{flex-shrink:0;width:20px;height:20px;color:var(--t3);transition:transform .3s,color .2s}
.faq-item.open .faq-q svg{transform:rotate(45deg);color:var(--gl)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.open .faq-a{max-height:320px}
.faq-a p{padding-bottom:1.5rem;font-size:.94rem;color:var(--t2);line-height:1.7;max-width:640px}

/* ====================== CONTACT CTA ====================== */
.contact{padding:6rem 3rem;background:var(--bg2);border-top:1px solid var(--bd);text-align:center;transition:background-color .35s}
.contact .st{max-width:640px;margin:0 auto 1rem}
.contact p{color:var(--t2);max-width:520px;margin:0 auto 2.2rem;line-height:1.7}
.contact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ====================== FOOTER ====================== */
.footer{border-top:1px solid var(--bd);padding:4rem 3rem 2rem;background:var(--bg);transition:background-color .35s}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}
.footer-logo img{height:26px;width:auto;filter:var(--footer-logo)}
.footer-brand p{color:var(--t2);font-size:.88rem;line-height:1.65;max-width:300px;margin-top:1rem}
.footer-socials{display:flex;gap:.75rem;margin-top:1.5rem}
.footer-socials a{width:36px;height:36px;border-radius:8px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:.75rem;font-weight:600;transition:all .25s}
.footer-socials a:hover{border-color:var(--g);color:var(--gl);background:var(--gg)}
.footer-col h4{font-family:var(--fd);font-size:.85rem;font-weight:600;margin-bottom:1rem}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:.6rem}
.footer-col a{color:var(--t2);font-size:.85rem;transition:color .2s}
.footer-col a:hover{color:var(--gl)}
.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid var(--bd);font-size:.78rem;color:var(--t3)}

/* ====================== FLOATING BUTTONS ====================== */
.theme-toggle{position:fixed;bottom:6.5rem;right:2.25rem;z-index:101;width:44px;height:44px;border-radius:50%;border:1px solid var(--bd);background:var(--toggle-bg);backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.2)}
.theme-toggle:hover{border-color:var(--gl)}
.theme-toggle svg{width:20px;height:20px;color:var(--t2)}
[data-theme="dark"] .icon-sun{display:none}
[data-theme="light"] .icon-moon{display:none}
.wa-float{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;z-index:101;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .3s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* ====================== REVEAL ====================== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scroll-cue::after{animation:none}}

/* ====================== RESPONSIVE ====================== */
@media(max-width:900px){
  .nav{padding:1rem 1.25rem}
  .nav-links{display:none}
  .hamburger{display:flex}
  .panel-content{padding:0 1.25rem 6rem}
  .panel-stats{gap:2rem}
  .ph-label{top:5rem;left:1rem;right:1rem;max-width:none;font-size:.74rem}
  .faq,.contact,.mvv{padding:4.5rem 1.25rem}
  .mvv-grid{grid-template-columns:1fr}
  .mvv-col,.mvv-col+.mvv-col{padding:2.2rem 0 0;border-left:none}
  .mvv-col+.mvv-col{margin-top:2.2rem;border-top:1px solid var(--bd)}
  .footer{padding:3.5rem 1.25rem 2rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-brand{grid-column:1/-1}
  .theme-toggle{right:1.6rem;bottom:6rem}
  .wa-float{right:1.25rem;bottom:1.25rem}
}

/* ====================== PÁGINA POMAR ====================== */
.sec{padding:7rem 3rem;background:var(--bg);transition:background-color .35s}
.sec.alt{background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.sec-head .sd{color:var(--t2);max-width:600px;margin:1rem auto 0;line-height:1.7}
.product-logo{display:block;width:min(500px,82vw);height:auto;margin-bottom:1.4rem;filter:brightness(0) invert(1)}
.panel .product-sub{font-family:var(--fd);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:600;letter-spacing:-.01em;margin-bottom:1rem;color:#fff}

/* Vídeo explicativo (player) */
.howto-video{position:relative;max-width:1100px;margin:0 auto;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.howto-video video{width:100%;height:100%;object-fit:cover}
.howto-video .ph-label{top:1.2rem;right:1.2rem}
.play{position:absolute;inset:0;margin:auto;z-index:2;width:84px;height:84px;border-radius:50%;background:var(--g);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.35);transition:transform .25s,background-color .25s}
.play:hover{transform:scale(1.06);background:var(--gl)}
.play svg{width:30px;height:30px;fill:#fff;margin-left:4px}

/* 3 etapas */
.steps{max-width:1100px;margin:3.5rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.step{border-top:1px solid var(--bd);padding-top:1.6rem}
.step-n{font-family:var(--fd);font-size:2.6rem;font-weight:700;line-height:1;color:var(--y);margin-bottom:1rem}
.step h3{font-family:var(--fd);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.6rem}
.step p{color:var(--t2);font-size:.95rem;line-height:1.7}

/* Benefícios */
.mvv-grid.eq{grid-template-columns:repeat(3,1fr)}
.ticks{list-style:none}
.ticks li{position:relative;padding:.55rem 0 .55rem 1.6rem;color:var(--t2);font-size:.97rem;line-height:1.55}
.ticks li::before{content:'';position:absolute;left:0;top:1.05rem;width:9px;height:5px;border-left:2px solid var(--gl);border-bottom:2px solid var(--gl);transform:rotate(-45deg)}

/* Componentes */
.comp4{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}
.thumb{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;margin-bottom:1.2rem;border:1px solid var(--bd)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb-label{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;padding:.45rem .6rem;border:1.5px dashed rgba(232,185,47,.7);border-radius:6px;background:var(--ph-label-bg);font-size:.72rem;line-height:1.4;color:#e6ece6}
.thumb-label b{color:var(--ys)}
.comp4 h3{font-family:var(--fd);font-size:1.1rem;font-weight:600;margin-bottom:.45rem}
.comp4 p{color:var(--t2);font-size:.92rem;line-height:1.6}
.more{text-align:center;margin-top:3rem}

/* Resultados */
.results{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:4rem;align-items:center}
.results .st{margin-bottom:1rem}
.results p{color:var(--t2);line-height:1.75;font-size:1.02rem}
.chart-ph{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid var(--bd)}
.chart-ph .ph-label{top:auto;bottom:1.2rem;right:1.2rem;left:1.2rem;max-width:none}

/* Depoimento */
.quote{font-family:var(--fd);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:500;line-height:1.45;letter-spacing:-.01em;max-width:860px;margin-bottom:1.8rem;quotes:'\201C' '\201D'}
.quote::before{content:open-quote;color:var(--ys)}
.quote::after{content:close-quote;color:var(--ys)}
.quote-author strong{display:block;font-size:1rem}
.quote-author span{font-size:.88rem;color:rgba(255,255,255,.7)}

/* Chamada final */
.cta-logo{display:block;width:min(340px,70vw);height:auto;margin:0 auto 2rem}
[data-theme="dark"] .cta-logo{filter:brightness(0) invert(1)}

@media(max-width:900px){
  .sec{padding:4.5rem 1.25rem}
  .steps,.results,.mvv-grid.eq{grid-template-columns:1fr}
  .steps{gap:1.5rem}
  .comp4{grid-template-columns:1fr 1fr;gap:1.25rem}
  .results{gap:2.5rem}
  .play{width:64px;height:64px}
}
@media(max-width:520px){.comp4{grid-template-columns:1fr}}

/* ====================== PÁGINA LAVOURA ====================== */
.stats3{max-width:1200px;margin:0 auto 3.5rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.stats3>div{padding:2.4rem 2rem}
.stats3>div+div{border-left:1px solid var(--bd)}
.stats3 .v{font-family:var(--fd);font-size:clamp(2.8rem,5vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--t1)}
.stats3 .v .u{font-size:.5em;color:var(--y);margin-left:.1em}
.stats3 h3{font-family:var(--fd);font-size:1.1rem;font-weight:600;margin:1rem 0 .4rem}
.stats3 p{color:var(--t2);font-size:.93rem;line-height:1.6}
.when-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;margin-top:2rem}
.when-grid h3{font-family:var(--fd);font-size:1.35rem;font-weight:600;margin-bottom:.6rem;color:#fff}
.when-grid h3::before{content:'';display:block;width:28px;height:3px;background:var(--y);margin-bottom:1rem}
.panel .ticks li{color:rgba(255,255,255,.85)}
.panel .ticks li::before{border-color:var(--ys)}
@media(max-width:900px){
  .stats3{grid-template-columns:1fr}
  .stats3>div{padding:1.8rem 0}
  .stats3>div+div{border-left:none;border-top:1px solid var(--bd)}
  .when-grid{grid-template-columns:1fr;gap:1.8rem}
}

/* ====================== PÁGINA TECNOLOGIA ====================== */
.pillars{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.pillar{border-top:1px solid var(--bd);padding-top:1.6rem}
.pillar-ic{width:44px;height:44px;border-radius:10px;background:var(--gg);color:var(--gl);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.pillar-ic svg{width:22px;height:22px}
.pillar h3{font-family:var(--fd);font-size:1.25rem;font-weight:600;margin-bottom:.6rem}
.pillar p{color:var(--t2);font-size:.95rem;line-height:1.7}

.seg-wrap{text-align:center;margin-bottom:2.5rem}
.seg{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--bd);border-radius:999px;background:var(--bg)}
.seg button{border:none;background:none;cursor:pointer;padding:.7rem 1.6rem;border-radius:999px;font-family:var(--fb);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t2);transition:background-color .25s,color .25s}
.seg button:hover{color:var(--t1)}
.seg button[aria-selected="true"]{background:var(--g);color:#fff}
.seg button:focus-visible,.btn:focus-visible,.faq-q:focus-visible,.play:focus-visible{outline:2px solid var(--ys);outline-offset:3px}
.tabpanel[hidden]{display:none}
.facts{max-width:1200px;margin:0 auto 3rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.facts>div{padding:1.4rem 1.6rem}
.facts>div+div{border-left:1px solid var(--bd)}
.facts .k{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:.35rem}
.facts .val{font-family:var(--fd);font-size:1.15rem;font-weight:600;color:var(--t1)}
.comp4 .ticks{margin-top:.8rem}
.comp4 .ticks li{font-size:.88rem;padding:.35rem 0 .35rem 1.4rem}
.comp4 .ticks li::before{top:.8rem}

@media(max-width:900px){
  .pillars,.facts{grid-template-columns:1fr}
  .pillars{gap:1.5rem}
  .facts>div+div{border-left:none;border-top:1px solid var(--bd)}
  .seg button{padding:.65rem 1.1rem}
}

/* ====================== TEMA WORDPRESS ====================== */
.nav-links a.active{color:#fff}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--y);color:#111;padding:.6rem 1rem;border-radius:0 0 6px 0;font-weight:600}
.skip-link:focus{left:0}
.ph-file{display:block;margin-top:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.4;color:#fff;opacity:.85;word-break:break-all}
.thumb-label .ph-file{margin-top:.3rem;font-size:.66rem}
/* Páginas comuns (posts, política de privacidade, 404) */
.wv-solid-nav .nav{background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}
.wv-solid-nav[data-wv="dark"] .nav{background:rgba(10,12,10,.95)}
.page-head{padding:10rem 3rem 3rem;background:var(--bg2);border-bottom:1px solid var(--bd)}
.page-head .wrap{max-width:760px;margin:0 auto}
.page-head h1{font-family:var(--fd);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.page-head .meta{color:var(--t3);font-size:.88rem;margin-top:.8rem}
.prose{max-width:calc(760px + 6rem);margin:0 auto;padding:4rem 3rem 6rem;color:var(--t2);font-size:1.05rem;line-height:1.8}
.prose h2,.prose h3,.prose h4{font-family:var(--fd);color:var(--t1);letter-spacing:-.015em;line-height:1.25;margin:2.4rem 0 .8rem}
.prose h2{font-size:1.7rem}.prose h3{font-size:1.3rem}
.prose p,.prose ul,.prose ol{margin-bottom:1.2rem}
.prose ul,.prose ol{padding-left:1.4rem}
.prose a{color:var(--gl);text-decoration:underline;text-underline-offset:3px}
.prose img{border-radius:10px;margin:2rem 0;height:auto}
.prose blockquote{border-left:3px solid var(--y);padding-left:1.2rem;color:var(--t1);font-style:italic;margin:2rem 0}
.post-list{max-width:calc(760px + 6rem);margin:0 auto;padding:3rem 3rem 6rem;list-style:none}
.post-list li{border-bottom:1px solid var(--bd);padding:1.6rem 0}
.post-list a.title{font-family:var(--fd);font-size:1.25rem;font-weight:600;color:var(--t1)}
.post-list a.title:hover{color:var(--gl)}
.post-list .meta{color:var(--t3);font-size:.82rem;margin:.3rem 0 .5rem}
.post-list p{color:var(--t2);font-size:.95rem;line-height:1.65}
.pagination{max-width:calc(760px + 6rem);margin:-3rem auto 6rem;padding:0 3rem;display:flex;gap:1rem}
.pagination a{color:var(--gl);font-weight:600}
@media(max-width:900px){
  .page-head{padding:8rem 1.25rem 2.5rem}
  .prose,.post-list{padding-left:1.25rem;padding-right:1.25rem}
  .pagination{padding:0 1.25rem}
}
.panel-media picture,.thumb picture,.chart-ph picture{display:block;width:100%;height:100%}
.chart-ph img{width:100%;height:100%;object-fit:contain}
