:root{--atlax-bg:#030712;--atlax-surface:#061326;--atlax-surface-2:#0b1b34;--atlax-border:rgba(96,165,250,.38);--atlax-blue:#38bdf8;--atlax-blue-soft:#7dd3fc;--atlax-ice:#dbeafe;--atlax-violet:#4f46e5;--atlax-glow:rgba(56,189,248,.45)}
body{background:var(--atlax-bg)!important;color:var(--atlax-ice)!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 18%,rgba(56,189,248,.22),transparent 28%),radial-gradient(circle at 80% 35%,rgba(79,70,229,.22),transparent 30%),linear-gradient(180deg,rgba(3,7,18,.20),rgba(3,7,18,.78));mix-blend-mode:screen}.bg-surface,.bg-box,.bg-box\/95,.bg-surface\/95{background-color:rgba(3,13,30,.88)!important}.bg-surface-light,.bg-box-input,.bg-box-input\/60{background-color:rgba(8,32,64,.72)!important}.text-gold,.text-label-ochre,.hover\:text-gold:hover,.group:hover .group-hover\:text-label-ochre{color:var(--atlax-blue-soft)!important}.text-text-primary{color:var(--atlax-ice)!important}.text-text-secondary{color:#a7c7e7!important}.border-surface-border,.border-box-border,.border-box-border\/60,.hover\:border-label-ochre\/50:hover{border-color:var(--atlax-border)!important}.shadow-lg,.shadow-xl{box-shadow:0 18px 45px rgba(2,8,23,.55),0 0 28px rgba(56,189,248,.10)!important}a,button{transition:all .2s ease}button:hover,a:hover{filter:drop-shadow(0 0 8px rgba(56,189,248,.42))}.atlax-hero{position:relative;z-index:15;margin:0 auto 2.5rem;max-width:1180px;padding:2rem 1.25rem 1rem;text-align:center}.atlax-logo{width:min(660px,86vw);height:auto;margin:0 auto;filter:drop-shadow(0 0 34px rgba(56,189,248,.55)) drop-shadow(0 0 90px rgba(79,70,229,.35))}.atlax-kicker{margin-top:.45rem;font-family:var(--font-display,serif);font-size:clamp(.9rem,2vw,1.15rem);letter-spacing:.26em;text-transform:uppercase;color:#bfdbfe;text-shadow:0 0 20px rgba(56,189,248,.65)}.atlax-cta{display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-top:1.35rem}.atlax-cta a{border:1px solid rgba(125,211,252,.55);background:linear-gradient(180deg,rgba(56,189,248,.22),rgba(30,64,175,.28));color:#eff6ff;padding:.78rem 1.35rem;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;text-decoration:none;box-shadow:inset 0 0 20px rgba(125,211,252,.08),0 0 24px rgba(56,189,248,.22)}.atlax-cta a:hover{border-color:#dbeafe;background:linear-gradient(180deg,rgba(125,211,252,.30),rgba(79,70,229,.35))}.presentation-nav{background:rgba(3,13,30,.92)!important;backdrop-filter:blur(10px)}header{box-shadow:0 10px 30px rgba(3,7,18,.42),0 1px 0 rgba(125,211,252,.20)!important}

/* FIX host estático: o HTML exportado vinha com animações SSR em opacity:0.
   Em alojamentos sem hidratação completa do Next.js, o conteúdo fica invisível. */
header[style],
main [style*="opacity:0"],
main [style*="opacity: 0"],
.presentation-content-print [style*="opacity:0"],
.presentation-content-print [style*="opacity: 0"] {
  opacity: 1 !important;
  transform: none !important;
}

main,
.presentation-content-print,
.presentation-content-print > *,
.presentation-content-print section,
.presentation-content-print article {
  visibility: visible !important;
}

.presentation-content-print {
  position: relative !important;
  z-index: 30 !important;
}

/* melhora contraste dos cartões sobre o fundo Atlax */
.rounded-box,
[class*="bg-box"] {
  background-color: rgba(4, 12, 30, 0.88) !important;
  border-color: rgba(100, 210, 255, 0.34) !important;
  box-shadow: 0 0 24px rgba(0, 150, 255, 0.12) !important;
}

/* reduz um pouco a camada escura do fundo para o conteúdo aparecer melhor */
body::after {
  opacity: 0.68 !important;
}

/* Correção: HTML organizado não pode preservar quebras de linha internas nos parágrafos exportados. */
.whitespace-pre-line {
  white-space: normal !important;
}

/* Atlax: 5 class slots including Lycan */
@media (min-width: 640px) {
  .atlax-classes-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}


/* Atlax top logo + floating scroll-to-top button */
.atlax-top-logo-wrap{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin-top:.25rem;
  margin-bottom:2rem;
  pointer-events:none;
}
.atlax-top-logo-wrap::before{
  content:"";
  position:absolute;
  width:min(520px,72vw);
  height:min(170px,24vw);
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(56,189,248,.38) 0%,rgba(37,99,235,.18) 38%,rgba(14,165,233,.06) 62%,transparent 78%);
  filter:blur(18px);
  opacity:.85;
  animation:atlaxLogoBreath 3.8s ease-in-out infinite;
}
.atlax-top-logo-img{
  position:relative;
  z-index:1;
  display:block;
  width:min(390px,70vw);
  height:auto;
  max-height:170px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(125,211,252,.72)) drop-shadow(0 0 46px rgba(37,99,235,.46));
  animation:atlaxLogoFloat 5.2s ease-in-out infinite;
  user-select:none;
}
@keyframes atlaxLogoBreath{
  0%,100%{transform:scale(.96);opacity:.52;}
  50%{transform:scale(1.08);opacity:1;}
}
@keyframes atlaxLogoFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-3px) scale(1.015);}
}
.atlax-scroll-top-btn{
  position:fixed;
  right:clamp(18px,3vw,42px);
  bottom:clamp(18px,3vw,42px);
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  width:82px;
  height:82px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid rgba(125,211,252,.65);
  background:radial-gradient(circle at center,rgba(8,47,73,.72),rgba(2,8,23,.86));
  box-shadow:0 0 22px rgba(56,189,248,.34), inset 0 0 18px rgba(125,211,252,.14);
  backdrop-filter:blur(8px);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.atlax-scroll-top-btn img{
  position:absolute;
  inset:7px;
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(125,211,252,.8));
  animation:atlaxIconPulse 3s ease-in-out infinite;
}
.atlax-scroll-top-arrow{
  position:relative;
  z-index:2;
  color:#e0f2fe;
  font-size:2.4rem;
  line-height:1;
  font-weight:900;
  transform:translateY(4px);
  text-shadow:0 0 14px rgba(125,211,252,.95);
}
.atlax-scroll-top-btn:hover{
  transform:translateY(-4px) scale(1.04);
  border-color:rgba(224,242,254,.95);
  box-shadow:0 0 28px rgba(125,211,252,.58), inset 0 0 20px rgba(125,211,252,.22);
}
@keyframes atlaxIconPulse{
  0%,100%{opacity:.88;transform:scale(.98) rotate(0deg);}
  50%{opacity:1;transform:scale(1.04) rotate(0deg);}
}
@media (max-width:640px){
  .atlax-top-logo-img{width:min(280px,78vw);}
  .atlax-scroll-top-btn{width:62px;height:62px;right:14px;bottom:14px;}
  .atlax-scroll-top-arrow{font-size:1.9rem;}
}