@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree.woff2) format("woff2")}
/* Layout: a parede azul de cal é o fundo do topo; as fotos entram como janelas de moldura amarela.
   Abaixo, faixas largas alternando papel claro e azul-noite, com uma coluna de leitura de até 1120px. */
:root{
  --azul:#0B64AF;          /* a parede do chalé */
  --azul-sombra:#0A4F8C;   /* a parede na sombra */
  --noite:#0C2440;         /* céu de Aurora depois das 22h */
  --amarelo:#EFAE1B;       /* a veneziana */
  --amarelo-fundo:#C98A0A; /* o vão entre as ripas */
  --vinho:#8F2F3B;         /* o muro */
  --papel:#F2F6FA;         /* branco puxado para o azul */
  --branco:#FFFFFF;
  --tinta:#0F2238;
  --tinta-suave:#4A5D73;
  --linha:#D5DFEA;
  --display:"Bricolage Grotesque","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --texto:"Figtree","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --raio:6px;
  --col:1120px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.6 var(--texto);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.01em}
h2{font-size:clamp(2rem,4.6vw,3.25rem);font-weight:800}
h3{font-size:1.35rem;font-weight:700;line-height:1.15}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
.faixa{padding-inline:20px;padding-block:clamp(56px,8vw,104px)}
.col{max-width:var(--col);margin-inline:auto}
.rotulo{font:600 .8rem/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:var(--azul);margin-bottom:14px}
.abre{display:grid;gap:18px;max-width:46rem;margin-bottom:clamp(32px,5vw,56px)}
.abre p:not(.rotulo){font-size:1.12rem;color:var(--tinta-suave)}

/* veneziana: o motivo da casa */
.veneziana{background:repeating-linear-gradient(180deg,var(--amarelo) 0 8px,var(--amarelo-fundo) 8px 11px);border:5px solid var(--amarelo);box-shadow:inset 0 0 0 1px var(--amarelo-fundo)}

/* botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:var(--raio);font:700 1.02rem/1.1 var(--texto);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease}
.botao:hover{transform:translateY(-2px)}
.botao--zap{background:var(--amarelo);color:var(--noite)}
.botao--zap:hover{background:#F6BC33}
.botao--linha{border-color:currentColor;background:transparent;color:inherit}
.botao svg{width:20px;height:20px;flex:none}

/* ---------- topo: a parede ---------- */
.parede{color:var(--branco);background:
  radial-gradient(60% 45% at 18% 12%,rgba(255,255,255,.10),transparent 70%),
  radial-gradient(45% 40% at 85% 30%,rgba(255,255,255,.07),transparent 70%),
  radial-gradient(70% 50% at 60% 100%,rgba(0,0,0,.20),transparent 70%),
  linear-gradient(180deg,var(--azul),var(--azul-sombra));
  padding-inline:20px}
.barra{max-width:var(--col);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.marca{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:800 1.45rem/1 var(--display);letter-spacing:-.01em}
.marca i{display:block;width:16px;height:26px;border-width:3px}
.menu{display:flex;align-items:center;gap:26px;font-weight:600;font-size:.98rem}
.menu a{text-decoration:none;opacity:.92}
.menu a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.menu .botao{min-height:42px;padding:9px 16px;font-size:.95rem;opacity:1}
.menu .botao:hover{text-decoration:none}
.topo{max-width:var(--col);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(32px,6vw,72px) clamp(56px,8vw,96px)}
.topo .rotulo{color:var(--amarelo)}
.topo h1{font-size:clamp(2.5rem,6.6vw,4.9rem);font-weight:800;letter-spacing:-.025em}
.topo h1 em{font-style:normal;color:var(--amarelo)}
.topo .sub{font-size:1.2rem;margin-top:22px;max-width:33rem;opacity:.95}
.topo .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.selo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.28);font-size:.98rem}
.selo b{font:800 1.9rem/1 var(--display);color:var(--amarelo);font-variant-numeric:tabular-nums}
.selo span{opacity:.95}
.janelas{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:0;align-items:stretch;max-width:430px;justify-self:end;width:100%;padding-bottom:64px}
.janelas .folha{transform:perspective(600px) rotateY(-32deg);transform-origin:right center;border-right-width:3px}
.janela{margin:0;border:9px solid var(--amarelo);background:var(--noite);box-shadow:0 22px 40px -18px rgba(3,20,40,.7)}
.janela img{width:100%;aspect-ratio:3/4;object-fit:cover}
.janela--menor{position:absolute;left:-6%;bottom:0;width:46%;border-width:7px}
.janela--menor img{aspect-ratio:1/1}

/* ---------- o essencial ---------- */
.essencial{background:var(--branco);border-bottom:1px solid var(--linha);padding-inline:20px}
.essencial ul{max-width:var(--col);margin-inline:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.essencial li{padding:22px 14px;border-left:1px solid var(--linha);display:grid;gap:4px;align-content:start}
.essencial li:first-child{border-left:0;padding-left:0}
.essencial b{font:700 1.05rem/1.2 var(--display)}
.essencial span{font-size:.9rem;color:var(--tinta-suave);line-height:1.35}

/* ---------- a casa ---------- */
.comodos{display:grid;gap:clamp(40px,6vw,76px)}
.comodo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,64px);align-items:center}
.comodo:nth-child(even) .comodo__foto{order:2}
.comodo__foto{margin:0}
.comodo__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio)}
.comodo__foto--pe img{aspect-ratio:4/5}
.comodo h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:10px}
.comodo p{color:var(--tinta-suave);margin-bottom:18px;max-width:30rem}
.itens{display:grid;gap:9px}
.itens li{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:baseline}
.itens li::before{content:"";width:14px;height:4px;background:var(--amarelo);border-radius:2px;transform:translateY(-4px)}
.dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(40px,6vw,76px)}
.dupla > div{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:26px}
.dupla h3{margin-bottom:14px}
.nota{margin-top:26px;padding:18px 22px;border-left:5px solid var(--amarelo);background:var(--branco);font-weight:600}

/* ---------- fotos ---------- */
.fotos{background:var(--branco)}
.grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.grade button{all:unset;display:block;cursor:zoom-in;position:relative;border-radius:var(--raio);overflow:hidden;background:var(--linha)}
.grade button:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.grade img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease}
.grade button:hover img{transform:scale(1.04)}
.grade .larga{grid-column:span 2}
.grade .larga img{aspect-ratio:2/1}
.grade .alta{grid-row:span 2}
.grade .alta img{aspect-ratio:1/2.04;height:100%}
.legenda{font-size:.95rem;color:var(--tinta-suave);margin-top:16px}

dialog.luz{border:0;padding:0;background:transparent;max-width:min(94vw,900px);max-height:94vh;color:var(--branco)}
dialog.luz::backdrop{background:rgba(6,18,34,.92)}
.luz figure{margin:0;display:grid;gap:12px;justify-items:center}
.luz img{max-height:78vh;width:auto;border:8px solid var(--amarelo)}
.luz figcaption{font-size:1rem;text-align:center}
.luz .controles{display:flex;gap:10px;justify-content:center;margin-top:14px}
.luz button{font:700 1rem/1 var(--texto);min-height:46px;padding:10px 18px;border-radius:var(--raio);border:2px solid var(--branco);background:transparent;color:var(--branco);cursor:pointer}
.luz button:hover{background:var(--branco);color:var(--noite)}

/* ---------- reservar ---------- */
.reservar{background:var(--noite);color:var(--branco)}
.reservar .rotulo{color:var(--amarelo)}
.reservar .abre p:not(.rotulo){color:#C6D3E2}
.duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.passos{display:grid;gap:22px;counter-reset:p}
.passos li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;counter-increment:p}
.passos li::before{content:counter(p);font:800 1.5rem/44px var(--display);width:44px;height:44px;text-align:center;background:var(--amarelo);color:var(--noite);border-radius:var(--raio)}
.passos b{display:block;font:700 1.2rem/1.2 var(--display);margin-bottom:4px}
.passos span{color:#C6D3E2}
.preco{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.preco b{font:800 1.5rem/1.15 var(--display);display:block;margin-bottom:6px;color:var(--amarelo)}
.preco span{color:#C6D3E2}
.pedido{background:var(--branco);color:var(--tinta);border-radius:var(--raio);padding:clamp(22px,3vw,32px);display:grid;gap:18px;border-top:10px solid var(--amarelo)}
.pedido h3{font-size:1.5rem;font-weight:800}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.campo{display:grid;gap:6px;min-width:0}
.campo--todo{grid-column:1/-1}
.campo label{font-weight:600;font-size:.92rem}
.campo input,.campo select{font:500 1rem/1.2 var(--texto);min-height:48px;padding:10px 12px;border:1.5px solid #9FB1C5;border-radius:var(--raio);background:var(--branco);color:var(--tinta);width:100%;min-width:0}
.campo input:focus,.campo select:focus{outline:3px solid var(--amarelo);outline-offset:1px;border-color:var(--azul)}
.previa{background:var(--papel);border:1px dashed #9FB1C5;border-radius:var(--raio);padding:14px 16px;font-size:.98rem;min-height:5.5em}
.previa small{display:block;font-weight:600;color:var(--tinta-suave);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.aviso{font-size:.92rem;color:var(--vinho);font-weight:600;min-height:1.4em}
.pedido .botao{width:100%}
.miudo{font-size:.9rem;color:var(--tinta-suave)}

/* ---------- regras ---------- */
.regras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.regras > div{background:var(--branco);padding:22px 24px;display:grid;gap:4px;align-content:start}
.regras dt{font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}
.regras dd{margin:0;font:700 1.3rem/1.2 var(--display)}
.regras small{font:400 .92rem/1.4 var(--texto);color:var(--tinta-suave);display:block;margin-top:4px}
.saber{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.saber > div{padding:24px;border-radius:var(--raio);background:var(--branco);border:1px solid var(--linha);border-top:5px solid var(--vinho)}
.saber h3{margin-bottom:8px}
.saber p{color:var(--tinta-suave);font-size:1rem}

/* ---------- avaliações ---------- */
.avaliacoes{background:var(--branco)}
.placar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(22px,3vw,34px);border-radius:var(--raio);background:var(--azul);color:var(--branco);margin-bottom:28px}
.placar .nota-g{font:800 clamp(4rem,10vw,6.4rem)/.9 var(--display);color:var(--amarelo);font-variant-numeric:tabular-nums}
.placar b{font:800 1.6rem/1.1 var(--display);display:block}
.placar p{margin-top:8px;max-width:40rem;opacity:.96}
.falas{columns:3;column-gap:18px}
.fala{break-inside:avoid;margin:0 0 18px;padding:22px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--papel)}
.fala h3{font-size:1.1rem;margin-bottom:8px;color:var(--azul)}
.fala blockquote{margin:0;font-size:1rem}
.fala figcaption{margin-top:12px;font-size:.82rem;color:var(--tinta-suave);font-weight:600}
.prints{margin-top:34px;padding-top:30px;border-top:1px solid var(--linha)}
.prints > p{color:var(--tinta-suave);margin-top:8px;max-width:42rem}
.prints-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.prints-grade img{width:100%;border:1px solid var(--linha);border-radius:var(--raio);background:var(--branco)}

/* ---------- região ---------- */
.regiao{background:var(--azul-sombra);color:var(--branco)}
.regiao .rotulo{color:var(--amarelo)}
.regiao .abre p:not(.rotulo){color:#D5E4F3}
.mapa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.mapa p{color:#D5E4F3}
.mapa p + p{margin-top:14px}
.mapa strong{color:var(--branco)}
.tabela{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tabela caption{text-align:left;font:700 1.25rem/1.2 var(--display);padding-bottom:12px}
.tabela th,.tabela td{text-align:left;padding:13px 0;border-top:1px solid rgba(255,255,255,.24);font-weight:500}
.tabela td{text-align:right;font-weight:700;color:var(--amarelo);white-space:nowrap;padding-left:16px}
.dias{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dias div{padding:16px;border:1px solid rgba(255,255,255,.28);border-radius:var(--raio)}
.dias b{font:800 2rem/1 var(--display);color:var(--amarelo);display:block}
.dias span{font-size:.95rem;color:#D5E4F3}
.dicas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(36px,5vw,56px)}
.dicas a{display:grid;gap:8px;padding:22px 24px;border-radius:var(--raio);background:var(--branco);color:var(--tinta);text-decoration:none;border-left:8px solid var(--amarelo);transition:transform .15s ease}
.dicas a:hover{transform:translateY(-3px)}
.dicas b{font:700 1.2rem/1.2 var(--display)}
.dicas span{font-size:.96rem;color:var(--tinta-suave)}
.dicas-titulo{font:700 1.5rem/1.2 var(--display);margin-top:clamp(36px,5vw,56px)}
.dicas-titulo + .dicas{margin-top:18px}

/* ---------- dúvidas ---------- */
.duvidas details{border-top:1px solid var(--linha);padding:4px 0}
.duvidas details:last-of-type{border-bottom:1px solid var(--linha)}
.duvidas summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr 26px;gap:16px;align-items:center;padding:18px 0;font:700 1.2rem/1.25 var(--display)}
.duvidas summary::-webkit-details-marker{display:none}
.duvidas summary::after{content:"+";font:500 1.8rem/1 var(--texto);color:var(--azul);text-align:center}
.duvidas details[open] summary::after{content:"–"}
.duvidas details p{padding:0 0 22px;color:var(--tinta-suave);max-width:44rem}

/* ---------- fecho ---------- */
.fecho{background:var(--azul);color:var(--branco);text-align:left}
.fecho .col{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.fecho h2{font-size:clamp(2rem,5vw,3.6rem)}
.fecho p{margin-top:12px;font-size:1.12rem;opacity:.95;max-width:34rem}
.rodape{background:var(--noite);color:#C6D3E2;padding-inline:20px;padding-block:34px;font-size:.95rem}
.rodape .col{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between;align-items:center}
.rodape a{text-underline-offset:4px}
.rodape nav{display:flex;flex-wrap:wrap;gap:8px 22px}

/* barra fixa do celular */
.fixa{display:none}

@media (max-width:900px){
  .menu a:not(.botao){display:none}
  .topo{grid-template-columns:minmax(0,1fr)}
  .janelas{justify-self:start;max-width:340px;margin-left:6%}
  .essencial ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .essencial li{border-left:0;padding-inline:0 12px;border-top:1px solid var(--linha)}
  .essencial li:nth-child(-n+2){border-top:0}
  .comodo,.duas,.mapa{grid-template-columns:minmax(0,1fr)}
  .comodo:nth-child(even) .comodo__foto{order:0}
  .dupla,.saber,.dicas,.prints-grade{grid-template-columns:minmax(0,1fr)}
  .grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grade .alta{grid-row:auto;grid-column:span 2}
  .grade .alta img{aspect-ratio:4/3;height:auto;object-position:50% 60%}
  .grade .larga img{aspect-ratio:2/1}
  .regras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .falas{columns:1}
  .placar{grid-template-columns:minmax(0,1fr)}
  .fecho .col{grid-template-columns:minmax(0,1fr)}
  .fecho .botao{display:none}
  .rodape{padding-bottom:110px}
  .fixa{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--noite);box-shadow:0 -8px 24px -12px rgba(3,20,40,.6)}
  .fixa .botao{width:100%}
}
@media (max-width:520px){
  body{font-size:16px}
  .campos{grid-template-columns:minmax(0,1fr)}
  .dias{grid-template-columns:minmax(0,1fr)}
  .regras{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .botao,.grade img,.dicas a{transition:none}
}

/* ---------- páginas internas ---------- */
.pula{position:absolute;left:-999px;top:0;background:var(--amarelo);color:var(--noite);padding:10px 14px;font-weight:700;z-index:50}
.pula:focus{left:8px;top:8px}
.cabeca{max-width:var(--col);margin-inline:auto;padding-block:clamp(24px,5vw,56px) clamp(40px,6vw,72px)}
.cabeca .rotulo{color:var(--amarelo)}
.cabeca .rotulo a{text-decoration:none}
.cabeca .rotulo a:hover{text-decoration:underline;text-underline-offset:4px}
.cabeca h1{font-size:clamp(2.1rem,5.2vw,3.7rem);font-weight:800;letter-spacing:-.02em;max-width:22ch}
.cabeca .sub{font-size:1.18rem;margin-top:18px;max-width:40rem;opacity:.95}
.artigo{max-width:44rem}
.artigo > * + *{margin-top:1.05em}
.artigo h2{font-size:clamp(1.55rem,3.2vw,2.1rem);font-weight:800;margin-top:2.1em;line-height:1.12}
.artigo h3{font-size:1.3rem;margin-top:1.8em}
.artigo h2 + *,.artigo h3 + *{margin-top:.7em}
.artigo p{color:var(--tinta)}
.artigo .itens{margin-top:.9em}
.artigo .itens b{font-weight:700}
.artigo a{color:var(--azul);text-underline-offset:3px}
.artigo .ressalva{font-size:.96rem;color:var(--tinta-suave);border-top:1px solid var(--linha);padding-top:1.1em;margin-top:2em}
.chamada{margin-top:2.2em;padding:24px 26px;background:var(--noite);color:var(--branco);border-radius:var(--raio);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 26px;align-items:center;border-left:8px solid var(--amarelo)}
.chamada b{font:800 1.4rem/1.15 var(--display);display:block}
.chamada span{color:#C6D3E2;display:block;margin-top:4px}
.outras{background:var(--branco);border-top:1px solid var(--linha)}
.outras h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:22px}
.outras .dicas{margin-top:0}
.outras .dicas a,.lista-dicas a{background:var(--papel);border:1px solid var(--linha);border-left:8px solid var(--amarelo)}
.lista-dicas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lista-dicas a{display:grid;gap:10px;padding:26px 28px;border-radius:var(--raio);background:var(--branco);color:var(--tinta);text-decoration:none;transition:transform .15s ease;align-content:start}
.lista-dicas a:hover{transform:translateY(-3px)}
.lista-dicas h2{font-size:1.45rem;line-height:1.15;font-weight:800}
.lista-dicas p{color:var(--tinta-suave);font-size:1rem}
.lista-dicas span{font-weight:700;color:var(--azul);font-size:.95rem}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trio > div{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:24px}
.trio h3{margin-bottom:14px}
.sobre-topo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,64px);align-items:center}
.sobre-topo p + p{margin-top:1em}
.sobre-topo figure{margin:0;border:9px solid var(--amarelo);box-shadow:0 22px 40px -22px rgba(3,20,40,.55)}
.sobre-topo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cabe{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,4vw,40px);align-items:center;padding:clamp(22px,3vw,34px);background:var(--azul);color:var(--branco);border-radius:var(--raio)}
.cabe .num{font:800 clamp(4rem,10vw,6.4rem)/.9 var(--display);color:var(--amarelo)}
.cabe h3{font-size:1.6rem;font-weight:800;margin-bottom:8px}
.branca{background:var(--branco)}
.tabela--clara th,.tabela--clara td{border-top-color:var(--linha)}
.tabela--clara td{color:var(--azul)}
.onde{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.onde p + p{margin-top:1em}
.tira{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tira img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--raio)}
.citacao{margin:0;padding:26px 28px;background:var(--papel);border:1px solid var(--linha);border-left:8px solid var(--amarelo);border-radius:var(--raio);font-size:1.15rem;max-width:46rem}
.citacao figcaption{margin-top:12px;font-size:.85rem;font-weight:600;color:var(--tinta-suave)}
.erro{text-align:left}
.erro .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:900px){
  /* diretriz mobile first do Lucas (23/08/2026): nada abaixo de 16px, toque de 44px */
  .rotulo,.essencial span,.legenda,.miudo,.aviso,.previa,.previa small,.campo label,.regras dt,.regras small,.fala blockquote,.fala figcaption,.saber p,.dias span,.dicas span,.selo,.rodape,.menu .botao,.lista-dicas span,.lista-dicas p,.citacao figcaption,.artigo .ressalva,.luz figcaption,.chamada span,.prints > p{font-size:1rem}
  .rotulo,.regras dt,.previa small{letter-spacing:.08em}
  .rotulo{line-height:1.3}
  .rodape--curto{padding-bottom:34px}
  .menu .botao{min-height:44px}
  .rodape .col{display:grid;gap:10px}
  .rodape nav{display:grid;gap:0}
  .rodape nav a{display:flex;align-items:center;min-height:44px}
  .cabeca .rotulo a{display:inline-flex;align-items:center;min-height:44px}
  .cabeca .rotulo:has(a){margin-bottom:0}
  .marca{min-height:44px}
  .chamada{grid-template-columns:minmax(0,1fr)}
  .lista-dicas,.trio,.sobre-topo,.onde{grid-template-columns:minmax(0,1fr)}
  .tira{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cabe{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.lista-dicas a{transition:none}}