@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-var-italic.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-400.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/newsreader-700.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-700.woff2) format('woff2')}

:root{
  color-scheme: light;


  --jade:        #0F5F52;
  --jade-fundo:  #0A453B;
  --jade-2:      #0D5247;
  --jade-tint:   #E6EFEC;
  --ambar:       #B26A12;
  --ambar-claro: #FBF0E0;
  --ambar-tinta: #7A4708;


  --fundo:       #F7F5F0;
  --fundo-2:     #EFECE4;
  --papel:       #FFFFFF;


  --linha:       #E3DFD6;
  --linha-2:     #CFC9BC;
  --linha-ui:    #6C6659;


  --tinta-1:     #1C1F1E;
  --tinta-2:     #40463F;
  --tinta-3:     #5E655C;
  --tinta-inv:   #C6D6CF;


  --ok:          #0E6B4E;   --ok-tint:   #E7F2ED;
  --wa:          #0F7B6C;
  --falta:       #756640;   --falta-tint:#F2EDE1;


  --f-d: 'Newsreader', Georgia, 'Times New Roman', serif;
  --f-b: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-m: 'IBM Plex Mono', ui-monospace, monospace;

  --t-xs:   .78rem;
  --t-sm:   .9rem;
  --t-body: clamp(1.0625rem, .22vw + 1rem, 1.125rem);
  --t-h3:   clamp(1.06rem, .5vw + .95rem, 1.2rem);
  --t-h2:   clamp(1.4rem, 1.4vw + 1rem, 1.72rem);
  --t-h1:   clamp(1.72rem, 3.4vw + .8rem, 2.6rem);
  --t-hero: clamp(2rem, 5vw + .55rem, 3rem);

  --track: .14em;


  --e-1: .5rem;  --e-2: .85rem;  --e-3: 1.25rem;
  --e-4: 2rem;   --e-5: 2.5rem;  --e-6: 3rem;


  --r-xs: 6px;  --r-sm: 8px;  --r: 12px;  --r-md: 16px;  --r-pill: 999px;


  --sh-1: 0 1px 2px rgba(28,31,30,.05), 0 1px 3px rgba(28,31,30,.04);
  --sh-2: 0 12px 32px -20px rgba(28,31,30,.45);
  --sh-3: 0 12px 26px -14px rgba(28,31,30,.8);
  --sh-painel: 0 26px 50px -30px rgba(28,31,30,.55);
  --sh-linha: 0 1px 0 var(--linha);


  --tr-1: .16s ease;
  --tr-2: .24s ease;
  --tr-sup: .3s cubic-bezier(.32,.72,0,1);


  --wrap: min(100% - 2rem, 1100px);
  --medida: 38rem;
  --h-topo: 56px;
  --h-barra: 52px;

  --pontos: radial-gradient(circle at 1px 1px, rgba(198,214,207,.24) 1px, transparent 0);
  --pontos-claro: radial-gradient(circle at 1px 1px, rgba(94,101,92,.14) 1px, transparent 0);
}
@media (min-width:900px){ :root{ --h-topo:64px; --h-barra:56px } }

*,*::before,*::after{ box-sizing:border-box }
*{ margin:0; padding:0 }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100% }
@media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth } }
body{
  background:var(--fundo); color:var(--tinta-2);
  font:400 var(--t-body)/1.72 var(--f-b);
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:rgba(15,95,82,.14);
}
img,picture,svg,video{ max-width:100%; display:block }
img{ height:auto }
a{ color:var(--jade); text-underline-offset:.18em; text-decoration-thickness:1px }
@media (hover:hover){ a:hover{ color:var(--jade-fundo) } }
:focus-visible{ outline:2px solid var(--jade); outline-offset:2px; border-radius:2px }
ul,ol{ list-style-position:outside }
li::marker{ color:var(--linha-ui) }
table{ border-collapse:collapse }
button{ font:inherit; color:inherit }

.mock-aviso{
  background:var(--tinta-1); color:var(--fundo);
  font:500 .72rem/1 var(--f-m); letter-spacing:var(--track);
  text-align:center; padding:.6rem 1rem;
}

.wrap{ width:var(--wrap); margin-inline:auto }

.pular{
  position:fixed; z-index:60;
  left:max(.75rem, env(safe-area-inset-left));
  top:calc(.75rem + env(safe-area-inset-top));
  max-width:calc(100vw - 1.5rem);
  min-height:44px; display:inline-flex; align-items:center;
  padding:0 1rem; border-radius:var(--r-sm);
  background:var(--jade); color:#fff; text-decoration:none;
  font:600 var(--t-sm)/1 var(--f-b);
  transform:translateY(-200%); transition:transform var(--tr-1);
}
.pular:focus-visible{ transform:none }

.scrim{
  position:fixed; inset:0; z-index:20;
  background:rgba(28,31,30,.42);
  opacity:0; visibility:hidden;
  transition:opacity var(--tr-2), visibility 0s linear .2s;
}
.menu-aberto .scrim{ opacity:1; visibility:visible; transition:opacity var(--tr-2), visibility 0s }

.progresso{
  position:fixed; top:0; left:0; right:0; height:3px; z-index:50;
  pointer-events:none;
  background:linear-gradient(90deg, var(--jade) 0%, var(--jade) 86%, var(--ambar) 100%);
  transform:scaleX(0); transform-origin:0 50%;
}
@supports (animation-timeline:scroll()){
  .progresso{ animation:progresso linear both; animation-timeline:scroll(root block) }
}
@keyframes progresso{ from{transform:scaleX(0)} to{transform:scaleX(1)} }

.topo{
  background:var(--jade); color:#fff; position:relative; z-index:30;
  padding-top:env(safe-area-inset-top);
}
.topo__in{
  min-height:var(--h-topo);
  display:flex; align-items:center; gap:var(--e-1); justify-content:space-between;
}
.marca{
  display:flex; align-items:center; gap:.5rem; min-height:44px; min-width:0;
  color:#fff; text-decoration:none; margin-right:auto;
}
.marca i{
  flex:0 0 auto; width:26px; height:26px; border-radius:var(--r-xs);
  background:var(--ambar-viva); color:var(--tinta-1);
  display:grid; place-items:center;
  font:700 .62rem/1 var(--f-d); font-style:normal;
}
.marca__n{
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font:700 1.06rem/1.2 var(--f-d); letter-spacing:-.01em;
}
.marca__n b{ font-weight:400; opacity:.72 }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  min-height:44px; min-width:44px; padding:0 .62rem;
  border:1px solid rgba(198,214,207,.5); border-radius:var(--r-sm);
  background:none; color:var(--tinta-inv); text-decoration:none; cursor:pointer;
  font:600 var(--t-sm)/1 var(--f-b);
  transition:background-color var(--tr-1), color var(--tr-1), border-color var(--tr-1);
}
@media (min-width:900px){ .btn{ padding:0 .85rem } }
@media (hover:hover){ .btn:hover{ background:rgba(255,255,255,.1); color:#fff; border-color:var(--tinta-inv) } }
.btn .ico{ width:17px; height:17px; flex:0 0 auto }

.rotulo{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
@media (min-width:560px){ .rotulo--cat{ position:static; width:auto; height:auto; clip-path:none } }
@media (min-width:900px){ .rotulo--casa{ position:static; width:auto; height:auto; clip-path:none } }

.menu{ position:relative }
.menu__b{ background:rgba(255,255,255,.08); list-style:none }
.menu__b::-webkit-details-marker{ display:none }
.menu__b::marker{ content:'' }
.menu[open] > .menu__b{ background:var(--papel); color:var(--jade-fundo); border-color:var(--papel) }
.burger{ position:relative; width:17px; height:2px; background:currentColor; border-radius:2px }
.burger::before,.burger::after{
  content:''; position:absolute; left:0; width:17px; height:2px;
  background:currentColor; border-radius:2px; transition:transform var(--tr-1);
}
.burger::before{ top:-5px } .burger::after{ top:5px }
.menu[open] .burger{ background:transparent }
.menu[open] .burger::before{ transform:translateY(5px) rotate(45deg) }
.menu[open] .burger::after{ transform:translateY(-5px) rotate(-45deg) }

.menu__painel{
  position:absolute; top:100%; left:0; right:0; z-index:2;
  background:var(--papel);
  border-top:1px solid var(--linha); border-bottom:1px solid var(--linha);
  box-shadow:var(--sh-painel);
  padding:var(--e-2) 0 var(--e-3);
  max-height:calc(100dvh - var(--h-topo)); overflow-y:auto; overscroll-behavior:contain;
}
@media (min-width:900px){
  .menu__painel{
    left:auto; right:0; top:calc(100% + .55rem);
    width:min(92vw, 420px);
    border:1px solid var(--linha); border-radius:var(--r-md);
    padding:var(--e-3);
    max-height:calc(100dvh - var(--h-topo) - 2rem);
  }
}
.menu__rot{
  display:flex; align-items:center; gap:.7rem; margin:.1rem 0 .3rem;
  font:700 .66rem/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-3);
}
.menu__rot::after{ content:''; flex:1 1 auto; height:1px; background:var(--linha) }
.menu__lista{ list-style:none }
.menu__lista li + li{ border-top:1px solid var(--linha) }
.menu__link{
  display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:.9rem; align-items:center;
  min-height:56px; padding:.7rem; margin-inline:-.7rem;
  border-left:2px solid transparent; border-radius:var(--r-sm);
  text-decoration:none; color:var(--tinta-1);
  transition:background-color var(--tr-1), border-color var(--tr-1);
}
@media (hover:hover){ .menu__link:hover{ background:var(--jade-tint); border-left-color:var(--jade) } }
.menu__nome{ font:600 var(--t-sm)/1.35 var(--f-b); min-width:0 }
.menu__ap{ display:block; font:400 var(--t-xs)/1.4 var(--f-b); color:var(--tinta-3); text-wrap:pretty }
.menu__n{ font:500 var(--t-xs)/1 var(--f-m); color:var(--tinta-3); font-variant-numeric:tabular-nums }

.sentinela{ display:block; height:1px; margin-bottom:-1px; pointer-events:none }
.barra{
  position:fixed; top:0; left:0; right:0; z-index:40; display:none;
  padding-top:env(safe-area-inset-top);
  background:rgba(255,255,255,.98);
  box-shadow:var(--sh-linha);
  will-change:transform;
}
.js .barra{
  display:block; visibility:hidden; opacity:0; transform:translateY(-101%);
  transition:transform var(--tr-sup), opacity var(--tr-2), visibility 0s linear .3s;
}
.js.esta-rolado .barra{
  visibility:visible; opacity:1; transform:none;
  transition:transform var(--tr-sup), opacity var(--tr-2), visibility 0s;
}
.barra__in{ display:flex; align-items:center; gap:.3rem; min-height:var(--h-barra) }
.barra .marca{ color:var(--tinta-1) }
.barra .marca i{ width:22px; height:22px; border-radius:var(--r-xs); background:var(--jade); color:#fff }
.barra .btn{ color:var(--tinta-2); border-color:var(--linha-2) }
@media (hover:hover){ .barra .btn:hover{ background:var(--fundo-2); color:var(--tinta-1) } }
.barra .menu__b{ background:var(--papel); color:var(--tinta-1) }
.barra .menu[open] > .menu__b{ background:var(--jade); color:#fff; border-color:var(--jade) }
.barra .menu__painel{ max-height:calc(100dvh - var(--h-barra)) }

[id]{ scroll-margin-top:calc(var(--h-barra) + 1.25rem) }

.ad{ margin-block:var(--e-5); min-height:250px }
.ad:not(:empty){ min-height:0 }
.ad:empty{ display:none }
.ad::before{
  content:'advertising'; display:block; width:100%;
  border-top:1px solid var(--linha-2); padding-block:.55rem; margin-bottom:1rem;
  font:600 .68rem/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-3); opacity:.7;
}
.ad:empty::before{ content:none }

.artigo__layout{
  width:var(--wrap); margin-inline:auto;
  padding-block:var(--e-4);
  display:grid; grid-template-columns:minmax(0,1fr); align-items:start;
}
@media (min-width:1000px){
  .artigo__layout{ grid-template-columns:minmax(0,1fr) 260px; gap:var(--e-6) }
}
.artigo__main{ min-width:0 }
.lado{ display:none }
@media (min-width:1000px){
  .lado{ display:block; position:sticky; top:calc(var(--h-barra) + 1.5rem) }
}

.trilha{
  display:flex; flex-wrap:wrap; align-items:center; gap:.1rem .4rem;
  margin-bottom:var(--e-2);
  font:500 var(--t-xs)/1 var(--f-b); color:var(--tinta-3);
}
.trilha a,.trilha b{
  display:inline-flex; align-items:center; min-height:44px;
  padding-inline:.42rem; margin-inline:-.42rem; border-radius:var(--r-sm);
  text-decoration:none; color:var(--tinta-3); font-weight:500;
}
@media (hover:hover){ .trilha a:hover{ color:var(--jade); background:var(--jade-tint) } }
.trilha b{ color:var(--tinta-1); font-weight:600 }
.trilha span[aria-hidden]{ color:var(--linha-2) }

.capa{
  width:100%; height:220px; overflow:hidden;
  border-radius:var(--r); margin-bottom:var(--e-4);
  background:var(--fundo-2);
}
@media (min-width:760px){ .capa{ height:400px; border-radius:var(--r-md) } }
.capa img{ width:100%; height:100%; object-fit:cover }
.capa__veu{
  position:absolute; inset:auto 0 0 0; height:40%;
  background:linear-gradient(to top, rgba(28,31,30,.3), transparent);
  pointer-events:none;
}
.capa{ position:relative }

.cabeca{ margin-bottom:var(--e-4) }
.cabeca__cats{ display:flex; gap:var(--e-1); flex-wrap:wrap; margin-bottom:var(--e-2) }
.selo-cat{
  display:inline-flex; align-items:center; min-height:44px;
  padding:.3rem .85rem; border-radius:var(--r-pill);
  background:var(--jade-tint); color:var(--jade-fundo);
  border:1px solid color-mix(in srgb, var(--jade) 18%, transparent);
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  text-decoration:none;
}
@media (hover:hover){ .selo-cat:hover{ background:var(--jade); color:#fff } }

h1{
  font:700 var(--t-h1)/1.14 var(--f-d); letter-spacing:-.02em;
  color:var(--tinta-1); margin-bottom:var(--e-2); text-wrap:balance;
}
.deck{
  font-size:1.06rem; line-height:1.55; color:var(--tinta-3);
  max-width:52ch; margin-bottom:var(--e-3); text-wrap:pretty;
}

.assina{ display:flex; align-items:center; gap:.35rem; margin-bottom:var(--e-1) }
.assina a{
  display:inline-flex; align-items:center; gap:.55rem; min-height:44px;
  text-decoration:none; color:var(--tinta-1); font:600 .95rem/1.3 var(--f-b);
}
@media (hover:hover){ .assina a:hover span{ color:var(--jade) } }
.assina img{ width:32px; height:32px; border-radius:50%; object-fit:cover; flex:0 0 auto }
.assina__papel{ color:var(--tinta-3); font-size:var(--t-sm) }

.meta{
  display:flex; align-items:center; flex-wrap:wrap; gap:.6rem 1.5rem;
  padding-block:.85rem;
  border-top:1px solid var(--linha); border-bottom:1px solid var(--linha);
}
.meta__i{
  display:inline-flex; align-items:center; gap:.45rem;
  font:500 .865rem/1.3 var(--f-b); color:var(--tinta-3);
}
.meta__i svg{ width:15px; height:15px; flex:0 0 auto; color:var(--jade) }
.meta__i time{ font-variant-numeric:tabular-nums }
.meta__up{ margin-left:auto; font-size:var(--t-xs) }

.art{
  max-width:var(--medida);
  padding-block:var(--e-4);
  font-size:var(--t-body); line-height:1.75; color:var(--tinta-2);
}
.art > * + *{ margin-top:1.15em }
.art h2{
  font:600 var(--t-h2)/1.25 var(--f-d); letter-spacing:-.012em;
  color:var(--tinta-1); margin-top:var(--e-5); text-wrap:balance;
}
.art h3{ font:600 var(--t-h3)/1.35 var(--f-d); color:var(--tinta-1); margin-top:var(--e-4) }
.art ul,.art ol{ padding-left:1.4rem }
.art li + li{ margin-top:.42rem }
.art strong{ color:var(--tinta-1); font-weight:600 }
.art p a,.art li a{ padding-block:10px; margin-block:-10px }
.num{ font-family:var(--f-m); font-size:.94em; font-variant-numeric:tabular-nums }
.br-termo{ font-style:italic; font-weight:500; color:var(--jade-fundo) }

.quick{
  background:var(--ambar-claro); border-left:3px solid var(--ambar-viva);
  border-radius:0 var(--r) var(--r) 0;
  padding:var(--e-3) 1.2rem; margin-block:var(--e-4);
}
.quick__l{
  display:block; margin-bottom:.45rem;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--ambar-tinta);
}
.quick p{ margin:0; font-size:1.04rem; line-height:1.6; color:var(--tinta-1) }
.quick p + p{ margin-top:.6rem }

.ficha{
  background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r-md);
  padding:var(--e-3); margin-block:var(--e-4);
}
.ficha__t{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:.5rem 1rem; margin-bottom:var(--e-2);
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--jade-fundo);
}
.ficha__selo{
  margin-left:auto; letter-spacing:0; text-transform:none;
  font:500 var(--t-xs)/1 var(--f-m); color:var(--tinta-3);
}
.ficha__g{ display:grid; gap:.1rem }
.fx{
  display:grid; grid-template-columns:minmax(0,1fr); gap:.15rem;
  padding-block:.7rem; border-top:1px solid var(--linha);
}
@media (min-width:560px){
  .fx{ grid-template-columns:minmax(0,11rem) minmax(0,1fr); gap:.15rem 1rem; align-items:baseline }
}
.fx dt{ font:600 var(--t-sm)/1.4 var(--f-b); color:var(--tinta-3); min-width:0 }
.fx dd{ font-size:var(--t-sm); line-height:1.5; color:var(--tinta-1); min-width:0; overflow-wrap:anywhere }
.chip{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.15rem .5rem; border-radius:var(--r-pill);
  font:600 var(--t-xs)/1.5 var(--f-b);
}
.chip--ok{ background:var(--ok-tint); color:var(--ok) }
.chip--ni{ background:var(--falta-tint); color:var(--falta) }
.ficha__fonte{
  margin-top:var(--e-2); padding-top:.7rem; border-top:1px solid var(--linha);
  font-size:var(--t-xs); line-height:1.5; color:var(--tinta-3);
}

.testado{
  display:flex; gap:.7rem; align-items:flex-start;
  background:var(--papel); border:1px solid var(--jade); border-left-width:3px;
  border-radius:var(--r-sm); padding:.85rem 1rem; margin-block:var(--e-4);
  font-size:var(--t-sm); line-height:1.55; color:var(--tinta-2);
}
.testado__i{
  flex:0 0 auto; width:1.5rem; height:1.5rem; border-radius:50%;
  background:var(--jade); color:#fff; display:grid; place-items:center;
}
.testado__i svg{ width:14px; height:14px }
.testado b{
  display:block; margin-bottom:.15rem;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--jade-fundo);
}

.callout{
  background:var(--jade-tint); border:1px solid color-mix(in srgb, var(--jade) 16%, transparent);
  border-left:3px solid var(--jade); border-radius:0 var(--r-sm) var(--r-sm) 0;
  padding:1.05rem 1.2rem; margin-block:var(--e-4);
}
.callout__l{
  display:block; margin-bottom:.4rem;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--jade-fundo);
}

.tbl-wrap{ overflow:visible }
.art table{ width:100%; font-size:var(--t-sm) }
.art thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
.art tbody,.art tr,.art td{ display:block }
.art tr{
  background:var(--papel); border:1px solid var(--linha); border-radius:var(--r-sm);
  padding:.2rem .9rem .5rem; box-shadow:var(--sh-1);
}
.art tr + tr{ margin-top:.7rem }
.art td{
  display:flex; justify-content:space-between; gap:1rem;
  padding-block:.55rem; border-bottom:1px dotted var(--linha);
  min-width:0; overflow-wrap:anywhere;
}
.art tr td:last-child{ border-bottom:0 }
.art td::before{
  content:attr(data-col); flex:0 0 auto;
  font:600 var(--t-xs)/1.5 var(--f-b); color:var(--tinta-3);
}
.art td:first-child{ font-weight:600; color:var(--tinta-1) }
.art td:first-child::before{ content:none }
@media (min-width:760px){
  .art table{ table-layout:fixed; border:1px solid var(--linha); border-radius:var(--r-sm); overflow:hidden; box-shadow:var(--sh-1) }
  .art thead{ position:static; width:auto; height:auto; clip-path:none }
  .art tbody{ display:table-row-group } .art tr{ display:table-row; border:0; border-radius:0; padding:0; box-shadow:none }
  .art tr + tr{ margin-top:0 }
  .art th,.art td{ display:table-cell; padding:.7rem .9rem; border-bottom:1px solid var(--linha); text-align:left }
  .art th{ background:var(--fundo-2); color:var(--tinta-1); font:700 var(--t-xs)/1.3 var(--f-b); letter-spacing:var(--track); text-transform:uppercase }
  .art td::before{ content:none }
}

.fontes,.lacunas{
  border-radius:var(--r); padding:var(--e-3) 1.2rem; margin-block:var(--e-4);
}
.fontes{ background:var(--papel); border:1px solid var(--linha); border-left:3px solid var(--jade) }
.lacunas{ background:var(--fundo-2); border:1px solid var(--linha); border-left:3px solid var(--ambar-viva) }
.fontes__l,.lacunas__l{
  display:block; margin-bottom:.55rem;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-1);
}
.fontes ol,.lacunas ul{ padding-left:1.2rem; font-size:var(--t-sm); line-height:1.55 }
.fontes li + li,.lacunas li + li{ margin-top:.5rem }
.fontes__nota{ margin-bottom:.5rem; font-size:var(--t-xs); line-height:1.4; color:var(--tinta-3) }
.acesso{ color:var(--tinta-3); font-size:var(--t-xs); white-space:nowrap }

.faq{
  background:var(--fundo-2); border:1px solid var(--linha); border-radius:var(--r-md);
  padding:var(--e-3); margin-block:var(--e-5);
}
@media (min-width:760px){ .faq{ padding:var(--e-4) } }
.faq > h2{ font:700 var(--t-h2)/1.25 var(--f-d); color:var(--tinta-1); margin-bottom:var(--e-3) }
.faq__i{ background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r-sm); overflow:hidden }
.faq__i + .faq__i{ margin-top:.6rem }
.faq__q{
  width:100%; min-height:44px; text-align:left; cursor:pointer; border:0; background:none;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.85rem 1.15rem;
  font:600 .95rem/1.45 var(--f-b); color:var(--tinta-1);
  transition:background-color var(--tr-1), color var(--tr-1);
}
@media (hover:hover){ .faq__q:hover{ background:var(--jade-tint) } }
.faq__i.aberto .faq__q{ color:var(--jade); background:var(--jade-tint) }
.faq__seta{ flex:0 0 auto; width:16px; height:16px; color:var(--tinta-3); transition:transform var(--tr-2) }
.faq__i.aberto .faq__seta{ transform:rotate(180deg); color:var(--jade) }
.faq__r{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .28s ease }
.faq__r-in{
  min-height:0; overflow:hidden;
  padding:.75rem 1.15rem 1.05rem; border-top:1px solid var(--linha);
  font-size:.92rem; line-height:1.7; color:var(--tinta-2);
  transition:padding .28s ease, border-color .28s ease;
}
.js .faq__i:not(.aberto) .faq__r{ grid-template-rows:0fr }
.js .faq__i:not(.aberto) .faq__r-in{ padding-block:0; border-top-color:transparent }

.bio{
  display:flex; gap:1rem; align-items:flex-start;
  background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r);
  padding:var(--e-3); margin-block:var(--e-5);
}
@media (min-width:560px){ .bio{ padding:var(--e-3) 1.5rem } }
.bio img{ flex:0 0 auto; width:56px; height:56px; border-radius:50%; object-fit:cover }
.bio__n{ font:700 1rem/1.3 var(--f-d); color:var(--tinta-1); margin-bottom:.25rem }
.bio__local{ font-size:var(--t-xs); color:var(--tinta-3); margin-bottom:.5rem }
.bio__t{ font-size:.92rem; line-height:1.6; color:var(--tinta-3); margin-bottom:.4rem }
.bio__l{
  display:inline-flex; align-items:center; min-height:44px;
  font:600 .92rem/1 var(--f-b); color:var(--jade); text-decoration:none;
}
@media (hover:hover){ .bio__l:hover{ text-decoration:underline } }

.cta{
  margin-block:var(--e-5); padding:var(--e-4) var(--e-3);
  border-radius:var(--r-md); text-align:center; color:#fff;
  position:relative; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(620px 300px at 88% -30%, rgba(21,122,105,.95), transparent 70%),
    linear-gradient(158deg, var(--jade-fundo), var(--jade-2));
}
@media (min-width:760px){ .cta{ padding:var(--e-5) var(--e-4) } }
.cta::before{
  content:''; position:absolute; inset:0; z-index:-1;
  background-image:var(--pontos); background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%, #000, transparent 72%);
  mask-image:radial-gradient(120% 100% at 50% 0%, #000, transparent 72%);
}
.cta h3{ font:700 1.35rem/1.25 var(--f-d); letter-spacing:-.015em; margin-bottom:.5rem; text-wrap:balance }
.cta p{ font-size:.98rem; line-height:1.6; color:var(--tinta-inv); margin-bottom:1.4rem }
.cta__b{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding-block:.85rem; padding-inline:min(1.7rem, 8vw);
  border-radius:var(--r-pill); background:var(--ambar); color:#fff;
  text-decoration:none; font:700 .95rem/1 var(--f-b);
  transition:transform var(--tr-1), box-shadow var(--tr-1);
}
@media (hover:hover){ .cta__b:hover{ color:#fff; transform:translateY(-2px); box-shadow:var(--sh-3) } }
.cta__n{ margin-top:.9rem; font-size:var(--t-xs); color:var(--tinta-inv) }

.rel{ margin-top:var(--e-6); padding-block:var(--e-4) var(--e-5); border-top:2px solid var(--linha) }
.rel > h3{ font:700 1.25rem/1.3 var(--f-d); color:var(--tinta-1); margin-bottom:var(--e-3) }
.rel__g{ display:grid; grid-template-columns:minmax(0,1fr); gap:1rem }
@media (min-width:760px){ .rel__g{ grid-template-columns:repeat(3, minmax(0,1fr)) } }
.rel__c{
  display:flex; flex-direction:column; overflow:hidden;
  background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r);
  text-decoration:none; color:var(--tinta-1);
  transition:box-shadow var(--tr-2), transform var(--tr-2), border-color var(--tr-2);
}
@media (hover:hover){ .rel__c:hover{ box-shadow:var(--sh-2); transform:translateY(-2px); border-color:var(--jade) } }
.rel__f{ aspect-ratio:16/10; overflow:hidden; background:var(--fundo-2) }
.rel__f img{ width:100%; height:100%; object-fit:cover }
.rel__b{ padding:.75rem; flex:1 }
.rel__k{
  display:block; margin-bottom:.3rem;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--ambar);
}
.rel__t{ font:600 .88rem/1.35 var(--f-b); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }

.lado__c{ background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r); padding:var(--e-3); margin-bottom:var(--e-3) }
.lado__t{
  margin-bottom:1rem;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-3);
}
.toc{ list-style:none }
.toc li + li{ margin-top:.25rem }
.toc a{
  display:flex; align-items:center; min-height:44px;
  padding:.3rem .6rem; border-radius:var(--r-xs); border-left:2px solid transparent;
  color:var(--tinta-3); text-decoration:none; font:500 .845rem/1.4 var(--f-b);
  transition:color var(--tr-1), background-color var(--tr-1), border-color var(--tr-1);
}
@media (min-width:1000px){ .lado .toc a{ min-height:0 } }
.toc a:hover,.toc a.ativo{ color:var(--jade); background:var(--jade-tint); border-left-color:var(--jade) }
.toc-mob{
  border:1px solid var(--linha-2); border-radius:var(--r-sm);
  padding:.55rem 1rem; background:var(--fundo-2); margin-bottom:var(--e-3);
}
.toc-mob summary{ display:flex; align-items:center; min-height:44px; cursor:pointer; font:600 .95rem/1.3 var(--f-b); color:var(--tinta-1) }
.toc-mob .toc{ padding-top:.4rem }
@media (min-width:1000px){ .toc-mob{ display:none } }

.share{ display:flex; gap:.6rem; justify-content:center }
.share a,.share button{
  width:44px; height:44px; border-radius:50%; border:0; padding:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  transition:transform var(--tr-2), opacity var(--tr-2);
}
@media (hover:hover){ .share a:hover,.share button:hover{ transform:scale(1.08); opacity:.9 } }
.share svg{ width:18px; height:18px }
.share__wa{ background:var(--wa); color:#fff }
.share__x{ background:var(--tinta-1); color:#fff }
.share__cp{ background:var(--fundo-2); color:var(--tinta-2); border:1px solid var(--linha-2) }

.lado__cta{
  border-radius:var(--r); padding:var(--e-3); text-align:center; color:#fff;
  position:relative; overflow:hidden; isolation:isolate;
  background:radial-gradient(420px 220px at 85% -20%, rgba(21,122,105,.95), transparent 70%),
             linear-gradient(158deg, var(--jade-fundo), var(--jade-2));
}
.lado__cta p:first-of-type{ font:700 1rem/1.3 var(--f-d); margin-bottom:.4rem }
.lado__cta p + p{ font-size:.82rem; line-height:1.5; color:var(--tinta-inv); margin-bottom:1rem }
.lado__cta a{
  display:flex; align-items:center; justify-content:center; min-height:44px;
  border-radius:var(--r-pill); background:var(--ambar); color:#fff;
  font:700 .88rem/1 var(--f-b); text-decoration:none;
  transition:transform var(--tr-1), box-shadow var(--tr-1);
}
@media (hover:hover){ .lado__cta a:hover{ color:#fff; transform:translateY(-2px); box-shadow:var(--sh-2) } }

.share-mob{
  display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-top:var(--e-4);
  font:500 var(--t-sm)/1.3 var(--f-b); color:var(--tinta-3);
}
.share-mob a{
  display:inline-flex; align-items:center; gap:.45rem; min-height:44px;
  padding:.5rem .95rem; border-radius:var(--r-pill);
  background:var(--jade-tint); color:var(--jade-fundo); text-decoration:none; font-weight:600;
}
.share-mob svg{ width:16px; height:16px }
@media (min-width:1000px){ .share-mob{ display:none } }

.rodape{
  margin-top:var(--e-6); background:var(--fundo-2);
  border-top:1px solid var(--linha); color:var(--tinta-2);
  padding-bottom:env(safe-area-inset-bottom);
}
.rodape__in{ display:grid; gap:var(--e-4); padding-block:var(--e-5) var(--e-4) }
@media (min-width:560px){
  .rodape__in{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--e-4) 2.2rem }
  .rodape__marca{ grid-column:1/-1 }
}
@media (min-width:900px){
  .rodape__in{ grid-template-columns:minmax(0,1.55fr) repeat(3, minmax(0,1fr)); gap:2.6rem }
  .rodape__marca{ grid-column:auto }
}
.rodape .marca{ color:var(--tinta-1); margin-bottom:.5rem }
.rodape .marca i{ background:var(--jade); color:#fff }
.rodape__d{ font-size:var(--t-sm); line-height:1.62; color:var(--tinta-3); max-width:34ch; text-wrap:pretty }
.rodape__t{
  margin-bottom:.6rem;
  font:700 .72rem/1.2 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-1);
}
.rodape__l{ list-style:none }
.rodape__l a{
  display:flex; align-items:center; min-height:44px;
  color:var(--tinta-3); text-decoration:none; font-size:var(--t-sm); overflow-wrap:anywhere;
}
@media (hover:hover){ .rodape__l a:hover{ color:var(--jade) } }
.rodape__avisos{ border-top:1px solid var(--linha); padding-block:var(--e-3) }
.rodape__avisos p{ font-size:var(--t-xs); line-height:1.62; color:var(--tinta-3); max-width:82ch }
.rodape__avisos p + p{ margin-top:.5rem }
.rodape__base{ background:var(--fundo); border-top:1px solid var(--linha); padding-block:1.05rem }
.rodape__base-in{
  display:flex; flex-wrap:wrap; gap:.35rem 1.4rem; justify-content:space-between;
  font-size:var(--t-xs); color:var(--tinta-3);
}

@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important;
     transition-duration:.001ms !important; scroll-behavior:auto !important }
  .progresso{ display:none }
  .js .barra{ transition:none; transform:none; visibility:hidden; opacity:0 }
  .js.esta-rolado .barra{ transition:none; transform:none; visibility:visible; opacity:1 }
  .scrim{ transition:none }
  .rel__c:hover,.cta__b:hover,.lado__cta a:hover,.share a:hover,.share button:hover{ transform:none }
}

.abre{
  position:relative; isolation:isolate;
  background:var(--fundo-2); border-bottom:1px solid var(--linha);
}
.abre::before{
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:var(--pontos-claro); background-size:20px 20px;
  -webkit-mask-image:radial-gradient(120% 118% at 100% 0%, #000, transparent 68%);
  mask-image:radial-gradient(120% 118% at 100% 0%, #000, transparent 68%);
}
.abre__in{ position:relative; padding-block:1.9rem }
@media (min-width:560px){ .abre__in{ padding-block:2.3rem 2.1rem } }
@media (min-width:1000px){ .abre__in{ padding-block:2.6rem 2rem } }
.abre__grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem }
@media (min-width:1000px){
  .abre__grid{ grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:0 3.2rem; align-items:center }
}
.abre__olho{
  display:flex; align-items:center; gap:.6rem; margin-bottom:.7rem;
  font:700 .68rem/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-3);
}
.abre__olho::before{ content:''; flex:0 0 auto; width:34px; height:2px; background:var(--ambar-viva) }
.abre h1{
  font:700 var(--t-hero)/1.04 var(--f-d); letter-spacing:-.022em;
  color:var(--tinta-1); max-width:15ch; margin-bottom:.85rem; text-wrap:balance;
}
@media (min-width:1000px){ .abre h1{ max-width:none } }
.abre__deck{
  max-width:54ch; margin-bottom:1.1rem;
  font-size:clamp(1.06rem, .5vw + 1rem, 1.22rem); line-height:1.55;
  color:var(--tinta-3); text-wrap:pretty;
}
.abre__deck b{ color:var(--tinta-1); font-weight:600 }
.abre__meta{
  margin-bottom:1.15rem; font-size:var(--t-sm); line-height:1.6; color:var(--tinta-3);
}
.num{ font-variant-numeric:tabular-nums }
.abre__meta .num{ color:var(--tinta-1); font-weight:700 }
.abre__pills{ display:flex; flex-wrap:wrap; gap:.55rem }
.pill{
  display:inline-flex; align-items:center; gap:.5rem; min-height:44px; padding:0 1.05rem;
  background:var(--papel); color:var(--tinta-1); border:1px solid var(--linha-2);
  border-radius:var(--r-pill); text-decoration:none;
  font:600 var(--t-sm)/1 var(--f-b);
  transition:background-color var(--tr-1), border-color var(--tr-1), transform var(--tr-1);
}
@media (hover:hover){ .pill:hover{ background:var(--jade-tint); border-color:var(--jade); transform:translateY(-1px) } }
.pill__n{ font:600 var(--t-xs)/1 var(--f-b); color:var(--tinta-3); font-variant-numeric:tabular-nums; white-space:nowrap }
.abre__foto{
  aspect-ratio:16/9; overflow:hidden; background:var(--fundo);
  border:1px solid var(--linha-2); border-radius:var(--r-md); box-shadow:var(--sh-2);
}
@media (min-width:1000px){ .abre__foto{ aspect-ratio:auto; height:100%; min-height:320px } }
.abre__foto img{ width:100%; height:100%; object-fit:cover }

.secao{ margin-top:2.2rem }
.secao__cab{ display:flex; align-items:center; gap:.7rem; margin-bottom:1.1rem }
.secao__cab h2{
  font:800 var(--t-h2)/1.15 var(--f-d); letter-spacing:-.016em;
  color:var(--tinta-1); text-wrap:balance;
}
.cab__fio{ flex:1 1 2rem; min-width:1.5rem; height:1px; background:var(--linha) }
.cab__mais{
  flex:0 0 auto; display:inline-flex; align-items:center; min-height:44px;
  font:600 var(--t-sm)/1 var(--f-b); color:var(--jade); text-decoration:none; white-space:nowrap;
}
@media (hover:hover){ .cab__mais:hover{ text-decoration:underline } }
.cab__sub{
  margin:-.65rem 0 1.05rem; max-width:64ch;
  font:500 var(--t-sm)/1.5 var(--f-b); color:var(--tinta-3); text-wrap:pretty;
}

.rota__l{ list-style:none }
.rota__l li + li{ border-top:1px solid var(--linha) }
@media (min-width:900px){
  .rota__l{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:2.6rem }
  .rota__l li:nth-child(-n+2){ border-top:0 }
}
.rota__a{
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:.2rem .7rem;
  min-height:58px; padding:.72rem .55rem .8rem .8rem;
  border-left:2px solid var(--linha-2);
  text-decoration:none; color:var(--tinta-1);
  transition:background-color var(--tr-1), border-color var(--tr-1), color var(--tr-1);
}
@media (hover:hover){ .rota__a:hover{ background:var(--jade-tint); border-left-color:var(--jade) } }
.rota__n{ grid-column:1; grid-row:1; font:800 1.1rem/1.2 var(--f-d); letter-spacing:-.014em; min-width:0 }
.rota__q{ grid-column:2; grid-row:1; white-space:nowrap; font:600 var(--t-xs)/1 var(--f-b); color:var(--tinta-3); font-variant-numeric:tabular-nums }
.rota__d{ grid-column:1/-1; grid-row:2; min-width:0; font:500 var(--t-sm)/1.45 var(--f-b); color:var(--tinta-3); text-wrap:pretty }

.dest__a{
  display:grid; grid-template-columns:minmax(0,1fr);
  text-decoration:none; color:inherit; overflow:hidden;
  background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r);
  transition:box-shadow var(--tr-1), border-color var(--tr-1), transform var(--tr-1);
}
@media (min-width:760px){ .dest__a{ grid-template-columns:minmax(0,1fr) minmax(0,1.06fr) } }
@media (hover:hover){ .dest__a:hover{ box-shadow:var(--sh-2); border-color:var(--jade); transform:translateY(-2px) } }
.dest__f{
  position:relative; overflow:hidden; isolation:isolate; aspect-ratio:16/10;
  background:linear-gradient(150deg, var(--jade-fundo), var(--jade));
}
@media (min-width:760px){ .dest__f{ aspect-ratio:auto; height:100%; min-height:296px } }
.dest__f img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.85 }
.dest__cod{
  position:absolute; right:.7rem; bottom:-.1em; z-index:1;
  font:700 4.4rem/1 var(--f-d); color:rgba(255,255,255,.2); pointer-events:none;
}
@media (min-width:760px){ .dest__cod{ font-size:5.4rem } }
.dest__b{ padding:1.15rem; display:flex; flex-direction:column; gap:.55rem }
@media (min-width:760px){ .dest__b{ padding:1.7rem } }
.dest__b h3{ font:700 clamp(1.4rem, 2.1vw + .85rem, 2.05rem)/1.18 var(--f-d); letter-spacing:-.018em; color:var(--tinta-1); text-wrap:balance }
.dest__p{ font-size:var(--t-sm); line-height:1.6; color:var(--tinta-3) }
.dest__selo{
  align-self:flex-start; margin-top:auto;
  padding:.28rem .7rem; border-radius:var(--r-pill);
  background:var(--ambar-viva); color:var(--tinta-1);
  font:700 var(--t-xs)/1.5 var(--f-b); font-variant-numeric:tabular-nums;
}

.cards{ display:grid; gap:1rem }
@media (min-width:560px){ .cards{ grid-template-columns:repeat(2, minmax(0,1fr)) } }
@media (min-width:900px){ .cards{ grid-template-columns:repeat(3, minmax(0,1fr)) } }
.card{
  display:flex; flex-direction:column; overflow:hidden; text-decoration:none; color:inherit;
  background:var(--papel); border:1px solid var(--linha-2); border-radius:var(--r);
  box-shadow:var(--sh-1);
  transition:transform var(--tr-1), box-shadow var(--tr-1), border-color var(--tr-1);
}
@media (hover:hover){ .card:hover{ transform:translateY(-2px); box-shadow:var(--sh-2); border-color:var(--jade) } }
.card__f{
  position:relative; overflow:hidden; isolation:isolate; flex:0 0 auto;
  aspect-ratio:16/10; background:linear-gradient(150deg, var(--jade-fundo), var(--jade));
}
.card__f picture{ display:block; position:absolute; inset:0; z-index:0 }
.card__f img{ width:100%; height:100%; object-fit:cover }

.card__f::before{
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(160deg, rgba(10,69,59,.55) 0%, rgba(15,95,82,.28) 58%, rgba(10,69,59,.62) 100%);
}
.card__f::after{
  content:''; position:absolute; inset:0; z-index:2;
  background-image:var(--pontos); background-size:16px 16px;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, transparent 74%);
  mask-image:linear-gradient(to bottom, #000 0%, transparent 74%);
}

.card__placa{
  position:absolute; z-index:3; left:1rem; right:1rem; bottom:.7rem;
  font:800 clamp(1.15rem, 4.2vw, 1.5rem)/1 var(--f-d); letter-spacing:-.02em;
  text-transform:uppercase; color:rgba(255,255,255,.22); pointer-events:none;
}
.card__b{ display:flex; flex-direction:column; gap:.5rem; padding:.9rem 1rem 1rem; flex:1 }
.card__c{ font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase; color:var(--jade) }
.card__b h3{ font:600 .98rem/1.34 var(--f-b); color:var(--tinta-1) }
.card__p{ font-size:var(--t-sm); line-height:1.55; color:var(--tinta-3); text-wrap:pretty }
.card__m{ margin-top:auto; font:500 var(--t-xs)/1 var(--f-b); color:var(--tinta-3); font-variant-numeric:tabular-nums }

.hub__g{ display:grid; gap:0 }
@media (min-width:900px){ .hub__g{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:0 2.2rem } }
.hub__c + .hub__c{ margin-top:1.8rem; padding-top:1.6rem; border-top:1px solid var(--linha) }
@media (min-width:900px){ .hub__c + .hub__c{ margin-top:0; padding-top:0; border-top:0 } }
.hub__n{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:.2rem .6rem; margin-bottom:.5rem;
  font:700 1.14rem/1.2 var(--f-d); letter-spacing:-.012em; color:var(--tinta-1);
}
.hub__n span{ font:500 var(--t-xs)/1 var(--f-b); color:var(--tinta-3); font-variant-numeric:tabular-nums }
.hub__p{ font-size:var(--t-sm); line-height:1.55; color:var(--tinta-3); margin-bottom:.7rem; text-wrap:pretty }
.hub__l{ list-style:none }
.hub__l li + li{ border-top:1px solid var(--linha) }
.hub__l a{
  display:flex; align-items:center; min-height:44px; padding-block:.35rem;
  font:500 var(--t-sm)/1.4 var(--f-b); color:var(--tinta-2); text-decoration:none;
}
@media (hover:hover){ .hub__l a:hover{ color:var(--jade) } }
.hub__mais{
  display:inline-flex; align-items:center; gap:.4rem; min-height:44px; margin-top:.5rem;
  font:600 var(--t-sm)/1 var(--f-b); color:var(--jade); text-decoration:none;
}
@media (hover:hover){ .hub__mais:hover{ text-decoration:underline } }

.aut{
  margin-top:var(--e-6); border-radius:var(--r-md); padding:1.8rem 1.25rem 2rem;
  color:#fff; position:relative; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(620px 300px at 88% -30%, rgba(21,122,105,.95), transparent 70%),
    linear-gradient(158deg, var(--jade-fundo), var(--jade-2));
}
@media (min-width:760px){ .aut{ padding:2.2rem 2rem 2.4rem } }
.aut::before{
  content:''; position:absolute; inset:0; z-index:-1;
  background-image:var(--pontos); background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%, #000, transparent 72%);
  mask-image:radial-gradient(120% 100% at 50% 0%, #000, transparent 72%);
}
.aut :focus-visible{ outline:2px solid #fff; outline-offset:3px }
.aut__olho{
  margin-bottom:.7rem;
  font:700 .68rem/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-inv);
}
.aut__g{ display:grid; gap:1.5rem }
@media (min-width:900px){ .aut__g{ grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:2.6rem } }
.aut h2{ font:700 clamp(1.4rem, 1.7vw + .95rem, 1.95rem)/1.2 var(--f-d); letter-spacing:-.015em; margin-bottom:.6rem; text-wrap:balance }
.aut__p{ font-size:var(--t-sm); line-height:1.65; color:var(--tinta-inv); max-width:56ch }
.aut__l{ list-style:none; margin-top:1.25rem; display:grid; gap:.9rem }
.aut__l li{ position:relative; padding-left:1.1rem; font-size:var(--t-sm); line-height:1.6; color:var(--tinta-inv) }
.aut__l li::before{ content:''; position:absolute; left:0; top:.62em; width:5px; height:5px; border-radius:50%; background:var(--ambar-viva) }
.aut__l b{ color:#fff; font-weight:700 }
.aut__btn{
  margin-top:1.5rem; display:inline-flex; align-items:center; justify-content:center; min-height:48px;
  padding-inline:1.5rem; border-radius:var(--r-pill);
  background:var(--ambar-viva); color:var(--tinta-1); text-decoration:none;
  font:700 var(--t-sm)/1 var(--f-b);
  transition:transform var(--tr-1), box-shadow var(--tr-1);
}
@media (hover:hover){ .aut__btn:hover{ color:var(--tinta-1); transform:translateY(-2px); box-shadow:var(--sh-3) } }
.aut__autor{
  display:flex; gap:1rem; align-items:flex-start;
  padding-top:1.4rem; border-top:1px solid rgba(198,214,207,.28);
}
@media (min-width:900px){ .aut__autor{ padding-top:0; border-top:0; border-left:1px solid rgba(198,214,207,.28); padding-left:2.6rem } }
.aut__autor img{ flex:0 0 auto; width:56px; height:56px; border-radius:50%; object-fit:cover }
.aut__nome{ font:700 1rem/1.3 var(--f-d); margin-bottom:.2rem }
.aut__local{ font-size:var(--t-xs); color:var(--tinta-inv); margin-bottom:.5rem }
.aut__bio{ font-size:var(--t-sm); line-height:1.6; color:var(--tinta-inv) }
.aut__link{
  display:inline-flex; align-items:center; min-height:44px;
  font:600 var(--t-sm)/1 var(--f-b); color:var(--ambar-viva); text-decoration:none;
}
@media (hover:hover){ .aut__link:hover{ text-decoration:underline } }

.topo__acoes{ display:flex; align-items:center; gap:.3rem }
.nav-cta{ display:none }
@media (min-width:900px){
  .nav-cta{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; padding-inline:1.05rem; margin-left:.25rem;
    background:var(--papel); color:var(--jade-fundo);
    border-radius:var(--r-sm); text-decoration:none;
    font:700 var(--t-sm)/1 var(--f-b);
    transition:transform var(--tr-1), box-shadow var(--tr-1);
  }
}
@media (hover:hover){ .nav-cta:hover{ color:var(--jade-fundo); transform:translateY(-1px); box-shadow:var(--sh-2) } }
.menu__cta{
  display:flex; align-items:center; justify-content:center; min-height:48px; margin-top:var(--e-2);
  border-radius:var(--r-sm); background:var(--jade); color:#fff;
  text-decoration:none; font:700 var(--t-sm)/1 var(--f-b);
}
@media (hover:hover){ .menu__cta:hover{ color:#fff; background:var(--jade-fundo) } }

.pill--forte{ background:var(--jade); color:#fff; border-color:var(--jade) }
@media (hover:hover){ .pill--forte:hover{ background:var(--jade-fundo); border-color:var(--jade-fundo); color:#fff } }

.dest__olho{
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-3);
}

.rodape__zap{
  display:inline-flex; align-items:center; gap:.5rem; min-height:48px; margin-top:.9rem;
  padding-inline:1.1rem; border-radius:var(--r-pill);
  background:var(--papel); color:var(--tinta-1); border:1px solid var(--linha-2);
  text-decoration:none; font:600 var(--t-sm)/1 var(--f-b);
  transition:background-color var(--tr-1), border-color var(--tr-1);
}
@media (hover:hover){ .rodape__zap:hover{ background:var(--jade-tint); border-color:var(--jade); color:var(--jade-fundo) } }

.filtro{ display:none }
.js .filtro{
  display:block; position:sticky; top:0; z-index:25;
  margin-block:1rem; margin-inline:calc(var(--e-1) * -1);
  padding:.55rem var(--e-1);
  background:var(--fundo); border-bottom:1px solid var(--linha);
}

.js.esta-rolado .filtro{ top:calc(var(--h-barra) + env(safe-area-inset-top)) }

.js.esta-preso .filtro{ box-shadow:var(--sh-2) }

.filtro__in{ display:flex; align-items:center; gap:.5rem; min-width:0 }
.filtro__r{
  flex:0 0 auto;
  font:700 var(--t-xs)/1 var(--f-b); letter-spacing:var(--track); text-transform:uppercase;
  color:var(--tinta-3);
}

.filtro__l{
  display:flex; gap:.4rem; min-width:0;
  overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none;
  padding-block:.2rem;
}
.filtro__l::-webkit-scrollbar{ display:none }
@media (min-width:900px){ .filtro__l{ flex-wrap:wrap; overflow-x:visible } }

.chip{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:.4rem;
  min-height:44px; padding:0 .8rem; cursor:pointer; white-space:nowrap;
  background:var(--papel); color:var(--tinta-2);
  border:1px solid var(--linha-2); border-radius:var(--r-pill);
  font:600 var(--t-sm)/1 var(--f-b);
  transition:background-color var(--tr-1), border-color var(--tr-1), color var(--tr-1);
}
@media (hover:hover){ .chip:hover{ background:var(--jade-tint); border-color:var(--jade); color:var(--jade-fundo) } }

.chip[aria-pressed="true"]{ background:var(--jade); border-color:var(--jade); color:var(--tinta-inv) }
@media (hover:hover){ .chip[aria-pressed="true"]:hover{ background:var(--jade-fundo); border-color:var(--jade-fundo); color:#fff } }
.chip__n{ font:600 var(--t-xs)/1 var(--f-m); font-variant-numeric:tabular-nums; opacity:.75 }

.filtro__nota{ margin-top:.5rem; font:500 var(--t-xs)/1.5 var(--f-b); color:var(--tinta-3) }

.rota__l--filtravel li + li{ border-top:0 }
.rota__l--filtravel li{ border-bottom:1px solid var(--linha) }
[hidden]{ display:none }

.pag__onde{
  margin:-.35rem 0 1rem;
  font:600 var(--t-xs)/1.5 var(--f-m); color:var(--tinta-3); font-variant-numeric:tabular-nums;
}
.pag{
  display:flex; flex-wrap:wrap; align-items:center; gap:.4rem;
  margin-top:1.6rem; padding-top:1.2rem; border-top:1px solid var(--linha);
}
.pag__l{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; min-width:0 }
.pag__a{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; min-width:44px; padding:0 .7rem;
  background:var(--papel); color:var(--tinta-2); text-decoration:none;
  border:1px solid var(--linha-2); border-radius:var(--r-sm);
  font:600 var(--t-sm)/1 var(--f-b); font-variant-numeric:tabular-nums;
  transition:background-color var(--tr-1), border-color var(--tr-1), color var(--tr-1);
}
@media (hover:hover){ .pag__a:hover{ background:var(--jade-tint); border-color:var(--jade); color:var(--jade-fundo) } }
.pag__a[aria-current="page"]{ background:var(--jade); border-color:var(--jade); color:var(--tinta-inv) }
.pag__a--passo{ font-weight:700 }
.pag__gap{ display:inline-flex; align-items:center; justify-content:center; min-width:1.5rem; color:var(--tinta-3) }