/* ==========================================================================
   Dandara Balthazar · Aberturas oficiais (padrão do DS, aprovado 26/Set/2026)
   Vale para páginas de CAPTURA e de VENDAS. Fotos e textos mudam por ação;
   a estrutura, a luz e o comportamento no celular são estes.
   Uso: importar os estilos dandara.css e aberturas.css e o script dandara.js.
   Classes: .ab + .ab-a (Aurora) | .ab-b (Luz do dia) | .ab-d (Entardecer) | .ab-e (Editorial) | .ab-f (Têmis)
   Referência viva: aberturas.html (computador) · aberturas-celular.html (celular)
   ========================================================================== */
/* ---------- Base comum ---------- */
.ab{position:relative;isolation:isolate;overflow:hidden;min-height:min(900px,100svh);display:flex;flex-direction:column}
.ab__topo{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding-top:28px}
.ab__topo img{height:24px;width:auto}
.ab__grid{position:relative;z-index:4;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px}
.ab__texto{display:grid;gap:22px;justify-items:start;padding:48px 0 72px}
.ab__texto .t-display{font-size:clamp(2.1rem,3.3vw,3.15rem);max-width:15.5em}
.ab__texto .t-lead{max-width:30em}
.ab__acoes{display:flex;flex-wrap:wrap;gap:12px}
.ab__foto{position:absolute;bottom:0;z-index:3;height:min(92%,800px);width:auto;max-width:none;pointer-events:none}

/* A · Aurora */
.ab-a .ab__veu{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,6,4,.9),rgba(11,6,4,.75) 30%,rgba(11,6,4,.3) 52%,transparent 66%)}
.ab-a .ab__foto{right:4%;-webkit-mask:linear-gradient(0deg,transparent,#000 14%);mask:linear-gradient(0deg,transparent,#000 14%)}
.ab-a .simbolo3d{position:absolute;right:2%;top:30%;width:34%;z-index:2;filter:drop-shadow(0 24px 36px rgba(20,4,0,.45))}

/* B · Luz do dia */
.ab-b{color:var(--tinta);background:var(--papel)}
.ab-b .ab__fundo{position:absolute;inset:-6% -2%;background:url(assets/heros/fundo-interior-ia.webp) 70% 50%/cover;will-change:translate}
.ab-b .ab__veu{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(245,241,235,.97) 0%,rgba(245,241,235,.9) 34%,rgba(245,241,235,.35) 58%,rgba(245,241,235,0) 72%)}
.ab-b .ab__foto{right:3%}
.ab-b .t-lead{color:#57534E}
.ab-b .hl{color:var(--laranja-tinta)}
.ab-b .eyebrow{color:var(--grafite)}
.ab-b .btn-orbita{color:var(--tinta);background:rgba(255,255,255,.5);box-shadow:0 0 0 1px rgba(28,25,23,.14) inset}
.vidro-claro{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.4));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(28,25,23,.06),0 18px 40px -20px rgba(60,35,20,.35)}
.vidro-claro img{width:34px;height:34px;padding:7px;border-radius:10px;background:#FCEDE4}
.vidro-claro b{display:block;font-size:.8125rem}
.vidro-claro span{font-size:.75rem;color:#57534E}
.vidro-claro em{font-style:normal;font-weight:700;color:var(--laranja-tinta)}


/* D · Entardecer */
.ab-d .ab__fundo{position:absolute;inset:0;background:url(assets/heros/fundo-entardecer-ia.webp) 70% 60%/cover;animation:kenburns 26s var(--ease-io) infinite alternate}
@keyframes kenburns{to{transform:scale(1.08) translate(-1.5%,1%)}}
.ab-d .ab__veu{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,6,4,.88),rgba(11,6,4,.6) 38%,rgba(11,6,4,.1) 62%,rgba(11,6,4,.2)),linear-gradient(0deg,rgba(11,6,4,.85),transparent 30%)}
.ab-d .ab__visual{position:absolute;right:-11%;top:0;bottom:0;width:56%;z-index:2}
.ab-d .moldura{position:absolute;left:50%;bottom:0;translate:-50% 0;width:min(112%,690px);z-index:2;overflow:visible}
.ab-d .moldura path{fill:none;stroke:var(--brasa);stroke-width:2.2;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1;animation:desenhar 2.6s var(--ease-out) .4s forwards;filter:drop-shadow(0 0 6px rgba(255,85,0,.55))}
.ab-d .moldura .preenche{fill:url(#casa-luz);stroke:none;opacity:0;animation:acender 1.6s var(--ease-out) 1.6s forwards;filter:none}
@keyframes desenhar{to{stroke-dashoffset:0}}
@keyframes acender{to{opacity:1}}
.ab-d .ab__foto{left:50%;right:auto;translate:-50% 0;height:min(88%,760px);z-index:3;-webkit-mask:linear-gradient(0deg,transparent,#000 12%),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(0deg,transparent,#000 12%),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}

/* E · Editorial dividido */
.ab-e{display:grid;grid-template-columns:1fr 1fr;min-height:min(900px,100svh);padding:0}
.ab-e .ab__lado{position:relative;z-index:2;display:flex;flex-direction:column;padding:28px clamp(24px,5vw,72px) 40px;background:var(--noite-950)}
.ab-e .ab__lado .ab__texto{flex:1;align-content:center;padding:40px 0}
.ab-e .ab__quadro{position:relative;overflow:hidden}
.ab-e .ab__quadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 22%;animation:kenburns 30s var(--ease-io) infinite alternate}
.ab-e .ab__quadro::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--noite-950),rgba(11,6,4,0) 22%),linear-gradient(0deg,rgba(11,6,4,.55),transparent 30%)}
.ab-e .ab__quadro::after{content:"";position:absolute;left:0;top:10%;bottom:10%;width:2px;z-index:2;background:linear-gradient(180deg,transparent,var(--brasa),transparent)}
.credenciais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:8px;border-top:1px solid var(--creme-08)}
.credenciais div{padding:16px 16px 0 0}
.credenciais b{display:block;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}
.credenciais span{font-size:.75rem;color:var(--creme-50)}
.logo-mob{display:none}
.ab-e .assinatura{position:absolute;right:28px;bottom:26px;z-index:3;text-align:right}
.ab-e .assinatura b{display:block;font-family:var(--ff-serif);font-weight:400;font-size:2rem;line-height:1}
.ab-e .assinatura span{font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:var(--creme-70)}

/* F · Têmis */
.ab-f{background:radial-gradient(60% 80% at 80% 50%,#2A0F05 0%,var(--noite-950) 60%)}
.ab-f .temis{position:absolute;right:4%;bottom:0;height:min(100%,900px);width:auto;z-index:2;mix-blend-mode:screen;-webkit-mask:linear-gradient(0deg,transparent,#000 16%);mask:linear-gradient(0deg,transparent,#000 16%)}
.ab-f canvas.brasas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.ab-f .luz-brasa{width:900px;height:900px;right:-10%;top:5%;opacity:.55}

/* Responsivo */
@media (max-width:860px){
  /* Celular (regra do DS): promessa e botão primeiro, centralizados; a foto vem depois e fecha a abertura,
     cortada pela borda da seção (sem fade embaixo dela). */
  .ab{min-height:0}
  .ab__topo{justify-content:center}
  .ab__topo img{height:19px}
  .ab__grid{grid-template-columns:1fr;gap:0}
  .ab__texto{justify-items:center;text-align:center;padding:40px 0 28px;gap:18px}
  .ab__texto .t-display{font-size:clamp(1.9rem,8.2vw,2.35rem)}
  .ab__acoes{justify-content:center}
  .ab__texto .eyebrow{letter-spacing:.2em;font-size:.6875rem}
  .ab__texto .eyebrow::before{display:none}
  .ab__visual{position:relative;order:1;height:min(112vw,470px);margin:0}
  .ab__foto{height:100%;left:50%;right:auto!important;translate:-50% 0}
  .ab-d .ab__visual{position:relative;width:auto;top:auto;bottom:auto;right:auto}
  /* véus: escuro atrás do texto no topo, livre atrás da foto embaixo */
  .ab-a .ab__veu,.ab-d .ab__veu{background:linear-gradient(180deg,rgba(11,6,4,.94) 0,rgba(11,6,4,.9) 48%,rgba(11,6,4,.35) 64%,transparent 78%)}
  .ab-b .ab__veu{background:linear-gradient(180deg,rgba(245,241,235,.97) 0,rgba(245,241,235,.92) 50%,rgba(245,241,235,.35) 70%,rgba(245,241,235,0) 86%)}
  .ab-a .simbolo3d{right:-6%;top:22%;width:44%}
  .ab-d .moldura{width:100%}
  .vidro-claro{text-align:left}
  /* E: texto em cima (logo no topo, centralizada), foto inteira embaixo */
  .ab-e{grid-template-columns:1fr}
  .ab-e .ab__lado{padding:28px var(--gutter) 0}
  .ab-e .ab__lado .ab__texto{padding:40px 0 28px}
  .ab-e .ab__quadro{height:min(118vw,500px)}
  .ab-e .ab__quadro::before{background:linear-gradient(180deg,var(--noite-950),rgba(11,6,4,0) 26%)}
  .ab-e .ab__quadro::after{display:none}
  .credenciais{width:100%;text-align:center}
  .credenciais div{padding:16px 8px 0}
  .credenciais span{line-height:1.35;display:block;margin-top:4px}
  .credenciais b{font-size:1.25rem}
  /* F: texto em cima, Têmis embaixo fechando a seção */
  .ab-f .ab__grid{padding-bottom:min(100vw,420px)}
  .ab-f .temis{top:auto;bottom:0;right:50%;translate:50% 0;height:min(104vw,440px);opacity:1;-webkit-mask:none;mask:none}
  .ab-f .luz-brasa{width:520px;height:520px;right:-20%;top:auto;bottom:-10%}
}
@media (min-width:861px){ .ab__visual{position:static} }