/* =====================================================================
   VoidMu — Entrada / Grande Inauguração (somente PC)
   Estilo pôster: títulos metálicos (prata/cromo) em Cinzel, brilho ciano
   elétrico e destaque dourado. Texto corrido em Montserrat.
   ===================================================================== */

:root{
  /* Paleta da RUÍNA — tirada da logo: pedra/aço escuro + brilho teal do "O" */
  --cyan:#4fd0d4;          /* teal do núcleo da logo */
  --cyan-2:#2a9fa5;        /* teal médio */
  --cyan-deep:#0f4c52;     /* teal escuro */
  --silver:#d9dfdf;        /* pedra clara */
  --silver-2:#86918f;      /* pedra média */
  --bg-dark:#03080b;
  --bg-2:#071219;
  --text-light:#eef6f8;
  --text-gray:#7f8a89;
  --text-soft:#aab4b3;
  --glow:rgba(79,208,212,0.55);
  --glow-soft:rgba(79,208,212,0.18);
  --line:rgba(190,205,205,0.12);
  --ink:#ffffff;           /* branco para destaques */
  --font:'Montserrat',system-ui,sans-serif;
  --display:'Cinzel','Times New Roman',serif;

  /* gradientes metálicos */
  /* aço/pedra da logo: branco no topo, faixa escura no meio, cinza embaixo */
  --g-chrome:linear-gradient(180deg,#ffffff 0%,#eef1f1 24%,#b6bfbf 44%,#3e4849 51%,#a3aeae 58%,#e6eaea 74%,#7d8889 100%);
  --g-cyan:linear-gradient(180deg,#ffffff 0%,#d4fcff 26%,#63e4f5 45%,#0b7a92 52%,#7ff1ff 61%,#e6feff 78%,#39c3da 100%);
  /* aço com veio teal (para o destaque: INAUGURAÇÃO, BK x BK) */
  --g-gold:linear-gradient(180deg,#f2fbfb 0%,#c4e6e7 24%,#6fbfc3 44%,#123f44 51%,#4fb0b5 59%,#c9eef0 76%,#3a8a8f 100%);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font);
  background:var(--bg-dark);
  color:var(--text-light);
  min-height:100vh;
  min-width:1100px;          /* lançamento somente PC */
  overflow-x:hidden;
  line-height:1.5;
  position:relative;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
::selection{background:var(--cyan);color:#021014;}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;}

/* ===================== TEXTOS METÁLICOS ===================== */
.chrome,.chrome-cyan,.gold-call,.gold-inline{
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.chrome{background-image:var(--g-chrome);}
.chrome-cyan{background-image:var(--g-cyan);}
.gold-call,.gold-inline{background-image:var(--g-gold);}
/* brilho passando pela INAUGURAÇÃO: faixa clara deslizando por cima do metal */
.gold-call{
  background-image:linear-gradient(105deg,transparent 42%,rgba(255,255,255,0.95) 50%,transparent 58%),var(--g-gold);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;
}
@keyframes goldShine{0%{background-position:100% 0,0 0}45%,100%{background-position:0% 0,0 0}}

/* ===================== FUNDO GLOBAL ===================== */
.bg-layer{
  position:fixed;inset:0;z-index:-4;
  background:
    radial-gradient(1000px 700px at 50% 0%, rgba(22,185,214,0.10), transparent 60%),
    radial-gradient(800px 600px at 0% 100%, rgba(22,185,214,0.06), transparent 60%),
    radial-gradient(800px 600px at 100% 100%, rgba(22,185,214,0.06), transparent 60%),
    var(--bg-dark);
}
#particles{position:fixed;inset:0;z-index:-1;pointer-events:none;}
/* névoa ATRÁS de todo o conteúdo: fica acima só dos fundos (arte do hero, imagens de seção)
   — por isso .hero e .prepare não usam isolation, e os fundos deles usam z-index menor */
#fog{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;}

.shell{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px;}


/* ===================== ORNAMENTO (linha + losango) ===================== */
.ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px auto;}
.ornament i{display:block;width:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(150,225,228,0.85));}
.ornament i:last-child{background:linear-gradient(270deg,transparent,rgba(150,225,228,0.85));}
.ornament b{
  display:block;width:11px;height:11px;transform:rotate(45deg);
  background:linear-gradient(135deg,#ffffff,var(--cyan) 55%,var(--cyan-deep));
  box-shadow:0 0 10px var(--glow),0 0 22px var(--glow-soft);
}
.ornament.small{margin:12px auto;}
.ornament.small i{width:90px;}
.ornament.small b{width:8px;height:8px;}
/* separador entre as imagens de fundo das seções */
.section-sep{position:relative;z-index:1;margin:0 auto;height:0;overflow:visible;}
.section-sep i{width:min(34vw,460px);}

/* ===================== TOP BAR ===================== */
.topbar{
  position:absolute;top:0;left:0;right:0;z-index:10;
  display:flex;align-items:center;justify-content:flex-end;gap:16px;
  max-width:1500px;margin:0 auto;
  padding:22px 56px;
}
.nav-actions{display:flex;align-items:center;gap:8px;}
.nav-link{
  font-family:var(--display);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-soft);padding:10px 16px;transition:.25s ease;
}
.nav-link:hover{color:#fff;text-shadow:0 0 12px var(--glow);}
.nav-discord{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(170,195,196,0.28);background:rgba(4,14,18,0.45);backdrop-filter:blur(6px);}
.nav-discord:hover{border-color:var(--cyan);}
.nav-discord svg{width:16px;height:16px;fill:currentColor;}


/* menu de idiomas */
.lang-menu{position:relative;}
.lang-trigger{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(170,195,196,0.24);background:rgba(4,14,18,0.45);color:var(--text-light);font:inherit;cursor:pointer;transition:.2s ease;}
.lang-trigger:hover{border-color:var(--cyan);}
.lang-flag{width:22px;height:16px;border-radius:2px;overflow:hidden;display:inline-block;line-height:0;flex-shrink:0;border:1px solid rgba(0,0,0,0.25);}
.lang-flag svg{width:100%;height:100%;display:block;}
.lang-code{font-size:.78rem;font-weight:800;letter-spacing:.04em;}
.lang-chev{transition:transform .2s ease;}
.lang-trigger[aria-expanded="true"] .lang-chev{transform:rotate(180deg);}
.lang-popup{position:absolute;top:calc(100% + 10px);right:0;min-width:194px;list-style:none;margin:0;padding:6px;background:rgba(5,14,18,0.97);border:1px solid rgba(170,195,196,0.2);box-shadow:0 18px 44px -14px rgba(0,0,0,0.8);z-index:50;animation:langPop .18s ease;}
.lang-popup[hidden]{display:none;}
@keyframes langPop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.lang-option{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;color:var(--text-light);transition:.16s ease;}
.lang-option:hover{background:rgba(79,208,212,0.07);}
.lang-option .lang-label{flex:1;font-size:.86rem;font-weight:600;}
.lang-option .lang-optcode{font-size:.66rem;font-weight:800;letter-spacing:.06em;color:var(--text-gray);}
.lang-option.is-selected{background:rgba(79,208,212,0.08);}
.lang-option .lang-check{color:var(--cyan);opacity:0;flex-shrink:0;}
.lang-option.is-selected .lang-check{opacity:1;}

/* ===================== HERO (pôster) ===================== */
.hero{
  position:relative;
  min-height:max(100vh,900px);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
/* arte maior que a tela e deslocada para o personagem ficar atrás do título */
.hero-art{
  --px:0px;--py:0px;
  position:absolute;top:-4%;bottom:-4%;left:-24%;right:-4%;z-index:-4;
  background:#02070a url('resources/site-hero--md.png') 72% 22% / cover no-repeat;
  transform:translate(var(--px),var(--py)) scale(1.02);
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
  animation:artBreath 22s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes artBreath{from{filter:brightness(.92) saturate(1.05)}to{filter:brightness(1.05) saturate(1.2)}}
.hero-lightning{position:absolute;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;}
.hero-flash{
  --fx:50%;
  position:absolute;inset:0;z-index:-3;pointer-events:none;opacity:0;
  background:radial-gradient(60% 70% at var(--fx) 25%, rgba(120,235,255,0.22), transparent 70%);
}
.hero-flash.on{animation:flash .6s ease-out;}
@keyframes flash{0%{opacity:0}8%{opacity:1}20%{opacity:.3}30%{opacity:.85}100%{opacity:0}}
.hero-grade{
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(42% 56% at 50% 58%, rgba(2,8,11,0.78), rgba(2,8,11,0.35) 60%, transparent 100%),
    linear-gradient(180deg, rgba(3,8,11,0.65) 0%, rgba(3,8,11,0.05) 22%, rgba(3,8,11,0.1) 70%, var(--bg-dark) 100%),
    radial-gradient(130% 100% at 50% 40%, transparent 55%, rgba(0,0,0,0.75));
}

/* névoa rasteira no pé do hero (camadas deslizando) */
.hero-mist{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(0deg,#000 30%,transparent);mask-image:linear-gradient(0deg,#000 30%,transparent);}
.hero-mist i{
  position:absolute;bottom:-10%;left:0;width:200%;height:100%;
  background:
    radial-gradient(18% 40% at 10% 70%, rgba(8,42,30,0.75), transparent 70%),
    radial-gradient(22% 45% at 32% 80%, rgba(30,110,78,0.22), transparent 70%),
    radial-gradient(16% 38% at 55% 72%, rgba(6,36,26,0.7), transparent 70%),
    radial-gradient(24% 48% at 78% 82%, rgba(30,110,78,0.2), transparent 70%),
    radial-gradient(18% 40% at 96% 70%, rgba(8,42,30,0.75), transparent 70%);
  background-size:50% 100%;background-repeat:repeat-x;
  filter:blur(14px);
  animation:mistDrift 70s linear infinite;
}
.hero-mist i:nth-child(2){bottom:-22%;opacity:.8;animation-duration:110s;animation-direction:reverse;height:130%;}
.hero-mist i:nth-child(3){bottom:-30%;opacity:.6;animation-duration:150s;}
@keyframes mistDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.hero-inner{position:relative;z-index:2;width:100%;padding:96px 40px 80px;display:flex;justify-content:center;}
.poster{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:980px;}

/* logo VOIDMU (imagem) */
.brand{
  line-height:0;margin-bottom:2px;
  animation:rise 1.1s .05s both;
}
.brand img{
  width:clamp(440px,38vw,620px);height:auto;
  filter:drop-shadow(0 0 2px rgba(200,245,255,0.35)) drop-shadow(0 0 24px rgba(79,208,212,0.38)) drop-shadow(0 10px 18px rgba(0,0,0,0.8));
  user-select:none;-webkit-user-drag:none;
  animation:logoFloat 6s ease-in-out infinite;   /* sobe e desce devagar */
}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}


/* É HOJE */
.day-call{
  font-family:var(--display);font-weight:900;
  font-size:clamp(4.6rem,7.4vw,7.4rem);line-height:1;letter-spacing:.04em;
  filter:drop-shadow(0 4px 0 #050909) drop-shadow(0 0 22px rgba(0,0,0,0.6));
  margin-top:18px;
  animation:rise 1.1s .18s both;
}
.day-call .chrome{display:inline-block;padding:.32em .08em 0;margin-top:-.32em;}

/* A GRANDE */
.sub-call{
  display:flex;align-items:center;gap:18px;margin-top:10px;
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:.42em;padding-left:.42em;
  color:var(--silver);text-shadow:0 2px 0 #031015,0 0 14px rgba(79,208,212,0.35);
  animation:rise 1.1s .28s both;
}
.sub-call::before,.sub-call::after{content:"";width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--silver-2));}
.sub-call::after{background:linear-gradient(270deg,transparent,var(--silver-2));}

/* INAUGURAÇÃO */
.gold-call{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(3.4rem,5.2vw,5.1rem);line-height:1.1;letter-spacing:.02em;padding:.12em .04em .1em;
  filter:drop-shadow(0 4px 0 #050909) drop-shadow(0 0 22px rgba(79,208,212,0.32));
  animation:rise 1.1s .36s both,goldShine 4.5s 1.6s ease-in-out infinite;
}

/* placa ÀS 20 HORAS */
.plaque{
  position:relative;isolation:isolate;
  display:flex;flex-direction:column;align-items:center;
  padding:14px 64px 12px;margin-top:22px;
  background:linear-gradient(180deg,#e6ebeb,#5d6869 50%,#bcc5c5);
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%,0 50%);
  animation:rise 1.1s .46s both;
}
.plaque::before{
  content:"";position:absolute;inset:1.5px;z-index:-1;
  clip-path:polygon(21px 0,calc(100% - 21px) 0,100% 50%,calc(100% - 21px) 100%,21px 100%,0 50%);
  background:
    radial-gradient(70% 120% at 50% 0%, rgba(79,208,212,0.16), transparent 70%),
    linear-gradient(180deg,#0b1d25,#040b0f);
}
.plaque strong{
  font-family:var(--display);font-weight:800;text-transform:uppercase;
  font-size:2.1rem;letter-spacing:.08em;line-height:1.05;
  background-image:var(--g-chrome);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.plaque small{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:.82rem;letter-spacing:.32em;color:var(--silver-2);margin-top:2px;
}

/* contagem regressiva */
.countdown{display:flex;align-items:center;gap:14px;margin-top:24px;animation:rise 1.1s .56s both;}
.countdown[hidden]{display:none;}
.cd-box{
  position:relative;min-width:104px;padding:14px 10px 10px;
  display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(180deg,rgba(10,30,38,0.78),rgba(3,10,13,0.88));
  border:1px solid rgba(150,200,202,0.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 0 24px -10px var(--glow);
  backdrop-filter:blur(4px);
}
.cd-box::before,.cd-box::after{content:"";position:absolute;width:10px;height:10px;border:1.5px solid var(--cyan);}
.cd-box::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.cd-box::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}
.cd-n{
  font-family:var(--display);font-weight:900;font-size:2.7rem;line-height:1;
  background-image:var(--g-chrome);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-variant-numeric:tabular-nums;
}
.cd-l{font-size:.64rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin-top:6px;}
.cd-sep{color:var(--cyan);font-size:.7rem;text-shadow:0 0 10px var(--glow);opacity:.8;}

/* botões */
.hero-ctas{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;animation:rise 1.1s .66s both;}
.btn-void{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;gap:12px;
  padding:19px 44px;
  font-family:var(--display);font-weight:800;font-size:1.12rem;letter-spacing:.1em;text-transform:uppercase;color:#031314;
  background:linear-gradient(180deg,#d8f3f3 0%,#79d5d8 30%,#2c9fa5 58%,#135f65 100%);
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);
  filter:drop-shadow(0 0 18px rgba(79,208,212,0.45));
  transition:transform .22s ease,filter .22s ease;
}
.btn-void svg{width:21px;height:21px;fill:currentColor;}
.btn-void::after{
  content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;z-index:1;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,0.7),transparent);
  transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite;
}
@keyframes shine{0%{left:-70%}55%,100%{left:140%}}
.btn-void:hover{transform:translateY(-3px);filter:drop-shadow(0 0 28px rgba(79,208,212,0.75));}
.btn-ghost{
  display:inline-flex;align-items:center;
  padding:18px 34px;
  font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--silver);
  border:1px solid rgba(205,215,215,0.4);background:rgba(4,14,18,0.5);backdrop-filter:blur(6px);
  transition:.25s ease;
}
.btn-ghost:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 22px -6px var(--glow);transform:translateY(-2px);}

/* indicador de rolagem */
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:24px;height:38px;border:1.5px solid rgba(200,212,212,0.4);border-radius:14px;}
.scroll-hint span{position:absolute;top:7px;left:50%;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--glow);animation:scrollDot 1.8s ease-in-out infinite;}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* =====================================================================
   SEÇÕES (layout editorial: tipografia, linhas finas e espaço; sem grade de cards)
   ===================================================================== */
.label{
  display:block;margin-bottom:14px;
  font-family:var(--font);font-size:.74rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;
  color:var(--cyan);
}
.title{
  font-family:var(--display);font-weight:700;letter-spacing:.01em;
  font-size:clamp(2.2rem,3.2vw,3rem);line-height:1.15;
  color:#ffffff;
}
.title em{font-style:normal;color:var(--silver-2);}
.head{margin-bottom:48px;}
.head.center{text-align:center;}
.head p{margin-top:14px;color:var(--text-soft);font-size:1.06rem;}
.head p b{color:var(--ink);font-weight:600;}

/* Fundos desfocados das seções (imagens de cenário da ruína) */
.band{position:relative;overflow:hidden;}
.band::before{
  content:"";position:absolute;inset:-30px;z-index:-3;   /* sobra p/ esconder a borda do blur */
  background-position:center;background-size:cover;background-repeat:no-repeat;
  filter:blur(6px) brightness(.85) saturate(1);
}
.band--ruins::before{background-image:url('resources/mixk0_HP_Camera_2560x1080.png');}
.band--gate::before{background-image:url('resources/mixk45_HP_Camera_2560x1080.png');}
.band--smoke::before{background-image:url('resources/10.jpg');filter:blur(4px) brightness(1.05);}
.band--cathedral::before{background-image:url('resources/8.jpg');}
.band::after{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(180deg,var(--bg-dark) 0%,rgba(3,8,11,0.35) 16%,rgba(3,8,11,0.25) 50%,rgba(3,8,11,0.4) 84%,var(--bg-dark) 100%),
    radial-gradient(100% 80% at 50% 50%,transparent 45%,rgba(3,8,11,0.5));
}

/* O retorno */
.story{padding:150px 0 120px;}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.story-text .lead{font-size:1.32rem;line-height:1.55;color:var(--ink);font-weight:500;margin-bottom:18px;}
.story-text p{color:var(--text-soft);font-size:1.04rem;line-height:1.75;}
.story-text p + p{margin-top:14px;}
.story-text p b{color:var(--ink);font-weight:600;}
.facts{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;margin-top:44px;border-top:1px solid var(--line);}
.facts div{padding:20px 0 0;}
.facts div + div{padding-left:20px;border-left:1px solid var(--line);}
.facts dt{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-gray);margin-bottom:6px;}
.facts dd{font-family:var(--display);font-weight:700;font-size:1.15rem;white-space:nowrap;padding-right:20px;color:var(--ink);}

/* O que te espera */
.features{padding:120px 0 120px;}
.feature-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;}
.feature-list li{
  display:grid;grid-template-columns:48px 1fr;column-gap:8px;align-items:baseline;
  padding:26px 0;border-top:1px solid var(--line);
}
.feature-list li:nth-last-child(-n+2){border-bottom:1px solid var(--line);}
.num{font-family:var(--font);font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--cyan);}
.feature-list h3{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--ink);}
.feature-list p{grid-column:2;margin-top:4px;color:var(--text-gray);font-size:.98rem;}

/* PvP */
.pvp{padding:150px 0;text-align:center;}
.pvp-inner{max-width:900px;}
.pvp blockquote.title{font-size:clamp(2.4rem,3.8vw,3.4rem);}
.pvp p{max-width:640px;margin:26px auto 0;color:var(--text-soft);font-size:1.06rem;line-height:1.75;}

/* Prepare-se */
.start{padding:130px 0 110px;}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid var(--line);}
.steps li{padding-top:28px;position:relative;}
.steps li::before{content:"";position:absolute;top:-1px;left:0;width:40px;height:1px;background:var(--cyan);}
.steps h3{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--ink);margin:10px 0 6px;}
.steps p{color:var(--text-gray);font-size:.98rem;line-height:1.6;}
.start .hero-ctas{margin-top:64px;animation:none;}

/* ===================== FOOTER ===================== */
footer.site-footer{
  text-align:center;margin-top:0;padding:40px 0 40px;
  font-size:.8rem;color:var(--text-gray);line-height:1.9;
}
footer.site-footer strong{color:var(--silver);}
footer.site-footer .links a{color:var(--cyan);}
footer.site-footer .links a:hover{text-decoration:underline;}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important;}
}
/* a névoa sempre anima (pedido do projeto), mesmo com "reduzir animações" ligado no sistema */
@media (prefers-reduced-motion:reduce){
  .brand img{animation-duration:6s!important;animation-iteration-count:infinite!important;}
  .hero-mist i{animation-duration:70s!important;animation-iteration-count:infinite!important;}
  .hero-mist i:nth-child(2){animation-duration:110s!important;}
  .hero-mist i:nth-child(3){animation-duration:150s!important;}
}

/* ===================== PROTEÇÃO (sem atrapalhar o uso) ===================== */
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
img{-webkit-user-drag:none;user-drag:none;pointer-events:none;}
@media print{ body{display:none!important;} }