/* =====================================================================
   EXPOCOMMERCE UBERABA 2026
   Paleta e tipografia do manual de marca, linguagem escura do mídia kit.
   ===================================================================== */

:root{
  /* superfícies */
  --ink:        #02040c;
  --ink-2:      #050b1a;
  --surface:    #0a1226;
  --surface-2:  #0d1732;
  --line:       rgba(180,205,255,.11);
  --line-soft:  rgba(180,205,255,.06);

  /* marca */
  --blue:       #1c5cdd;   /* azul elétrico da campanha */
  --blue-hi:    #4a86ff;
  --blue-brand: #22418b;   /* azul institucional do manual */
  --blue-deep:  #16284f;
  --cyan:       #00aeef;

  /* texto */
  --fg:         #eef3ff;
  --fg-soft:    rgba(231,240,255,.72);
  --fg-dim:     rgba(231,240,255,.50);

  /* Nexa nos títulos. Como a Nexa disponível é Trial, os acentos caem no Poppins
     e a diferença aparece em títulos grandes. Para tipografia 100% uniforme
     enquanto a licença não chega, troque esta linha por:
     --font-display: 'Poppins', system-ui, sans-serif;  */
  --font-display: 'Nexa', 'Poppins', system-ui, sans-serif;
  --font-text:    'Poppins', system-ui, sans-serif;

  --wrap: 1240px;
  --pad: clamp(1.1rem, 4vw, 2.6rem);
  --r-sm: 12px;
  --r: 20px;
  --r-lg: 28px;
  --ease: cubic-bezier(.22,.68,.32,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --hdr-h: 84px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0;
  background:var(--ink);
  color:var(--fg);
  font-family:var(--font-text);
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  /* a Nexa Trial entrega ligaduras com marca d'água */
  font-variant-ligatures:none;
  font-feature-settings:"liga" 0,"clig" 0,"dlig" 0,"tnum" 0,"onum" 0,"pnum" 0;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-family:var(--font-display); font-weight:700; letter-spacing:-.025em; line-height:1.03; }
p{ margin:0 0 1em; }
ul{ margin:0; padding:0; list-style:none; }
::selection{ background:var(--blue); color:#fff; }

/* barra de rolagem */
*{ scrollbar-color:var(--blue) var(--ink-2); scrollbar-width:thin; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--ink-2); }
::-webkit-scrollbar-thumb{ background:var(--blue-brand); border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:var(--blue); }

.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--pad); }
.wrap--narrow{ max-width:900px; }

/* ─────────────────────────────  camadas globais  ───────────────────── */
.grain{
  position:fixed; inset:0; z-index:9998; pointer-events:none;
  background-image:url(/assets/img/grain.png);
  opacity:.5; mix-blend-mode:overlay;
}
.spotlight{
  position:fixed; z-index:1; pointer-events:none; inset:0;
  background:radial-gradient(560px circle at var(--mx,50%) var(--my,30%),
             rgba(28,92,221,.16), transparent 62%);
  opacity:0; transition:opacity .6s var(--ease);
}
body.is-ready .spotlight{ opacity:1; }
@media (hover:none){ .spotlight{ display:none; } }

.scroll-progress{
  position:fixed; top:0; left:0; height:3px; z-index:9999;
  width:100%; transform:scaleX(0); transform-origin:0 50%;
  background:linear-gradient(90deg,var(--blue-brand),var(--blue),var(--cyan));
  box-shadow:0 0 18px rgba(28,92,221,.7);
}

/* ─────────────────────────────  preloader  ─────────────────────────── */
.preloader{
  position:fixed; inset:0; z-index:10000;
  display:grid; place-items:center;
  background:radial-gradient(120% 90% at 50% 40%, #0a1430 0%, #02040c 70%);
  transition:opacity .7s var(--ease), visibility .7s;
}
.preloader.is-done{ opacity:0; visibility:hidden; }
.preloader__inner{ display:grid; justify-items:center; gap:1.6rem; width:min(320px,70vw); }
.preloader__mark{ width:86px; animation:floaty 3s var(--ease) infinite; filter:drop-shadow(0 0 34px rgba(28,92,221,.7)); }
.preloader__bar{ width:100%; height:3px; background:rgba(255,255,255,.12); border-radius:99px; overflow:hidden; }
.preloader__bar i{ display:block; height:100%; width:0%; background:linear-gradient(90deg,var(--blue-brand),var(--cyan)); transition:width .2s linear; }
.preloader__pct{ font-family:var(--font-display); font-weight:700; font-size:.8rem; letter-spacing:.22em; color:var(--fg-dim); }
@keyframes floaty{ 0%,100%{ transform:translateY(-6px) } 50%{ transform:translateY(6px) } }

/* ─────────────────────────────  botões  ───────────────────────────── */
.btn{
  --btn-bg:transparent;
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:.95rem 1.6rem; border-radius:99px; border:1px solid transparent;
  font-family:var(--font-display); font-weight:700; font-size:.78rem;
  letter-spacing:.12em; text-transform:uppercase; white-space:nowrap;
  cursor:pointer; overflow:hidden; isolation:isolate;
  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease), border-color .35s var(--ease);
  will-change:transform;
}
.btn svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .35s var(--ease-out); }
.btn:hover svg{ transform:translateX(4px); }
.btn span{ position:relative; z-index:2; }

.btn--primary{
  color:#fff;
  background:linear-gradient(135deg,var(--blue-brand) 0%,var(--blue) 55%,#2f74ff 100%);
  box-shadow:0 10px 34px -12px rgba(28,92,221,.9), inset 0 1px 0 rgba(255,255,255,.22);
}
.btn--primary::after{
  content:""; position:absolute; inset:0; z-index:1; border-radius:inherit;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);
  transform:translateX(-120%); transition:transform .7s var(--ease);
}
.btn--primary:hover{ transform:translateY(-2px); box-shadow:0 16px 44px -12px rgba(28,92,221,1); }
.btn--primary:hover::after{ transform:translateX(120%); }

.btn--ghost{
  color:var(--fg); border-color:var(--line);
  background:rgba(255,255,255,.03); backdrop-filter:blur(6px);
}
.btn--ghost:hover{ border-color:rgba(74,134,255,.55); background:rgba(28,92,221,.14); transform:translateY(-2px); }

.btn--lg{ padding:1.15rem 2.1rem; font-size:.84rem; }
.btn--block{ display:flex; width:100%; }

/* ─────────────────────────────  header  ───────────────────────────── */
.hdr{
  position:fixed; top:0; left:0; right:0; z-index:900;
  transition:background .4s var(--ease), box-shadow .4s var(--ease), padding .4s var(--ease);
  padding:.9rem 0;
  background:linear-gradient(to bottom, rgba(2,4,12,.92), rgba(2,4,12,.28) 70%, transparent);
}
.hdr.is-stuck{
  background:rgba(3,7,20,.86);
  backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 var(--line), 0 18px 44px -28px rgba(0,0,0,.95);
  padding:.5rem 0;
}
.hdr__in{
  max-width:var(--wrap); margin-inline:auto; padding-inline:var(--pad);
  display:flex; align-items:center; gap:clamp(.8rem,2.4vw,2rem);
}
.hdr__logo{ flex:none; }
.hdr__logo-mark{
  display:block; width:clamp(110px,11vw,152px); aspect-ratio:1200/529;
  background:currentColor; color:#fff;
  -webkit-mask:url(/assets/img/logo-original.png) center/contain no-repeat;
  mask:url(/assets/img/logo-original.png) center/contain no-repeat;
  transition:opacity .3s var(--ease);
}
.hdr__logo:hover .hdr__logo-mark{ opacity:.75; }

.hdr__urg{
  margin:0; flex:1; min-width:0;
  font-size:.72rem; line-height:1.35; letter-spacing:.07em; text-transform:uppercase;
  color:var(--fg-dim);
}
.hdr__urg b{ color:var(--blue-hi); font-weight:700; }

.cd{ display:flex; align-items:flex-start; gap:.3rem; flex:none; }
.cd__cell{ display:grid; justify-items:center; gap:.15rem; }
.cd__num{
  display:grid; place-items:center; min-width:2.55rem; padding:.28rem .32rem;
  border-radius:9px; border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(28,92,221,.20),rgba(6,13,32,.85));
  font-family:var(--font-display); font-weight:800; font-size:1.05rem; line-height:1;
   color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .25s var(--ease-out);
}
.cd__num.is-tick{ transform:translateY(-3px) scale(1.06); }
.cd__cell em{ font-style:normal; font-size:.53rem; letter-spacing:.16em; text-transform:uppercase; color:var(--fg-dim); }
.cd__sep{ font-style:normal; color:var(--fg-dim); font-weight:700; padding-top:.3rem; }

.hdr__cta{ flex:none; }
@media (max-width:1080px){ .hdr__urg{ display:none; } }
@media (max-width:860px){ .cd{ display:none; } }
@media (max-width:560px){ .hdr__cta{ padding:.75rem 1.1rem; font-size:.68rem; } }

/* ─────────────────────────  hero / key visual  ─────────────────────── */
.kv{
  position:relative; min-height:100svh; display:flex; align-items:center; justify-content:center;
  padding:calc(var(--hdr-h) + 3.5rem) 0 5.5rem; overflow:hidden; isolation:isolate;
  text-align:center;
}

/* base: degradê da marca (mesma leitura do key visual impresso) */
.kv__sky{
  position:absolute; inset:0; z-index:-6;
  background:
    radial-gradient(115% 85% at 34% 46%, #1d4499 0%, #143474 26%, #0a1f4d 48%, #061330 68%, #020712 100%);
}
/* véu animado (WebGL) por cima do degradê */
.kv__veil{
  position:absolute; inset:0; z-index:-5; width:100%; height:100%; display:block;
  opacity:0; mix-blend-mode:screen; transition:opacity 1.2s var(--ease);
}
.kv__veil.is-on{ opacity:.55; }
.kv__glow{
  position:absolute; inset:0; z-index:-4; pointer-events:none;
  background:
    radial-gradient(48% 42% at 50% 52%, rgba(60,120,255,.30), transparent 70%),
    radial-gradient(38% 30% at 82% 12%, rgba(28,92,221,.28), transparent 72%);
}
.kv__vinheta{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(75% 65% at 50% 50%, transparent 40%, rgba(2,7,18,.72) 100%),
    linear-gradient(to bottom, rgba(2,7,18,.72) 0%, transparent 22%, transparent 74%, var(--ink) 100%);
}

/* elementos 3D da identidade */
.kv__malha,.kv__cart,.kv__rs{ position:absolute; z-index:-3; pointer-events:none; user-select:none; }
.kv__malha{
  top:-10%; left:-14%; width:min(62vw,820px); opacity:.85;
  transform:rotate(-7deg);
}
.kv__cart{
  top:-14%; right:-8%; width:min(34vw,430px);
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.75));
  animation:kvFloat 9s var(--ease) infinite;
}
.kv__rs{
  bottom:-14%; left:-8%; width:min(27vw,340px);
  filter:brightness(.62) saturate(1.15) drop-shadow(0 30px 70px rgba(0,0,0,.8));
  animation:kvFloat 11s var(--ease) infinite reverse;
}
@keyframes kvFloat{ 0%,100%{ translate:0 -10px } 50%{ translate:0 10px } }

/* conteúdo */
.kv__in{ position:relative; z-index:2; display:grid; justify-items:center; gap:1.25rem; }

.kv__date{
  display:inline-flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:.75rem;
  margin:0; font-family:var(--font-display); font-weight:700;
  font-size:clamp(.72rem,1.35vw,.95rem); letter-spacing:.18em; text-transform:uppercase; color:#fff;
}
.kv__date b{ font-weight:700; }
.kv__date i{ width:5px; height:5px; border-radius:99px; background:var(--blue-hi); }

.kv__logo{
  width:min(78vw,620px); height:auto; margin:.4rem 0 .2rem;
  filter:drop-shadow(0 22px 60px rgba(0,0,0,.65));
}

.kv__title{
  font-size:clamp(1.5rem,3.1vw,2.5rem); max-width:20ch; text-wrap:balance;
  letter-spacing:-.02em; line-height:1.1;
  text-shadow:0 8px 40px rgba(0,0,0,.55);
}
.kv__title em{ font-style:normal; color:var(--blue-hi); }

.kv__sub{
  max-width:62ch; margin:0; color:var(--fg-soft);
  font-size:clamp(.95rem,1.35vw,1.08rem);
}
.kv__sub b{ color:#fff; font-weight:600; }

@media (max-width:700px){
  .kv{ padding-top:calc(var(--hdr-h) + 2rem); padding-bottom:4.5rem; }
  .kv__malha{ width:88vw; opacity:.4; }
  .kv__cart{ width:52vw; top:-6%; right:-14%; }
  .kv__rs{ width:40vw; bottom:-6%; left:-14%; }
  .kv__logo{ width:82vw; }
}

/* usado também no CTA final */
.hero__cta{ display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center; }
.hero__scroll{
  position:absolute; left:50%; bottom:1.6rem; translate:-50% 0; z-index:3;
  width:26px; height:42px; border:1px solid var(--line); border-radius:99px;
  display:grid; place-items:start center; padding-top:7px;
}
.hero__scroll span{ width:3px; height:8px; border-radius:99px; background:var(--blue-hi); animation:scrolldot 1.8s var(--ease) infinite; }
@keyframes scrolldot{ 0%{ opacity:0; transform:translateY(0) } 30%{ opacity:1 } 100%{ opacity:0; transform:translateY(16px) } }
@media (max-width:700px){ .hero__scroll{ display:none; } }

.chip{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.55rem 1rem; border-radius:99px;
  border:1px solid var(--line); background:rgba(8,16,36,.62); backdrop-filter:blur(8px);
  font-size:.76rem; font-weight:600; color:var(--fg-soft);
}
.chip svg{ width:15px; height:15px; fill:none; stroke:var(--blue-hi); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* ─────────────────────────────  marquee  ──────────────────────────── */
.marquee-stack{ position:relative; z-index:2; margin:-3.5rem 0 0; padding:3rem 0; overflow:hidden; }
.marquee{ position:relative; width:120%; margin-left:-10%; overflow:hidden;
  background:linear-gradient(90deg,var(--blue-deep),var(--blue-brand) 45%,var(--blue));
  border-block:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 60px -30px rgba(28,92,221,.9);
}
.marquee--a{ transform:rotate(-2.4deg); }
.marquee--b{ transform:rotate(2deg); margin-top:-1.5rem; background:linear-gradient(90deg,#060d20,#0d1732 50%,#060d20); }
.marquee__row{ display:flex; gap:2.4rem; padding:.7rem 0; width:max-content;
  animation:marq 34s linear infinite; will-change:transform; }
.marquee__row[data-reverse]{ animation-direction:reverse; animation-duration:44s; }
.marquee__row span{ display:inline-flex; align-items:center; gap:2.4rem;
  font-family:var(--font-display); font-weight:800; font-size:clamp(.95rem,1.8vw,1.35rem);
  letter-spacing:.02em; text-transform:uppercase; color:#fff; white-space:nowrap; }
.marquee__row span i{ width:7px; height:7px; border-radius:99px; background:var(--cyan); flex:none; }
.marquee--b .marquee__row span{ color:var(--fg-dim); }
@keyframes marq{ to{ transform:translateX(-50%) } }
@media (prefers-reduced-motion: reduce){ .marquee__row{ animation:none; } }

/* ─────────────────────────────  seções  ───────────────────────────── */
.sec{ position:relative; padding:clamp(4.5rem,9vw,8.5rem) 0; }
.sec--tight{ padding-top:clamp(2rem,4vw,3.5rem); }
.sec--alt{ background:linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 12%,var(--ink-2) 88%,var(--ink) 100%); }
.sec--alt::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(70% 40% at 80% 0%, rgba(28,92,221,.10), transparent 70%);
}

.kicker{
  display:inline-flex; align-items:center; gap:.6rem; margin:0 0 1rem;
  font-family:var(--font-display); font-weight:700; font-size:.72rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--blue-hi);
}
.kicker i{ width:9px; height:9px; border-radius:99px; background:var(--blue); flex:none;
  box-shadow:0 0 0 4px rgba(28,92,221,.22); animation:pulse 2.4s var(--ease) infinite; }
@keyframes pulse{ 0%,100%{ box-shadow:0 0 0 4px rgba(28,92,221,.22) } 50%{ box-shadow:0 0 0 9px rgba(28,92,221,0) } }
.kicker--center{ display:flex; justify-content:center; }

.h2{ font-size:clamp(1.85rem,4.1vw,3.35rem); max-width:22ch; text-wrap:balance; }
.h2--center{ margin-inline:auto; text-align:center; max-width:24ch; }
.h2 em{ font-style:normal; color:var(--blue-hi); }
.h3{ font-size:clamp(1.25rem,2.2vw,1.75rem); margin-bottom:.7rem; }
.lead{ font-size:clamp(1rem,1.35vw,1.1rem); color:var(--fg-soft); max-width:70ch; margin:1.2rem 0 0; }
.lead--center{ margin-inline:auto; text-align:center; }
.lead b{ color:#fff; font-weight:600; }
.prose{ color:var(--fg-soft); max-width:60ch; }
.prose b{ color:#fff; font-weight:600; }
.fineprint{ margin-top:1.4rem; font-size:.75rem; color:var(--fg-dim); text-align:center; }

/* cartão com brilho que segue o mouse */
.card-glow{ position:relative; isolation:isolate; }
.card-glow::before{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:0; pointer-events:none;
  background:radial-gradient(320px circle at var(--gx,50%) var(--gy,0%), rgba(74,134,255,.20), transparent 62%);
  opacity:0; transition:opacity .45s var(--ease);
}
.card-glow:hover::before{ opacity:1; }
.card-glow > *{ position:relative; z-index:1; }

.tilt{ transform-style:preserve-3d; transition:transform .5s var(--ease-out); will-change:transform; }

/* ─────────────────────────────  stats  ────────────────────────────── */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:3rem; }
.stat{
  position:relative; padding:2.4rem 1.5rem 1.7rem; border-radius:var(--r);
  border:1px solid var(--line); background:linear-gradient(180deg,var(--surface),rgba(6,13,32,.6));
  overflow:hidden; text-align:center;
}
.stat__top{ position:absolute; top:0; left:50%; translate:-50% 0; width:72px; height:5px; border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,var(--blue-brand),var(--cyan)); box-shadow:0 0 22px rgba(28,92,221,.9); }
.stat__icon{ display:grid; place-items:center; width:52px; height:52px; margin:0 auto 1rem;
  border-radius:15px; background:rgba(28,92,221,.16); border:1px solid rgba(74,134,255,.28); }
.stat__icon svg{ width:24px; height:24px; fill:none; stroke:var(--blue-hi); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.stat__num{ display:block; font-family:var(--font-display); font-weight:800; font-size:clamp(2rem,3.4vw,2.9rem);
  line-height:1; color:#fff;  }
.stat__num i{ font-style:normal; font-size:.55em; color:var(--blue-hi); }
.stat__label{ display:block; margin:.5rem 0 .6rem; font-family:var(--font-display); font-weight:700;
  font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--blue-hi); }
.stat p{ margin:0; font-size:.84rem; color:var(--fg-dim); line-height:1.5; }
@media (max-width:900px){ .stats{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .stats{ grid-template-columns:1fr; } }

/* ─────────────────────────────  grids  ───────────────────────────── */
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.grid-2--top{ align-items:start; margin-top:3.5rem; }
.grid-2__text{ min-width:0; }
@media (max-width:900px){
  .grid-2{ grid-template-columns:1fr; }
  .grid-2--media-first .media{ order:-1; }
}

.media{ position:relative; margin:0; border-radius:var(--r-lg); overflow:hidden; }
.media--frame{ border:1px solid var(--line); background:var(--surface);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.95), 0 0 0 1px rgba(74,134,255,.08); }
.media--frame img{ width:100%; aspect-ratio:4/3.2; object-fit:cover; }
.media__tags{ position:absolute; inset:0; pointer-events:none; }
.media__tags span{
  position:absolute; padding:.42rem .9rem; border-radius:99px;
  background:rgba(28,92,221,.9); border:1px solid rgba(255,255,255,.22);
  font-family:var(--font-display); font-weight:700; font-size:.63rem; letter-spacing:.14em; text-transform:uppercase;
  color:#fff; box-shadow:0 10px 26px -12px rgba(0,0,0,.9);
  animation:tagfloat 5s var(--ease) infinite;
}
.media__tags span:nth-child(1){ top:12%; left:6%; animation-delay:0s; }
.media__tags span:nth-child(2){ top:26%; right:5%; animation-delay:.6s; }
.media__tags span:nth-child(3){ bottom:26%; left:8%; animation-delay:1.2s; }
.media__tags span:nth-child(4){ bottom:12%; right:8%; animation-delay:1.8s; }
@keyframes tagfloat{ 0%,100%{ transform:translateY(-5px) } 50%{ transform:translateY(5px) } }
.media__cap{ position:absolute; left:0; right:0; bottom:0; padding:1.6rem 1.3rem .95rem;
  background:linear-gradient(to top,rgba(2,4,12,.94),transparent);
  font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-soft); }

.showcase{ position:relative; margin:3rem 0 0; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--line); box-shadow:0 50px 110px -60px rgba(0,0,0,1); }
.showcase img{ width:100%; aspect-ratio:16/7; object-fit:cover; }
.showcase--plan img{ aspect-ratio:16/6; object-fit:contain; background:#040a18; }
.showcase figcaption{ position:absolute; left:0; right:0; bottom:0; padding:2.4rem 1.5rem 1.1rem;
  background:linear-gradient(to top,rgba(2,4,12,.95),transparent);
  font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--fg-soft); text-align:center; }

.cards-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:3rem; }
@media (max-width:820px){ .cards-3{ grid-template-columns:1fr; } }
.datacard{ padding:2rem 1.6rem; border-radius:var(--r); border:1px solid var(--line);
  background:linear-gradient(180deg,var(--surface),rgba(6,13,32,.55)); }
.datacard__num{ display:block; font-family:var(--font-display); font-weight:800;
  font-size:clamp(2.4rem,5vw,3.6rem); line-height:1; color:var(--blue-hi);
  text-shadow:0 0 46px rgba(28,92,221,.55);  }
.datacard b{ display:block; margin:.7rem 0 .5rem; font-family:var(--font-display);
  font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; color:#fff; }
.datacard p{ margin:0; font-size:.88rem; color:var(--fg-dim); }

.why{ margin-top:3.5rem; padding:clamp(1.8rem,4vw,3rem); border-radius:var(--r-lg);
  border:1px solid var(--line); background:linear-gradient(135deg,rgba(13,23,50,.95),rgba(5,11,26,.9));
  display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(1.6rem,4vw,3rem); align-items:center; }
@media (max-width:900px){ .why{ grid-template-columns:1fr; } }
.why__list{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
@media (max-width:560px){ .why__list{ grid-template-columns:1fr; } }
.why__list li{ padding-left:1.1rem; border-left:2px solid var(--blue); }
.why__list b{ display:block; font-family:var(--font-display); font-size:1.02rem; color:#fff; }
.why__list span{ font-size:.83rem; color:var(--fg-dim); }

/* ─────────────────────────────  palestrantes  ─────────────────────── */
.speakers{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; margin-top:3.2rem; }
@media (max-width:1000px){ .speakers{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:540px){ .speakers{ grid-template-columns:1fr; } }
.speaker{ border-radius:var(--r); overflow:hidden; border:1px solid var(--line);
  background:linear-gradient(180deg,var(--surface-2),var(--ink-2)); display:flex; flex-direction:column; }
.speaker__ph{ position:relative; aspect-ratio:1; overflow:hidden; background:var(--blue-deep); }
.speaker__ph img{ width:100%; height:100%; object-fit:cover; object-position:50% 32%; transition:transform .8s var(--ease-out); }
.speaker:hover .speaker__ph img{ transform:scale(1.06); }
.speaker__ph::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(10,18,38,.55),transparent 42%); }
.speaker__ph--soon{ display:grid; place-items:center; background:linear-gradient(135deg,#27235c,#0c3051 45%,#00aeef); }
.speaker__ph--soon img{ width:40%; height:auto; object-fit:contain; opacity:.92; }
.speaker__ph--soon::after{ display:none; }
.speaker__body{ padding:1.3rem 1.3rem 1.6rem; display:grid; gap:.35rem; }
.speaker__brand{ font-family:var(--font-display); font-weight:700; font-size:.64rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--blue-hi); }
.speaker h3{ font-size:1.3rem; }
.speaker b{ font-size:.76rem; color:var(--fg-soft); font-weight:600; line-height:1.4; }
.speaker p{ margin:.5rem 0 0; font-size:.83rem; color:var(--fg-dim); line-height:1.55; }

/* ─────────────────────────────  pilares  ─────────────────────────── */
.pillars{ display:grid; gap:1.4rem; margin-top:3.2rem; }
.pillar{ position:relative; display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(1.4rem,3vw,2.6rem);
  align-items:center; padding:clamp(1.2rem,2.4vw,1.8rem); border-radius:var(--r-lg);
  border:1px solid var(--line); background:linear-gradient(135deg,rgba(13,23,50,.75),rgba(5,11,26,.85)); }
.pillar--flip > .pillar__img{ order:2; }
@media (max-width:860px){ .pillar{ grid-template-columns:1fr; } .pillar--flip > .pillar__img{ order:0; } }
.pillar__n{ position:absolute; top:-14px; left:clamp(1.2rem,2.4vw,1.8rem); z-index:3;
  display:grid; place-items:center; width:44px; height:44px; border-radius:13px;
  background:linear-gradient(135deg,var(--blue-brand),var(--blue)); color:#fff;
  font-family:var(--font-display); font-weight:800; font-size:1.15rem;
  box-shadow:0 12px 30px -14px rgba(28,92,221,1); }
.pillar__img{ margin:0; border-radius:var(--r); overflow:hidden; border:1px solid var(--line-soft); background:#050b1a; }
.pillar__img img{ width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .9s var(--ease-out); }
.pillar:hover .pillar__img img{ transform:scale(1.05); }
.pillar__body h3{ font-size:clamp(1.2rem,2.2vw,1.7rem); margin-bottom:.6rem; }
.pillar__body h3 em{ font-style:normal; color:var(--blue-hi); }
.pillar__body p{ color:var(--fg-soft); font-size:.95rem; }
.pillar__body ul{ display:grid; gap:.45rem; margin-top:1rem; }
.pillar__body li{ position:relative; padding-left:1.5rem; font-size:.87rem; color:var(--fg-dim); }
.pillar__body li::before{ content:""; position:absolute; left:0; top:.55em; width:8px; height:8px;
  border-radius:99px; background:var(--blue); box-shadow:0 0 0 3px rgba(28,92,221,.2); }

/* ─────────────────────────────  marcas  ─────────────────────────── */
.brands{ display:grid; grid-template-columns:repeat(6,1fr); align-items:center; gap:2rem;
  margin-top:3rem; padding:2.2rem clamp(1rem,3vw,2.4rem); border-radius:var(--r-lg);
  border:1px solid var(--line); background:rgba(6,13,32,.6); }
.brands img{ width:100%; max-height:44px; object-fit:contain; opacity:.8;
  transition:opacity .35s var(--ease), transform .35s var(--ease-out); }
.brands img:hover{ opacity:1; transform:scale(1.06); }
@media (max-width:820px){ .brands{ grid-template-columns:repeat(3,1fr); gap:1.6rem; } }

/* ─────────────────────────────  custo  ─────────────────────────── */
.cost{ display:grid; gap:.7rem; margin:1.6rem 0 2rem; }
.cost li{ display:flex; gap:.85rem; align-items:flex-start; padding:.9rem 1.1rem;
  border-radius:var(--r-sm); border:1px solid var(--line-soft);
  background:rgba(28,92,221,.06); font-size:.92rem; color:var(--fg-soft); }
.cost i{ font-style:normal; color:#ff5d6b; font-weight:700; }

/* ─────────────────────────────  ingressos  ─────────────────────── */
.tickets{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:3.2rem; align-items:start; }
@media (max-width:960px){ .tickets{ grid-template-columns:1fr; max-width:520px; margin-inline:auto; } }
.ticket{ position:relative; padding:1.8rem 1.6rem 1.7rem; border-radius:var(--r-lg);
  border:1px solid var(--line); background:linear-gradient(180deg,var(--surface),rgba(5,11,26,.85));
  display:grid; gap:.9rem; }
.ticket--feature{ border-color:rgba(74,134,255,.45);
  background:linear-gradient(180deg,rgba(28,92,221,.20),rgba(6,13,32,.95));
  box-shadow:0 40px 90px -50px rgba(28,92,221,.9); transform:translateY(-10px); }
@media (max-width:960px){ .ticket--feature{ transform:none; } }
.ticket__flag{ position:absolute; top:-13px; left:50%; translate:-50% 0;
  padding:.35rem 1rem; border-radius:99px; background:linear-gradient(135deg,var(--blue),var(--cyan));
  font-family:var(--font-display); font-weight:700; font-size:.62rem; letter-spacing:.16em;
  text-transform:uppercase; color:#fff; white-space:nowrap; box-shadow:0 10px 26px -12px rgba(0,174,239,.9); }
.ticket__head{ display:flex; align-items:center; gap:.7rem; }
.ticket__ico{ display:grid; place-items:center; width:38px; height:38px; border-radius:11px;
  background:rgba(28,92,221,.18); border:1px solid rgba(74,134,255,.3); flex:none; }
.ticket__ico svg{ width:19px; height:19px; fill:none; stroke:var(--blue-hi); stroke-width:1.7; stroke-linejoin:round; }
.ticket h3{ font-size:1.3rem; }
.ticket__for{ margin:0; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-dim); }
.ticket__list{ display:grid; gap:.5rem; padding:1rem 0; border-block:1px solid var(--line-soft); }
.ticket__list li{ display:flex; align-items:center; gap:.65rem; font-size:.86rem; color:var(--fg-soft); }
.ticket__list li::before{ content:""; flex:none; width:26px; height:15px; border-radius:99px;
  background:var(--blue); box-shadow:inset -11px 0 0 rgba(255,255,255,.9); }
.ticket__list li.off{ color:var(--fg-dim); opacity:.45; }
.ticket__list li.off::before{ background:rgba(255,255,255,.16); box-shadow:inset 11px 0 0 rgba(255,255,255,.5); }
.ticket__price{ display:flex; align-items:baseline; gap:.5rem; }
.ticket__price small{ font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-dim); }
.ticket__price b{ font-family:var(--font-display); font-weight:800; font-size:clamp(2rem,3.4vw,2.7rem);
  line-height:1; color:#fff;  }
.ticket__stock{ margin:0; display:flex; align-items:center; gap:.5rem;
  font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--fg-dim); }
.ticket__stock i{ width:7px; height:7px; border-radius:99px; background:var(--cyan); animation:pulse 2.4s var(--ease) infinite; }

/* ─────────────────────────────  patrocínio  ─────────────────────── */
.sponsor-band{ background:
  radial-gradient(80% 60% at 15% 20%, rgba(28,92,221,.18), transparent 65%),
  linear-gradient(180deg,var(--ink),#050c1e 50%,var(--ink)); }
.sponsor{ display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
@media (max-width:900px){ .sponsor{ grid-template-columns:1fr; } .sponsor__img{ order:-1; max-width:280px; margin-inline:auto; } }
.sponsor__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:.9rem; margin:2rem 0; }
@media (max-width:520px){ .sponsor__grid{ grid-template-columns:1fr; } }
.sponsor__grid > div{ padding:1.1rem 1.2rem; border-radius:var(--r-sm);
  border:1px solid var(--line); background:rgba(8,16,36,.7); }
.sponsor__grid b{ display:block; font-family:var(--font-display); font-size:1rem; color:#fff; }
.sponsor__grid span{ display:block; font-size:.76rem; color:var(--fg-dim); margin-bottom:.4rem; }
.sponsor__grid i{ font-style:normal; font-family:var(--font-display); font-weight:800;
  font-size:1.15rem; color:var(--blue-hi); }
.sponsor__img{ margin:0; }
.sponsor__img img{ width:100%; filter:drop-shadow(0 30px 70px rgba(28,92,221,.55)); animation:floaty 6s var(--ease) infinite; }

/* ─────────────────────────────  local  ─────────────────────────── */
.venue{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2.4rem; text-align:center; }
@media (max-width:760px){ .venue{ grid-template-columns:repeat(2,1fr); } }
.venue > div{ padding:1.5rem 1rem; border-radius:var(--r); border:1px solid var(--line); background:rgba(8,16,36,.55); }
.venue strong{ display:block; font-family:var(--font-display); font-weight:800;
  font-size:clamp(1.6rem,3vw,2.3rem); line-height:1; color:var(--blue-hi);  }
.venue span{ display:block; margin-top:.45rem; font-size:.78rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--fg-dim); }

/* ─────────────────────────────  faq  ─────────────────────────────── */
.faq{ display:grid; gap:.7rem; margin-top:2.8rem; }
.faq__item{ border:1px solid var(--line); border-radius:var(--r); background:rgba(8,16,36,.55);
  overflow:hidden; transition:border-color .35s var(--ease), background .35s var(--ease); }
.faq__item[open]{ border-color:rgba(74,134,255,.4); background:rgba(13,23,50,.75); }
.faq__item summary{ list-style:none; cursor:pointer; padding:1.15rem 3.2rem 1.15rem 1.3rem;
  position:relative; font-family:var(--font-display); font-weight:700; font-size:1rem; color:#fff; }
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__item summary::after{ content:""; position:absolute; right:1.3rem; top:50%; translate:0 -50%;
  width:13px; height:13px;
  background:conic-gradient(from 0deg, transparent 0 0) ,
    linear-gradient(currentColor 0 0) center/13px 2px no-repeat,
    linear-gradient(currentColor 0 0) center/2px 13px no-repeat;
  color:var(--blue-hi); transition:transform .4s var(--ease); }
.faq__item[open] summary::after{ transform:rotate(135deg); }
.faq__body{ padding:0 1.3rem 1.3rem; color:var(--fg-soft); font-size:.92rem; }
.faq__body p{ margin:0; }
.faq__item[open] .faq__body{ animation:faqIn .45s var(--ease-out) both; }
@keyframes faqIn{ from{ opacity:0; transform:translateY(-6px) } to{ opacity:1; transform:none } }

/* ─────────────────────────────  cta final  ───────────────────────── */
.final{ position:relative; padding:clamp(5rem,10vw,9rem) 0; overflow:hidden; isolation:isolate; text-align:center; }
.final__bg{ position:absolute; inset:-10% 0; z-index:-2; }
.final__bg img{ width:100%; height:100%; object-fit:cover; opacity:.32; }
.final::before{ content:""; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(70% 60% at 50% 50%, rgba(28,92,221,.28), transparent 68%),
             linear-gradient(180deg,var(--ink) 0%,rgba(2,4,12,.6) 40%,var(--ink) 100%); }
.final__in{ display:grid; justify-items:center; gap:1.2rem; }

/* ─────────────────────────────  rodapé  ─────────────────────────── */
.ft{ border-top:1px solid var(--line); background:var(--ink-2); padding-top:clamp(3rem,6vw,4.5rem); }
.ft__in{ display:grid; grid-template-columns:.9fr 2.1fr; gap:clamp(2rem,5vw,4rem); padding-bottom:3rem; }
@media (max-width:820px){ .ft__in{ grid-template-columns:1fr; } }
.ft__logo{ width:180px; margin-bottom:1.1rem; }
.ft__brand p{ margin:0; font-size:.85rem; color:var(--fg-dim); }
.ft__nav{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
@media (max-width:620px){ .ft__nav{ grid-template-columns:1fr 1fr; } }
.ft__nav h4{ margin:0 0 .9rem; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--fg-dim); }
.ft__nav a{ display:block; margin-bottom:.5rem; font-size:.88rem; color:var(--fg-soft);
  transition:color .3s var(--ease), transform .3s var(--ease-out); }
.ft__nav a:hover{ color:var(--blue-hi); transform:translateX(3px); }
.ft__bar{ display:flex; flex-wrap:wrap; gap:.7rem 2rem; justify-content:space-between;
  padding-block:1.4rem; border-top:1px solid var(--line-soft); }
.ft__bar p{ margin:0; font-size:.72rem; letter-spacing:.06em; color:var(--fg-dim); }
.ft__bar b{ color:var(--fg-soft); font-weight:700; }

/* ─────────────────────────────  dock mobile  ─────────────────────── */
.dock{
  position:fixed; left:0; right:0; bottom:0; z-index:880; display:none;
  align-items:center; justify-content:space-between; gap:1rem;
  padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(3,7,20,.94); backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
  transform:translateY(110%); transition:transform .5s var(--ease-out);
}
.dock.is-on{ transform:none; }
.dock__info b{ display:block; font-family:var(--font-display); font-size:.95rem; color:#fff; }
.dock__info span{ font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--fg-dim); }
@media (max-width:700px){ .dock{ display:flex; } body{ padding-bottom:0; } }

/* ─────────────────────────────  animações de entrada  ────────────── */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);
  transition-delay:var(--d,0ms); will-change:opacity,transform; }
.reveal.is-in{ opacity:1; transform:none; }

.split .word{ display:inline-block; overflow:hidden; vertical-align:top; }
.split .word > i{ display:inline-block; font-style:inherit; transform:translateY(105%) rotate(4deg);
  transition:transform .85s var(--ease-out); transition-delay:var(--d,0ms); }
.split.is-in .word > i{ transform:none; }

@media (prefers-reduced-motion: reduce){
  .reveal,.split .word > i{ opacity:1 !important; transform:none !important; transition:none !important; }
  .stat__icon,.kicker i,.sponsor__img img,.preloader__mark,.media__tags span{ animation:none !important; }
}


/* ───────────────────────  realização no rodapé  ─────────────────────── */
.ft__realiza{
  display:grid; grid-template-columns:repeat(3,auto); justify-content:space-between;
  align-items:center; gap:2rem 3rem;
  padding:2rem 0 2.4rem; border-top:1px solid var(--line-soft);
}
.ft__rz{ display:grid; gap:.85rem; justify-items:start; }
.ft__rz-label{
  font-family:var(--font-display); font-weight:700; font-size:.66rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--blue-hi);
}
.ft__rz img{ height:44px; width:auto; object-fit:contain; opacity:.95; }
.ft__rz-row{ display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap; }
.ft__rz-chip{
  padding:.5rem .9rem; border-radius:10px; border:1px solid var(--line);
  background:rgba(8,16,36,.7); font-size:.78rem; font-weight:600; color:var(--fg-soft);
}
@media (max-width:820px){
  .ft__realiza{ grid-template-columns:1fr; justify-content:start; gap:1.6rem; }
  .ft__rz img{ height:36px; }
}

/* ─────────────────────────────  gradual blur  ───────────────────────── */
.gblur{ pointer-events:none; isolation:isolate; }
.gblur--page{ position:fixed; left:0; right:0; }
.gblur--parent{ position:absolute; left:0; right:0; }
.gblur__in{ position:relative; width:100%; height:100%; }
.gblur__in > i{ position:absolute; inset:0; display:block; }
@supports not (backdrop-filter: blur(1px)){ .gblur{ display:none; } }
@media (prefers-reduced-motion: reduce){ .gblur{ display:none; } }

/* ─────────────────────────────  splash cursor  ─────────────────────── */
.splash{
  position:fixed; inset:0; z-index:60; pointer-events:none;
  mix-blend-mode:screen;
  /* só aparece depois do primeiro movimento do ponteiro: sem interação o
     canvas não pode clarear a página (em GPU por software ele renderiza
     lixo claro, e com blend screen isso lavaria o site inteiro). */
  opacity:0; transition:opacity .5s ease-out;
}
.splash.is-on{ opacity:.9; }
.splash canvas{ width:100%; height:100%; display:block; }
@media (prefers-reduced-motion: reduce){ .splash{ display:none; } }

/* ════════════════════════════  MOBILE  ══════════════════════════════
   Respiro lateral consistente e blocos centralizados no celular.       */

@media (max-width:900px){
  :root{ --pad:1.35rem; }

  /* nenhum elemento encosta na borda */
  .wrap{ padding-inline:var(--pad); }

  /* seções mais curtas para não virar rolagem infinita */
  .sec{ padding-block:clamp(3.2rem,9vw,4.5rem); }
  .sec--tight{ padding-top:2.2rem; }

  /* títulos e textos centralizados dão mais equilíbrio na coluna única */
  .h2, .lead, .prose{ max-width:none; }
}

@media (max-width:760px){
  /* hero */
  .kv__title{ font-size:clamp(1.35rem,5.6vw,1.9rem); max-width:none; }
  .kv__sub{ font-size:.95rem; }
  .kv__date{ font-size:.7rem; letter-spacing:.12em; gap:.5rem; }
  .kv__logo{ width:min(84vw,420px); }
  .hero__cta{ width:100%; flex-direction:column; align-items:stretch; }
  .hero__cta .btn{ width:100%; }

  /* blocos de texto em duas colunas viram um só, centralizado */
  .grid-2{ text-align:center; }
  .grid-2__text .kicker{ justify-content:center; }
  .grid-2__text .h2,
  .grid-2__text .h3,
  .grid-2__text .prose{ margin-inline:auto; }
  .grid-2__text .btn{ margin-inline:auto; }
  .cost li{ text-align:left; }

  /* patrocínio centralizado */
  .sponsor{ text-align:center; }
  .sponsor__text .kicker{ justify-content:center; }
  .sponsor__text .lead{ margin-inline:auto; }
  .sponsor__grid > div{ text-align:center; }
  .sponsor__text .btn{ margin-inline:auto; }
  .sponsor__img{ max-width:220px; }

  /* "por que Uberaba" */
  .why{ text-align:center; }
  .why .kicker{ justify-content:center; }
  .why__list li{ padding-left:0; border-left:0; border-top:2px solid var(--blue); padding-top:.7rem; }

  /* pilares numerados */
  .pillar{ padding-top:2.2rem; text-align:center; }
  .pillar__n{ left:50%; translate:-50% 0; }
  .pillar__body ul{ text-align:left; max-width:34ch; margin-inline:auto; }
  .pillar__body li{ padding-left:1.3rem; }

  /* palestrantes e ingressos: texto centralizado */
  .speaker__body{ text-align:center; justify-items:center; }
  .ticket{ text-align:center; }
  .ticket__head{ justify-content:center; }
  .ticket__list li{ text-align:left; }
  .ticket__price{ justify-content:center; }
  .ticket__stock{ justify-content:center; }

  /* rodapé todo centralizado */
  .ft__in{ text-align:center; justify-items:center; }
  .ft__brand{ display:grid; justify-items:center; }
  .ft__logo{ margin-inline:auto; }
  .ft__nav{ text-align:center; }
  .ft__realiza{ justify-items:center; text-align:center; }
  .ft__rz{ justify-items:center; }
  .ft__rz-row{ justify-content:center; }
  .ft__bar{ justify-content:center; text-align:center; }

  /* marcas confirmadas com respiro */
  .brands{ padding-inline:1.2rem; gap:1.4rem 1.1rem; }
  .brands img{ max-height:34px; }

  /* faixas do marquee menos altas */
  .marquee-stack{ margin-top:-2rem; padding-block:2rem; }

  /* cabeçalho */
  .hdr__in{ gap:.7rem; }
  .hdr__logo-mark{ width:clamp(96px,26vw,130px); }

  /* dock não cobre o rodapé */
  .ft{ padding-bottom:5.5rem; }
}

@media (max-width:520px){
  :root{ --pad:1.15rem; }
  .kv{ padding-bottom:3.5rem; }
  .kv__date{ flex-direction:column; gap:.35rem; }
  .kv__date i{ display:none; }
  .stat{ padding:2rem 1.2rem 1.4rem; }
  .datacard{ padding:1.6rem 1.3rem; text-align:center; }
  .showcase img{ aspect-ratio:4/3; }
  .showcase figcaption{ font-size:.66rem; padding:1.8rem 1rem .9rem; }
  .media--frame img{ aspect-ratio:1/1; }
  .media__tags span{ font-size:.55rem; padding:.32rem .65rem; }
  .brands{ grid-template-columns:repeat(2,1fr); }
  .venue > div{ padding:1.2rem .7rem; }
  .faq__item summary{ font-size:.92rem; padding:1rem 2.6rem 1rem 1.05rem; }
  .ticket{ padding:1.5rem 1.2rem 1.4rem; }
  .pillar{ padding-inline:1rem; }
  .why{ padding:1.5rem 1.2rem; }
  .exc-credito{ font-size:.7rem; }
}

/* toque: sem efeitos de ponteiro que não fazem sentido */
@media (hover:none){
  .splash.is-on{ opacity:.75; }
  .card-glow::before{ display:none; }
}


/* O gradual blur da borda da mídia não pode comer o texto que fica em cima
   dela: as etiquetas e as legendas sobem acima da camada de blur. */
.media__tags, .media__tags span,
.media__cap,
.showcase figcaption{ z-index:6; }
.media__tags{ position:absolute; inset:0; }

/* logos de realizacao e apoio: todos em branco, mesma altura optica */
.ft__rz img{ height:58px; }
.ft__rz-row img{ height:46px; }
.ft__rz-row img[alt="Prefeitura de Uberaba"]{ height:56px; }
@media (max-width:820px){
  .ft__rz img{ height:38px; }
  .ft__rz-row img{ height:34px; }
  .ft__rz-row img[alt="Prefeitura de Uberaba"]{ height:42px; }
}

/* ───────────────────────  suporte no WhatsApp  ───────────────────────
   Botão flutuante fixo no canto inferior direito. Fica acima do blur da
   base da página e, no celular, sobe para não cobrir a barra de ingressos. */
.zap{
  position:fixed; right:1.4rem; bottom:1.4rem; z-index:890;
  display:flex; align-items:center; gap:.7rem;
  text-decoration:none;
  opacity:0; transform:translateY(14px) scale(.9);
  transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);
}
.zap.is-in{ opacity:1; transform:none; }

.zap__circulo{
  position:relative; flex:none;
  display:grid; place-items:center;
  width:60px; height:60px; border-radius:50%;
  background:#25d366;
  box-shadow:0 10px 30px -8px rgba(37,211,102,.55),
             0 0 0 1px rgba(255,255,255,.16) inset,
             0 0 0 6px rgba(37,211,102,.12);
  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);
}
.zap__circulo svg{ width:32px; height:32px; fill:#fff; }
.zap:hover .zap__circulo{
  transform:scale(1.07);
  box-shadow:0 14px 38px -8px rgba(37,211,102,.75),
             0 0 0 1px rgba(255,255,255,.24) inset,
             0 0 0 10px rgba(37,211,102,.16);
}

/* anel que pulsa, chamando atenção sem piscar */
.zap__circulo::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  border:2px solid #25d366; opacity:0;
  animation:zapPulso 2.8s var(--ease) infinite;
}
@keyframes zapPulso{
  0%   { transform:scale(1);    opacity:.7; }
  70%  { transform:scale(1.55); opacity:0;  }
  100% { transform:scale(1.55); opacity:0;  }
}

.zap__texto{
  order:-1;
  background:rgba(3,7,20,.92); backdrop-filter:blur(10px);
  border:1px solid var(--line); border-radius:99px;
  padding:.6rem 1rem;
  font-family:var(--font-display); font-weight:700; font-size:.72rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--fg);
  white-space:nowrap;
  opacity:0; transform:translateX(10px);
  transition:opacity .3s var(--ease), transform .3s var(--ease-out);
  pointer-events:none;
}
.zap:hover .zap__texto, .zap:focus-visible .zap__texto{ opacity:1; transform:none; }

@media (max-width:700px){
  .zap{ right:1rem; bottom:calc(5.4rem + env(safe-area-inset-bottom)); }
  .zap__circulo{ width:54px; height:54px; }
  .zap__circulo svg{ width:28px; height:28px; }
  .zap__texto{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .zap{ opacity:1; transform:none; transition:none; }
  .zap__circulo::after{ animation:none; }
}

/* ───────────────────  chamada de contato ao fim do FAQ  ────────────── */
.faq-ajuda{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:1rem 1.4rem; margin-top:2.4rem; padding-top:2rem;
  border-top:1px solid var(--line-soft); text-align:center;
}
.faq-ajuda p{ margin:0; color:var(--fg-soft); font-size:1rem; }

/* card do estacionamento: sem número, só o texto, centralizado para
   acompanhar a altura dos cards vizinhos */
.venue--texto{ display:grid; place-content:center; }
.venue--texto span{
  margin-top:0; max-width:14ch; margin-inline:auto;
  font-size:.95rem; letter-spacing:.05em; color:var(--fg-soft);
}