/* Casa Agrícola Andrade · «Do planalto ao rio»
   Cores: xisto, papel, flor da amendoeira, oliveira, amêndoa e Douro.
   Letra: Spectral (títulos) e Instrument Sans (texto), alojadas no próprio site (licença OFL). */

@font-face{font-family:"Spectral";src:url("fonts/spectral-semibold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans-var.woff") format("woff");font-weight:400 600;font-style:normal;font-display:swap}

:root{
  --bg:#FBF8F5;--alt:#F2EDE6;--card:#FFFFFF;--ink:#262A2E;--ink-2:#3A3F44;--muted:#59606A;--line:#DDD5CC;--field:#B9B1A8;
  --xisto:#262A2E;--xisto-2:#3A3F44;--on-xisto:#F4EFEA;--on-xisto-2:#C9C3BC;
  --flor:#E9C4C6;--flor-bg:#F6E8E7;--oliva:#4E5B2E;--oliva-bg:#E8ECDD;--amendoa:#8A4F22;--amendoa-bg:#EADCCB;
  --douro:#2F5F73;--douro-hover:#1E4252;--saude-bg:#E4EAEE;--rio:#7FA6B6;
  --fruto:#B8C292;--colheita:#C99567;--azeitona:#6B7848;--poda:#8C969C;
  --warn:#8A4B00;--warn-bg:#FFF1DC;
  --serif:"Spectral",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:24px;--r-s:14px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#1C1F22;--alt:#24282C;--card:#24282C;--ink:#F1ECE6;--ink-2:#DDD7D0;--muted:#C3BDB6;--line:#3A3F44;--field:#5A6067;
    --flor-bg:#33292A;--oliva-bg:#2A2F23;--amendoa-bg:#33291F;--saude-bg:#222A2F;
    --oliva:#B8C292;--amendoa:#E0A46A;--douro:#9CC3D3;--douro-hover:#C6DEE8;--warn:#F2C27A;--warn-bg:#2E2414}
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;padding-bottom:env(safe-area-inset-bottom,0px)}
img,video,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--douro);text-underline-offset:3px}
a:hover{color:var(--douro-hover)}
h1,h2,h3,p,ul,ol,dl,figure{margin:0}
h1,h2,h3,.h3{font-family:var(--serif);font-weight:600;line-height:1.15}
h2{font-size:clamp(30px,3.6vw,40px);margin-bottom:10px}
h3,.h3{font-size:clamp(22px,2.2vw,26px);margin-bottom:8px}
.wrap{width:min(1200px,100% - 48px);margin-inline:auto}
section{padding:88px 0}
.alt{background:var(--alt)}
.intro{color:var(--muted);max-width:42em;margin-bottom:36px}
.text{max-width:44em;display:grid;gap:16px;color:var(--ink-2)}
.text strong{color:var(--ink)}
.mt{margin-top:40px}.mt-s{margin-top:8px}
.note{font-size:15px;color:var(--muted);margin-top:24px;max-width:46em}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}

/* Acessibilidade */
.skip{position:absolute;left:-9999px;top:8px;z-index:40;background:var(--bg);color:var(--ink);padding:12px 18px;border-radius:10px}
.skip:focus{left:16px}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--douro);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font:600 16px/1.2 var(--sans)}
.btn svg{width:20px;height:20px;flex:none}
.btn.claro{background:var(--on-xisto);color:var(--xisto)}
.btn.claro:hover{background:var(--flor-bg);color:var(--xisto)}
.btn.contorno{background:transparent;color:var(--on-xisto);border-color:#8C969C}
.btn.contorno:hover{border-color:var(--on-xisto);color:var(--on-xisto)}
.btn.escuro{background:var(--xisto);color:var(--on-xisto)}
.btn.escuro:hover{background:var(--xisto-2);color:var(--on-xisto)}
.btn.linha{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.linha:hover{background:var(--alt);color:var(--ink)}
.btn[aria-disabled="true"]{cursor:default;opacity:.85}
@media (prefers-color-scheme:dark){.btn.escuro{background:var(--on-xisto);color:var(--xisto)}.btn.escuro:hover{background:var(--flor);color:var(--xisto)}}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.more{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* Cabeçalho */
header.top{position:sticky;top:0;z-index:30;background:var(--xisto);color:var(--on-xisto)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:var(--on-xisto);text-decoration:none;font-family:var(--serif);font-weight:600;font-size:21px;min-height:44px}
.brand:hover{color:var(--on-xisto)}
.brand img{width:44px;height:44px;border-radius:50%}
nav.main ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:2px 6px}
nav.main a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--on-xisto);text-decoration:none;font-weight:500;font-size:16px;border-radius:999px;white-space:nowrap}
nav.main a:hover{color:var(--flor)}
nav.main a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--flor);border-radius:0}
nav.main a.cta{background:var(--on-xisto);color:var(--xisto);padding:0 18px;font-weight:600;margin-left:6px}
nav.main a.cta:hover{background:var(--flor);color:var(--xisto)}
@media (max-width:900px){
  header.top{position:static}
  header.top .wrap{padding:6px 0 0}
  nav.main{width:calc(100% + 24px);margin-right:-24px;overflow-x:auto;scrollbar-width:none}
  nav.main::-webkit-scrollbar{display:none}
  nav.main ul{padding:0 24px 8px 0}
  nav.main a{padding:0 12px;font-size:15px}
  nav.main li.cta-item{display:none}
  html{scroll-padding-top:16px}
}

/* Topo */
.hero{position:relative;overflow:hidden;background:var(--xisto);color:var(--on-xisto);padding:72px 0 0}
.hero .socalcos{position:absolute;inset:0;width:100%;height:100%;opacity:.16;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding-bottom:88px}
.hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;letter-spacing:-.01em}
.hero .lead{font-size:20px;line-height:1.55;color:#D9D3CC;margin-top:22px;max-width:34em}
.hero .lugar{font-size:14px;color:var(--on-xisto-2);margin-top:28px}
.agora{display:inline-flex;align-items:center;gap:10px;background:var(--xisto-2);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:500;margin-bottom:22px}
.agora i{width:10px;height:10px;border-radius:50%;background:var(--azeitona);display:inline-block}
.agora[data-estacao="floracao"] i{background:var(--flor)}
.agora[data-estacao="fruto"] i{background:var(--fruto)}
.agora[data-estacao="amendoa"] i{background:var(--colheita)}
.agora[data-estacao="poda"] i{background:var(--poda)}
.hero-media{position:relative;margin:0}
.hero-media .quadro{position:relative;aspect-ratio:4/3.3;border-radius:28px 28px 28px 120px;overflow:hidden;background:var(--xisto-2)}
.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media figcaption{margin-top:12px;font-size:14px;color:var(--on-xisto-2);display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px}
.pausa{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid #8C969C;background:transparent;color:var(--on-xisto);font:500 14px var(--sans);cursor:pointer}
.pausa:hover{border-color:var(--on-xisto)}
.pausa svg{width:16px;height:16px}
.hero .onda{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:48px;fill:var(--bg)}
.small-hero{padding:56px 0 64px}
.small-hero .wrap{grid-template-columns:minmax(0,1fr);padding-bottom:0}
.small-hero h1{font-size:clamp(36px,4.4vw,56px)}
.crumb{font-size:14.5px;color:var(--on-xisto-2);margin-bottom:14px}
.crumb a{color:var(--on-xisto)}
.hero.com-foto .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:0}
.hero.com-foto .hero-media .quadro{aspect-ratio:3/2}
@media (max-width:900px){
  .hero{padding-top:36px}
  .hero .wrap,.hero.com-foto .wrap{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:64px}
  .hero h1{font-size:clamp(34px,9vw,44px)}
  .hero .lead{font-size:18px;margin-top:14px}
  .hero-media .quadro{border-radius:22px 22px 22px 72px}
  .small-hero .wrap{padding-bottom:0}
}

/* Três áreas */
.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.area{border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.area p{color:var(--ink-2)}
.area .more{margin-top:auto}
.area.producao{background:var(--flor-bg)}.area.producao .eyebrow{color:var(--amendoa)}
.area.apoios{background:var(--oliva-bg)}.area.apoios .eyebrow{color:var(--oliva)}
.area.saude{background:var(--saude-bg)}.area.saude .eyebrow{color:var(--douro)}
.deadline{margin-top:6px;background:var(--bg);border-radius:var(--r-s);padding:12px 14px;font-size:15px;display:grid;gap:2px}
.deadline b{color:var(--ink)}
@media (max-width:900px){.areas{grid-template-columns:minmax(0,1fr)}.area{padding:24px}}

/* Produtos */
.produtos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.produto{display:flex;flex-direction:column;gap:16px}
.produto img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.produto p{color:var(--ink-2)}
.spec{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;font-size:16px;border-top:1px solid var(--line);padding-top:16px;margin:0}
.spec dt{font-weight:600}
.spec dd{margin:0;color:var(--ink-2)}
.profissional{margin-top:40px;background:var(--xisto);color:var(--on-xisto);border-radius:var(--r);padding:32px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.profissional div{flex:1 1 420px;min-width:0}
.profissional h3{color:var(--on-xisto)}
.profissional p{color:#D9D3CC}
@media (max-width:900px){.produtos{grid-template-columns:minmax(0,1fr)}.profissional{padding:24px}}

/* O ano no campo */
.ano{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:56px;align-items:center}
.roda{width:100%;height:auto}
.roda path{cursor:pointer;stroke:var(--ink);stroke-width:0;transition:stroke-width .15s}
.roda path.ativo{stroke-width:5}
.roda .letras{font:600 15px var(--sans);fill:#262A2E;pointer-events:none}
.roda .letras .claro{fill:#FBF8F5}
.roda .centro-nome{font:600 30px var(--serif);fill:var(--ink)}
.roda .centro-fase{font:400 15px var(--sans);fill:var(--muted)}
.meses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:4px}
.meses[hidden]{display:none}
.meses button{min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:600 15px var(--sans);cursor:pointer}
.meses button:hover{border-color:var(--ink)}
.meses button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.mes-detalhe{margin-top:24px;background:var(--bg);border-radius:20px;padding:24px}
.mes-detalhe .quando{font-size:14px;font-weight:600;color:var(--amendoa)}
.mes-detalhe h3{margin-top:4px}
.mes-detalhe p{color:var(--ink-2)}
.fases{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.fases li{display:grid;grid-template-columns:14px 1fr;gap:4px 14px;align-items:start}
.fases i{width:14px;height:14px;border-radius:4px;margin-top:5px}
.fases b{display:block}
.fases span{grid-column:2;color:var(--ink-2);font-size:15.5px}
.fases li.atual b::after{content:" · agora";color:var(--amendoa)}
.c-poda{background:var(--poda)}.c-flor{background:var(--flor)}.c-fruto{background:var(--fruto)}.c-colheita{background:var(--colheita)}.c-azeitona{background:var(--azeitona)}
@media (max-width:900px){.ano{grid-template-columns:minmax(0,1fr);gap:28px}.roda{max-width:340px;margin:0 auto}}
@media (max-width:480px){.meses{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Da flor à mesa */
.passos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.passos li{border-top:2px solid var(--ink);padding-top:20px}
.passos svg{width:40px;height:40px;stroke:var(--amendoa);fill:none;stroke-width:1.8}
.passos .quando{display:block;margin-top:12px;font-size:14px;font-weight:600;color:var(--amendoa)}
.passos h3{font-size:22px;margin:2px 0 6px}
.passos p{font-size:16px;color:var(--ink-2)}
@media (max-width:1000px){.passos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.passos{grid-template-columns:minmax(0,1fr)}}

/* Galeria */
.galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:14px}
.galeria figure{position:relative;border-radius:var(--r-s);overflow:hidden;background:var(--alt)}
.galeria img{width:100%;height:100%;object-fit:cover}
.galeria figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;font-size:14px;color:#FBF8F5;background:linear-gradient(to top,rgba(20,22,24,.78),rgba(20,22,24,0))}
.galeria .g-grande{grid-column:span 2;grid-row:span 2}
.galeria .g-alta{grid-row:span 2}
@media (max-width:900px){.galeria{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}}

/* Cronologia */
.cronologia{background:var(--xisto);color:var(--on-xisto);padding-bottom:72px}
.cronologia h2{color:var(--on-xisto)}
.cronologia .intro{color:var(--on-xisto-2)}
.faixa{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(24px,calc((100% - 1200px)/2)) 20px;scrollbar-color:#8C969C transparent}
.faixa ol{list-style:none;margin:0;padding:0;display:flex;gap:16px;width:max-content}
.faixa li{scroll-snap-align:start;width:250px;background:var(--xisto-2);border-radius:20px;padding:24px;color:#E6E0D9}
.faixa b{display:block;font:600 34px/1.1 var(--serif);color:var(--flor);margin-bottom:6px}
.cronologia .more{color:var(--flor)}
.cronologia .more:hover{color:var(--on-xisto)}

/* Mapa */
.mapa{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center}
.mapa-quadro{position:relative;aspect-ratio:640/420;background:var(--alt);border-radius:28px;overflow:hidden}
.mapa-quadro svg{position:absolute;inset:0;width:100%;height:100%}
.mapa-quadro .curvas{fill:none;stroke:var(--line);stroke-width:1.4}
.mapa-quadro .rio{fill:none;stroke:var(--rio);stroke-linecap:round}
.mapa-quadro .estrada{fill:none;stroke:#8C969C;stroke-width:2;stroke-dasharray:6 6}
.mapa-quadro .rotulo{font:600 13px var(--sans);fill:var(--ink-2)}
.ponto{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:3px solid #FBF8F5;background:var(--xisto-2);color:#FBF8F5;font:600 16px var(--sans);cursor:pointer;transition:transform .15s}
.ponto:hover{transform:translate(-50%,-50%) scale(1.08)}
.ponto[aria-pressed="true"]{background:#8A4F22}
.p1{left:51.6%;top:45.2%}.p2{left:43.8%;top:57.6%}.p3{left:34.4%;top:71.4%}.p4{left:29.7%;top:88.1%}.p5{left:46.9%;top:11.9%}.p6{left:81.3%;top:38.1%}
.mapa-nota{margin-top:10px;font-size:14px;color:var(--muted)}
.locais{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px;counter-reset:l}
.locais li{border-radius:16px;padding:12px 16px;background:var(--alt);color:var(--ink-2);font-size:15.5px}
.locais li b{display:block;color:var(--ink);font-size:16.5px}
.locais li.ativo{background:var(--flor-bg)}
.locais li span.n{font-weight:600;color:var(--amendoa);margin-right:6px}
@media (max-width:900px){.mapa{grid-template-columns:minmax(0,1fr);gap:24px}.ponto{width:40px;height:40px;font-size:15px}}

/* Pedido */
.pedido{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.pedido .caixa{background:var(--card);border-radius:var(--r);padding:32px}
.checklist{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--ink-2)}
.pedido .actions{margin-top:24px}
@media (max-width:900px){.pedido{grid-template-columns:minmax(0,1fr);gap:24px}.pedido .caixa{padding:24px}}

/* Barra fixa no telemóvel */
.barra{display:none}
@media (max-width:900px){
  .barra{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
  .barra .btn{flex:1}
  .barra .btn.icone{flex:0 0 48px;width:48px;padding:0}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}

/* Conteúdo das páginas interiores */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.card p{color:var(--ink-2)}
.card p+p{margin-top:10px}
.card .small{font-size:14.5px;margin-top:12px;color:var(--muted)}
@media (max-width:900px){.grid,.grid.three{grid-template-columns:minmax(0,1fr)}}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:40px}
@media (max-width:900px){.cols{grid-template-columns:minmax(0,1fr);gap:36px}}
.timeline{list-style:none;padding:0;border-left:2px solid var(--line);display:grid;gap:18px}
.timeline li{position:relative;padding-left:24px;color:var(--ink-2)}
.timeline li::before{content:"";position:absolute;left:-8px;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--amendoa)}
.timeline b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink)}
.facts{list-style:none;padding:0;display:grid;gap:14px;margin-top:8px}
.facts li{color:var(--ink-2);background:var(--card);border-radius:var(--r-s);padding:14px 16px}
.alt .facts li{background:var(--bg)}
.sources{font-size:14px;color:var(--muted);margin-top:40px;max-width:60em}
.sources a{color:var(--muted)}
.links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;list-style:none;padding:0}
.links li{border:1px solid var(--line);border-radius:var(--r-s);padding:20px;background:var(--card)}
.links b{display:block;color:var(--ink);margin-bottom:6px}
.links span{color:var(--ink-2);font-size:15.5px}
@media (max-width:900px){.links{grid-template-columns:minmax(0,1fr)}}
.tbl-wrap{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card)}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:680px}
th,td{text-align:left;vertical-align:top;padding:14px 16px;border-top:1px solid var(--line)}
th{font-size:13.5px;color:var(--muted);font-weight:600;background:var(--alt);border-top:0}
td{color:var(--ink-2)}
td b{color:var(--ink)}
.tag{display:inline-block;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--alt);color:var(--ink);white-space:nowrap}
.tag.aberto{background:#E3EAD2;color:#3B4622}
.tag.previsto{background:var(--warn-bg);color:var(--warn)}
.tag.encerrado{color:var(--muted)}
@media (prefers-color-scheme:dark){.tag.aberto{background:#2F3826;color:#D3DBB4}}
.left{color:var(--amendoa);font-weight:600;white-space:nowrap}
.warning{margin-top:20px;padding:14px 18px;background:var(--warn-bg);color:var(--ink);border-radius:var(--r-s);font-size:15px;max-width:52em}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:16px;margin-top:24px;max-width:48em}
.steps li{counter-increment:s;position:relative;padding-left:52px;color:var(--ink-2)}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--xisto);color:var(--on-xisto);font-weight:600}
.steps b{color:var(--ink)}
.order{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between}
.quem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.quem img{width:100%;border-radius:var(--r);aspect-ratio:4/3;object-fit:cover}
@media (max-width:900px){.quem{grid-template-columns:minmax(0,1fr);gap:24px}}

/* Rodapé */
footer{background:var(--xisto);color:#E6E0D9;padding:56px 0 40px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
footer h2{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--on-xisto);margin-bottom:8px}
footer .nome{font-family:var(--serif);font-size:24px}
footer p{color:var(--on-xisto-2)}
footer ul{list-style:none;padding:0;display:grid;gap:2px}
footer a{color:var(--on-xisto);display:inline-flex;min-height:40px;align-items:center;text-decoration:none}
footer a:hover{color:var(--flor)}
footer .direitos{grid-column:1/-1;border-top:1px solid var(--xisto-2);padding-top:20px;margin-top:8px;color:var(--on-xisto-2);font-size:14px}
@media (max-width:760px){footer .wrap{grid-template-columns:minmax(0,1fr)}}

/* Entradas suaves (só com JavaScript e sem pedido de menos movimento) */
.js .revela{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .revela.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .revela{opacity:1;transform:none;transition:none}
  .roda path,.ponto{transition:none}
}
@media (max-width:760px){section{padding:64px 0}}
@media print{header.top,.actions,.skip,footer,.barra,.hero-media,.socalcos{display:none}.hero,.cronologia{background:none;color:#000}.hero h1,.cronologia h2{color:#000}}