/* ============================================================================
   Detalhes e Desejo — Splash da marca (dd-splash), Claude Design
   ----------------------------------------------------------------------------
   Limkor Intermediação Agenciamento e Soluções em Pagamento On Line LTDA
   CNPJ: 35.875.926/0001-05 — Rodrigo Tavares Bongiovanni (rodrigolimkr@gmail.com) — CPF: 348.878.878-41
   ============================================================================
   Porte literal de Splash-Mobile.dc.html. As classes de transicao
   (is-hiding/is-hidden) sao as MESMAS que sib::shared::splash_hide()
   (apps/web-native/shared/splash/splash.cpp) ja alterna via classList —
   splash.cpp nao muda: ele so mexe em classes, nunca no visual. Falha-safe
   de 15s identico ao sib-loader.css, para o mesmo caso (WASM que nunca
   chega a rodar).
   ============================================================================ */
.dd-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(120% 90% at 50% 20%,var(--dd-bordo-2) 0%,var(--dd-bordo) 45%,var(--dd-bordo-escuro) 100%);opacity:1;transition:opacity .2s ease;font-family:var(--dd-fonte-sans);animation:dd-splash-failsafe .6s ease 15s forwards;}
.dd-splash.is-hidden{opacity:0;pointer-events:none;}
.dd-splash.is-hiding{pointer-events:none;}
.dd-splash *,.dd-splash *::before,.dd-splash *::after{box-sizing:border-box;}
.dd-splash-mark{width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(0,0,0,.35));}
.dd-splash-quote{display:flex;flex-direction:column;align-items:center;gap:8px;}
.dd-splash-quote span{font-family:var(--dd-fonte-serif);font-size:15px;font-style:italic;color:var(--dd-ouro-claro);}
.dd-splash-quote span+span{margin-top:-8px;}
.dd-splash-ring{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--dd-ouro);animation:dd-spin .9s linear infinite;margin-top:12px;}
.dd-splash-note{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);}

@keyframes dd-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes dd-splash-failsafe{0%,99%{opacity:1;visibility:visible;pointer-events:auto;}100%{opacity:0;visibility:hidden;pointer-events:none;}}

@media (prefers-reduced-motion:reduce){
  .dd-splash-ring{animation:none;}
}