/* ==========================================================================
   Vitrine (karidsonbessa.com) — noite (Gemini) × entardecer (Skyline)
   ========================================================================== */
body[data-pagina=vitrine]{
  --bg:#0f0e12; --bg-2:#17151b; --ink:#F5EFE7; --ink-2:rgba(245,239,231,.74); --line:rgba(245,239,231,.15);
  --light:#F5EFE7; --light-2:#EDE4D8; --light-ink:#1b1719; --light-ink-2:#625a55; --light-line:#ddd1c2;
  --accent:#E6C49B; --accent-2:#C98A5A; --accent-ink:#1a1209;
  --btn-grad:linear-gradient(135deg,#F2D6B0 0%,#E0A877 55%,#C98A5A 100%);
  --ff-display:'Fraunces',Georgia,'Times New Roman',serif;
}
body[data-pagina=vitrine] .tema-claro,body[data-pagina=vitrine] .tema-claro-2{--accent:#9C5B32}
body[data-pagina=vitrine] .titulo-lg,body[data-pagina=vitrine] .titulo-md{font-weight:350}
.bodoni{font-family:'Bodoni Moda',Georgia,serif}

/* ---------- Topo ---------- */
.topo-v{background:linear-gradient(180deg,rgba(8,8,12,.62),rgba(8,8,12,0))}
.topo-v.solido{background:color-mix(in srgb,var(--bg) 88%,transparent)}
.topo-v .topo__marca b{font:400 1.08rem/1 var(--ff-display);letter-spacing:.08em}
.topo-v .topo__marca small{font:700 .56rem/1 var(--ff-body);letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-top:6px}
.topo-v__wa{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border-radius:var(--pill);background:var(--wa);color:#fff;text-decoration:none;font:800 .7rem/1 var(--ff-body);letter-spacing:.06em}
.topo-v__wa .ico{width:20px;height:20px}
.topo-v__wa span{display:none}
@media (min-width:560px){.topo-v__wa span{display:inline}}

/* ---------- Vitrine dividida ---------- */
.vitrine{position:relative;display:flex;flex-direction:column;background:#000}
.painel{position:relative;flex:1 1 50%;min-height:max(330px,50vh);min-height:max(330px,50svh);display:flex;align-items:flex-end;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}
.painel picture,.painel__img{position:absolute;inset:0;z-index:-2}
.painel img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.painel::before{content:"";position:absolute;inset:0;z-index:-1}
.painel--g img{object-position:50% 18%}
.painel--g::before{background:linear-gradient(180deg,rgba(11,19,48,.55) 0%,rgba(11,19,48,.1) 30%,rgba(11,19,48,.55) 62%,rgba(11,19,48,.96) 100%)}
.painel--s img{object-position:50% 32%}
.painel--s::before{background:linear-gradient(180deg,rgba(20,14,22,.35) 0%,rgba(20,14,22,.05) 30%,rgba(20,14,22,.6) 64%,rgba(20,14,22,.97) 100%)}
.painel__txt{position:relative;padding:0 var(--gutter) 26px;width:100%}
.painel__k{font:800 .6rem/1.3 var(--ff-body);letter-spacing:.2em;text-transform:uppercase;opacity:.9}
.painel__nome{display:block;font-size:clamp(2.1rem,9vw,3.6rem);line-height:1;letter-spacing:.2em;margin:6px 0 4px;font-weight:400}
.painel--g .painel__nome{font-family:'Fraunces',Georgia,serif}
.painel--s .painel__nome{font-family:'Bodoni Moda',Georgia,serif;letter-spacing:.26em}
.painel__frase{font-size:clamp(1.2rem,4.8vw,1.7rem);line-height:1.12}
.painel--g .painel__frase{font-family:'Fraunces',Georgia,serif}
.painel--s .painel__frase{font-family:'Bodoni Moda',Georgia,serif}
.painel__frase em{font-style:italic}
.painel--g .painel__frase em{color:#E9B48A}
.painel--s .painel__frase em{color:#F3C38F}
.painel__dados{font-size:.8rem;opacity:.86;margin-top:8px}
.painel__cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;min-height:44px;padding:0 18px;border-radius:var(--pill);font:800 .7rem/1 var(--ff-body);letter-spacing:.1em;text-transform:uppercase;transition:transform .25s var(--ease),box-shadow .25s}
.painel--g .painel__cta{background:linear-gradient(135deg,#F2CDA4,#C9824F);color:#1d1208}
.painel--s .painel__cta{background:linear-gradient(135deg,#F8D8AE,#E0896A);color:#1a1016}
.painel:hover .painel__cta{transform:translateX(4px)}
.painel__estrelas{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:
  radial-gradient(1.4px 1.4px at 18% 12%,rgba(255,255,255,.9),transparent 60%),
  radial-gradient(1px 1px at 42% 8%,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(1.6px 1.6px at 76% 16%,rgba(255,240,220,.95),transparent 60%),
  radial-gradient(1px 1px at 88% 6%,rgba(255,255,255,.65),transparent 60%);
  animation:cintilar-v 5s ease-in-out infinite alternate}
@keyframes cintilar-v{from{opacity:.4}to{opacity:1}}
.vitrine__ou{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#0f0e12;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font:italic 400 1rem/1 'Fraunces',Georgia,serif;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.vitrine__h1{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (min-width:1000px){
  .vitrine{flex-direction:row;height:100vh;min-height:640px}
  .painel{min-height:0;flex:1 1 50%;transition:flex-grow .8s var(--ease)}
  .vitrine:hover .painel{flex-grow:.8}
  .vitrine .painel:hover{flex-grow:1.35}
  .painel:hover img{transform:scale(1.04)}
  .painel__txt{padding:0 clamp(32px,4vw,64px) 64px}
  .painel__frase{max-width:18ch}
}
@media (prefers-reduced-motion:reduce){.painel,.painel img{transition:none}.painel__estrelas{animation:none}}

/* ---------- Comparativo ---------- */
.comparar__tabela{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem;background:#fff;border:1px solid var(--light-line);border-radius:var(--r);overflow:hidden}
.comparar__tabela th,.comparar__tabela td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--light-line)}
.comparar__tabela tr:last-child th,.comparar__tabela tr:last-child td{border-bottom:0}
.comparar__tabela thead th{font:400 1.25rem/1.1 var(--ff-display);padding-top:16px;padding-bottom:16px}
.comparar__tabela thead th:nth-child(2){color:#0B1330;font-family:'Fraunces',Georgia,serif;letter-spacing:.14em;text-transform:uppercase;font-size:1rem}
.comparar__tabela thead th:nth-child(3){color:#3a2233;font-family:'Bodoni Moda',Georgia,serif;letter-spacing:.18em;text-transform:uppercase;font-size:1rem}
.comparar__tabela tbody th{font:800 .64rem/1.3 var(--ff-body);letter-spacing:.12em;text-transform:uppercase;color:var(--light-ink-2);width:26%}
.comparar__tabela td:nth-child(2){background:rgba(11,19,48,.035)}
.comparar__tabela td:nth-child(3){background:rgba(229,154,110,.06)}
.comparar__acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
@media (min-width:760px){.comparar__tabela{font-size:.98rem}.comparar__tabela th,.comparar__tabela td{padding:16px 20px}}

/* ---------- Constel (linha) ---------- */
.constel-linha{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;margin-top:34px;padding-top:26px;border-top:1px solid var(--s-line)}
.constel-linha b{font:400 1.8rem/1 var(--ff-display);color:var(--accent)}
.constel-linha span{font-size:.82rem;color:var(--s-ink-2)}
.constel-linha p{flex-basis:100%;font-size:.88rem;color:var(--s-ink-2)}