:root{
  --bg:#020814;
  --bg2:#04101d;
  --panel:#061525;
  --panel2:#071a2d;
  --blue:#15a8ff;
  --blue2:#0378ff;
  --line:#12385c;
  --line2:rgba(28,152,255,.42);
  --text:#f3f7fb;
  --muted:#8fa3b8;
  --frame:1220px;
}
*{box-sizing:border-box}
html{}
body{
  margin:0;
  background:#010711;
  color:var(--text);
  font-family:Inter,sans-serif;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% 15%,rgba(0,112,255,.08),transparent 28%),
    linear-gradient(rgba(255,255,255,.012),rgba(255,255,255,0));
  z-index:-2;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.frame{width:min(var(--frame),calc(100% - 72px));margin:auto}
.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.ambient-a{width:520px;height:520px;background:rgba(0,98,255,.08);top:-120px;right:-120px}
.ambient-b{width:360px;height:360px;background:rgba(0,140,255,.04);bottom:0;left:-120px}

/* HEADER */
.site-header{
  height:66px;
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(2,8,20,.92);
  border-bottom:1px solid rgba(29,145,255,.34);
  backdrop-filter:blur(18px);
}
.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;font-family:Rajdhani,sans-serif;font-size:22px;letter-spacing:1px;font-weight:700}
.logo-triangle{
  width:34px;height:34px;
  display:grid;place-items:center;
  color:#19adff;font-size:34px;
  line-height:1;
  filter:drop-shadow(0 0 9px rgba(0,163,255,.65))
}
.main-nav{margin-left:auto;display:flex;gap:25px;align-items:center}
.main-nav a{font-size:11px;color:#bdc9d7}
.main-nav a.active,.main-nav a:hover{color:#1eb1ff}
.nav-right{display:flex;align-items:center;gap:15px}
.social-mini{display:flex;gap:11px}
.social-mini a{font-size:12px;color:#d8e2ec}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:39px;padding:0 18px;border-radius:9px;
  font-size:11px;font-weight:800;
  transition:.22s;
}
.btn-primary{
  color:#fff;
  background:linear-gradient(180deg,#1ab6ff,#0878ff);
  border:1px solid #43c4ff;
  box-shadow:0 0 20px rgba(4,133,255,.25),inset 0 1px 0 rgba(255,255,255,.25)
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(4,133,255,.4)}
.btn-outline{
  color:#fff;
  background:rgba(4,13,27,.55);
  border:1px solid #7cbef8;
  box-shadow:0 0 15px rgba(8,131,255,.14)
}
.btn-outline:hover{background:rgba(17,62,105,.34)}
.btn-top{min-height:38px;padding:0 18px;border-radius:9px}
.menu-btn,.mobile-nav{display:none}

/* HERO */
.hero{
  position:relative;
  min-height:470px;
  overflow:hidden;
  border-bottom:1px solid #1587e6;
  background:
    linear-gradient(90deg,#020813 0%,#020813 17%,rgba(2,8,19,.68) 52%,rgba(1,10,23,.92) 100%),
    radial-gradient(circle at 62% 45%,rgba(0,111,255,.14),transparent 30%);
}
.hero-bg-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(16,110,195,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,110,195,.06) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 80%);
}
.hero-frame{
  position:relative;z-index:2;
  min-height:470px;
  display:grid;
  grid-template-columns:39% 40% 21%;
  align-items:stretch;
}
.hero-left{
  display:flex;flex-direction:column;justify-content:center;
  padding:52px 0 44px 8px;
}
.hero-kicker{
  color:#25b5ff;
  font-family:Rajdhani,sans-serif;
  font-weight:700;
  font-size:12px;
  letter-spacing:3.2px;
  margin-bottom:15px
}
.hero h1{margin:0 0 15px;font-family:Rajdhani,sans-serif;text-transform:uppercase}
.hero-line-small{
  display:block;
  font-size:54px;
  letter-spacing:-1.5px;
  font-weight:700;
  line-height:.9;
}
.hero-line-big{
  display:block;
  font-size:84px;
  letter-spacing:1px;
  font-weight:700;
  line-height:.9;
  margin-top:3px;
  color:#118dff;
  text-shadow:0 4px 0 #004caf,0 0 30px rgba(0,139,255,.18)
}
.hero-left p{
  width:94%;
  max-width:430px;
  margin:0;
  color:#d3dae2;
  line-height:1.55;
  font-size:12px
}
.hero-actions{display:flex;gap:15px;margin-top:21px}
.hero-socials{display:flex;gap:13px;margin-top:17px}
.hero-socials a{
  width:25px;height:25px;border-radius:6px;
  display:grid;place-items:center;
  color:#fff;font-size:12px
}
.hero-socials a:first-child{background:#ef1e2d}
.hero-socials a:not(:first-child){border:1px solid rgba(255,255,255,.16)}
.hero-center{position:relative;display:flex;align-items:flex-end;justify-content:center}
.hero-blue-glow{
  position:absolute;width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,140,255,.27),rgba(0,92,220,.07) 45%,transparent 70%);
  top:26px;left:50%;transform:translateX(-50%);
}
.hero-image{
  position:relative;z-index:2;
  height:100%;
  width:100%;
  object-fit:cover;
  object-position:center 20%;
  filter:saturate(.8) contrast(1.08) brightness(.82);
  mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%);
}
.hero-right{display:flex;flex-direction:column;justify-content:center;gap:17px;padding-left:7px}
.hero-stat{
  position:relative;
  width:150px;min-height:112px;
  background:linear-gradient(145deg,rgba(4,20,43,.96),rgba(3,12,27,.9));
  border:1px solid rgba(32,142,244,.43);
  border-radius:11px;
  padding:17px;
}
.hero-stat strong{display:block;color:#15a8ff;font-size:33px;line-height:1;font-weight:900}
.hero-stat span{display:block;margin-top:8px;font-size:9px;line-height:1.45;color:#dce7f2}
.hero-stat i{position:absolute;right:13px;top:22px;color:#21b4ff;font-size:25px;font-style:normal}
.topic-list{
  width:150px;
  background:rgba(3,14,29,.82);
  border:1px solid rgba(31,143,245,.31);
  border-radius:9px;
  padding:12px 13px;
}
.quick-topic{
  padding:8px 0;
  font-size:10px;
  color:#d1dce8;
  border-bottom:1px solid rgba(255,255,255,.04)
}
.quick-topic:last-child{border:0}

/* PARTNERS */
.partners{
  background:linear-gradient(180deg,#06111f,#03101d);
  padding:17px 0 14px;
  border-bottom:1px solid #117ac6;
}
.partners-heading{text-align:center}
.partners-heading h2{
  margin:0;
  font-family:Rajdhani,sans-serif;
  font-size:19px;
  font-weight:700;
  letter-spacing:.7px
}
.partners-heading p{margin:5px 0 0;color:#9eb0c0;font-size:10px}
.logo-runner{position:relative;overflow:hidden;margin-top:17px}
.partner-track{
  display:flex;
  width:max-content;
  animation:partnerMove 28s linear infinite;
}
@keyframes partnerMove{to{transform:translateX(-50%)}}
.partner-track:hover{animation-play-state:paused}
.partner-item{
  min-width:145px;height:48px;
  display:flex;align-items:center;justify-content:center;
  padding:0 18px;
  color:#fff;
  font-size:14px;font-weight:800;
  opacity:.86;
  filter:grayscale(1);
}
.partner-item img{max-width:108px;max-height:28px;object-fit:contain}
.partner-item:hover{filter:none;opacity:1}
.logo-fade{position:absolute;z-index:3;top:0;bottom:0;width:75px;pointer-events:none}
.logo-fade-left{left:0;background:linear-gradient(90deg,#03101d,transparent)}
.logo-fade-right{right:0;background:linear-gradient(-90deg,#03101d,transparent)}

/* STATS */
.stats-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  padding:18px 0 17px;
}
.stat-card{
  min-height:77px;
  display:flex;align-items:center;justify-content:center;gap:15px;
  background:linear-gradient(145deg,#06172b,#03101f);
  border:1px solid rgba(31,144,246,.44);
  border-radius:10px;
}
.stat-icon{color:#18acff;font-size:25px}
.stat-card strong{display:block;font-size:24px;line-height:1;font-weight:900}
.stat-card span:last-child{display:block;margin-top:6px;font-size:8px;color:#d4dfeb}

/* ABOUT */
.about-row{
  display:grid;
  grid-template-columns:265px 1fr 285px;
  gap:24px;
  align-items:center;
  padding:0 0 22px;
}
.about-photo{
  height:212px;
  overflow:hidden;
  border-radius:9px;
  border:1px solid rgba(23,142,240,.57);
  background:#061326
}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-copy h2{
  margin:0 0 10px;
  font-family:Rajdhani,sans-serif;
  font-size:21px;
  letter-spacing:.4px
}
.about-copy h2::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#13a8ff;margin-left:4px;vertical-align:middle}
.about-copy p{
  margin:0 0 14px;
  color:#b9c6d2;
  font-size:10.5px;
  line-height:1.62
}
.about-btn{min-height:32px;padding:0 14px;font-size:9px}
.about-topics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.topic-card{
  min-height:62px;
  padding:10px 12px;
  border-radius:8px;
  background:linear-gradient(145deg,#06192e,#04111f);
  border:1px solid rgba(32,146,244,.43);
  display:flex;align-items:center;gap:8px;
  color:#5cc4ff;
  font-size:9px
}
.topic-card b{font-size:18px;color:#1eaaff}

/* FEATURED */
.featured{
  border-top:1px solid rgba(25,132,211,.34);
  padding:18px 0 22px;
  background:#020814
}
.featured-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.featured-head h2{
  margin:0 0 4px;
  font-family:Rajdhani,sans-serif;
  font-size:21px;
  letter-spacing:.4px
}
.featured-head p{margin:0;color:#99aabd;font-size:10px}
.btn-view{min-height:30px;padding:0 13px;font-size:9px}
.content-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.video-card{display:block;transition:transform .22s ease}
.video-card:hover{transform:translateY(-4px)}
.video-thumb{
  position:relative;
  height:auto;
  aspect-ratio:1 / .72;
  overflow:hidden;border-radius:7px;
  background:#061426;
  border:1px solid rgba(31,137,223,.25)
}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.video-card:hover .video-thumb img{transform:scale(1.05)!important}
.duration{
  position:absolute;right:6px;bottom:6px;
  padding:3px 5px;border-radius:4px;
  background:rgba(0,0,0,.78);font-size:8px
}
.video-info{padding-top:7px}
.video-info h3{margin:0 0 4px;font-size:10.5px}
.video-info p{margin:0;color:#7f91a4;font-size:8px}

/* COMMERCIAL */
.commercial{
  position:relative;
  min-height:132px;
  border-top:1px solid #0c8bf1;
  border-bottom:1px solid rgba(22,121,197,.5);
  overflow:hidden;
}
.commercial-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(2,8,19,.98) 0%,rgba(2,8,19,.9) 45%,rgba(2,8,19,.48) 100%),
    url("https://images.unsplash.com/photo-1603481546238-487240415921?auto=format&fit=crop&w=1800&q=84") center 60%/cover;
}
.commercial-inner{
  position:relative;z-index:2;
  min-height:132px;
  display:flex;align-items:center;justify-content:space-between;
  gap:30px;
}
.commercial-kicker{
  display:block;margin-bottom:8px;
  color:#d8e4ee;
  font-size:8px;font-weight:700;letter-spacing:2px
}
.commercial h2{
  margin:0 0 5px;
  font-family:Rajdhani,sans-serif;
  font-size:25px;letter-spacing:.3px
}
.commercial p{margin:0;color:#aab9c8;font-size:9.5px}
.commercial-actions{display:flex;gap:12px}

/* FOOTER */
footer{background:#020711;padding:22px 0 24px}
.footer-row{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:25px
}
.footer-logo{font-size:16px}.footer-logo .logo-triangle{font-size:26px;width:27px;height:27px}
.tagline{margin:3px 0 0;color:#6e8194;font-size:8px;font-style:italic}
.footer-nav{display:flex;gap:17px}
.footer-nav a{font-size:8px;color:#aab6c2}
.footer-right{text-align:right}
.footer-socials{display:flex;justify-content:flex-end;gap:10px;margin-bottom:7px}
.footer-socials a{font-size:9px}
footer small{font-size:7.5px;color:#65788d}

/* RESPONSIVE */
@media(max-width:980px){
  .main-nav,.nav-right{display:none}.menu-btn{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}
  .mobile-nav.open{display:flex;position:absolute;top:66px;left:0;right:0;padding:18px 36px;background:#03101f;border-bottom:1px solid var(--line);flex-direction:column;gap:13px}
  .hero-frame{grid-template-columns:1fr 1fr}.hero-left{padding-left:0}.hero-right{display:none}
  .stats-row{grid-template-columns:1fr 1fr}
  .about-row{grid-template-columns:240px 1fr}.about-topics{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
  .content-grid{grid-template-columns:1fr 1fr}
  .footer-row{grid-template-columns:1fr}.footer-right{text-align:left}.footer-socials{justify-content:flex-start}
}
@media(max-width:620px){
  .frame{width:min(var(--frame),calc(100% - 30px))}
  .hero-frame{grid-template-columns:1fr}.hero-left{padding:38px 0 8px}.hero-center{height:360px}
  .hero-line-small{font-size:40px}.hero-line-big{font-size:68px}
  .hero-actions{flex-wrap:wrap}
  .stats-row{grid-template-columns:1fr 1fr;gap:9px}
  .stat-card{min-height:70px}.stat-card strong{font-size:20px}
  .about-row{grid-template-columns:1fr}.about-photo{height:300px}.about-topics{grid-template-columns:1fr 1fr}
  .content-grid{grid-template-columns:1fr}
  .commercial-inner{padding:24px 0;display:block}.commercial-actions{margin-top:18px;flex-wrap:wrap}
}


/* DELTA LOGO */
.site-logo-img{
  width:42px;height:42px;object-fit:cover;object-position:center;border-radius:50%;
  box-shadow:0 0 18px rgba(17,168,255,.22);
}
.footer-logo-img{width:38px;height:38px}

/* EVENT GALLERY */
.gallery-section{
  position:relative;padding:30px 0 34px;border-top:1px solid rgba(25,132,211,.34);
  background:radial-gradient(circle at 15% 30%,rgba(0,117,255,.08),transparent 28%),linear-gradient(180deg,#020814,#03101b);
  overflow:hidden;
}
.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:17px}
.gallery-kicker{display:block;margin-bottom:7px;color:#1eb1ff;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;letter-spacing:2.4px}
.gallery-head h2{margin:0 0 4px;font-family:Rajdhani,sans-serif;font-size:24px;letter-spacing:.4px}
.gallery-head p{margin:0;color:#95a8ba;font-size:10px}
.gallery-controls{display:flex;gap:8px}
.gallery-controls button{
  width:36px;height:36px;border-radius:50%;border:1px solid rgba(44,159,255,.58);
  background:#061426;color:#fff;cursor:pointer;font-size:16px;box-shadow:0 0 15px rgba(0,128,255,.08)
}
.gallery-controls button:hover{background:#0b2a4b}
.gallery-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.gallery-track{display:flex;gap:14px;width:max-content;will-change:transform;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.gallery-card{
  position:relative;width:270px;height:330px;flex:0 0 270px;overflow:hidden;border-radius:12px;
  border:1px solid rgba(35,151,255,.36);background:#061427;box-shadow:0 15px 40px rgba(0,0,0,.25)
}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.gallery-card:hover img{transform:scale(1.04)}
.gallery-overlay{
  position:absolute;left:0;right:0;bottom:0;padding:56px 16px 15px;
  background:linear-gradient(transparent,rgba(1,6,15,.93))
}
.gallery-overlay h3{margin:0 0 4px;font-size:12px}
.gallery-overlay p{margin:0;color:#9db1c4;font-size:9px;line-height:1.45}
@media(max-width:620px){
  .gallery-card{width:230px;flex-basis:230px;height:290px}
  .gallery-head{align-items:flex-start}.gallery-controls{margin-top:8px}
}


/* ======================================================
   V4 REFINEMENTS — HERO + TYPOGRAPHY + INFINITE GALLERY
   ====================================================== */

/* Tipografia mais próxima do visual premium anterior */
.hero h1{
  font-family:"Inter",sans-serif;
  text-transform:none;
  margin:0 0 18px;
}

.hero-line-small{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(34px,3.3vw,52px);
  line-height:.96;
  font-weight:900;
  letter-spacing:-2px;
  color:#f7fbff;
  text-shadow:0 2px 18px rgba(255,255,255,.05);
}

.hero-line-big{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(72px,7.5vw,112px);
  line-height:.88;
  font-weight:900;
  letter-spacing:-5px;
  margin-top:7px;
  background:linear-gradient(180deg,#26baff 0%,#0a8cff 48%,#0068ef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 36px rgba(0,139,255,.16);
}

/* Foto volta a ficar mais integrada e elegante, sem aparência de quadrado */
.hero-center{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px 0 18px;
}

.hero-center::before{
  content:"";
  position:absolute;
  width:92%;
  height:88%;
  border-radius:90px 90px 26px 26px;
  background:
    radial-gradient(circle at 50% 35%,rgba(0,135,255,.16),transparent 52%),
    linear-gradient(180deg,rgba(8,28,56,.45),rgba(2,8,18,.25));
  border:1px solid rgba(34,147,255,.12);
  box-shadow:
    inset 0 0 55px rgba(0,91,188,.08),
    0 24px 55px rgba(0,0,0,.28);
}

.hero-image{
  position:relative;
  z-index:2;
  width:92%;
  height:88%;
  object-fit:cover;
  object-position:center 20%;
  border-radius:88px 88px 24px 24px;
  border:1px solid rgba(54,158,255,.18);
  filter:saturate(.88) contrast(1.04) brightness(.9);
  box-shadow:
    0 26px 60px rgba(0,0,0,.35),
    0 0 40px rgba(0,111,255,.08);
  mask-image:none;
  -webkit-mask-image:none;
}

.hero-blue-glow{
  position:absolute;
  z-index:1;
  width:460px;
  height:460px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,139,255,.24),rgba(0,92,220,.05) 48%,transparent 70%);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  filter:blur(2px);
}

/* Mantém os cards à direita harmonizados com a foto */
.hero-right{
  position:relative;
  z-index:5;
}

/* Galeria realmente infinita */
.gallery-viewport{
  overflow:hidden;
  position:relative;
}

.gallery-track{
  display:flex;
  gap:14px;
  width:max-content;
  will-change:transform;
}

@media(max-width:620px){
  .hero-line-small{
    font-size:34px;
    letter-spacing:-1.5px;
  }
  .hero-line-big{
    font-size:68px;
    letter-spacing:-3px;
  }
  .hero-center{
    height:380px;
    padding:8px 0 18px;
  }
  .hero-center::before,
  .hero-image{
    width:100%;
    height:100%;
    border-radius:48px 48px 18px 18px;
  }
}


/* V4.1 — correção da foto "Quem é o DELTA?"
   Mostra a foto inteira, sem cortar cabeça ou corpo. */
.about-photo{
  height:250px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(0,128,255,.10),transparent 65%),
    #061326;
}

.about-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background:#061326;
}

@media(max-width:620px){
  .about-photo{
    height:390px;
  }
  .about-photo img{
    object-fit:contain;
    object-position:center center;
  }
}


/* V4.2 — WESLEY MACHADO e DELTA com a mesma presença visual */
.hero-line-small{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(58px,6.2vw,92px);
  line-height:.90;
  font-weight:900;
  letter-spacing:-4px;
  color:#f7fbff;
  white-space:nowrap;
  text-shadow:0 0 24px rgba(255,255,255,.06);
}

.hero-line-big{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(58px,6.2vw,92px);
  line-height:.90;
  font-weight:900;
  letter-spacing:-4px;
  margin-top:10px;
  background:linear-gradient(180deg,#29bdff 0%,#0a8cff 48%,#0068ef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 36px rgba(0,139,255,.15);
}

@media(max-width:980px){
  .hero-line-small,.hero-line-big{
    font-size:clamp(44px,7vw,72px);
    letter-spacing:-3px;
  }
}

@media(max-width:620px){
  .hero-line-small,.hero-line-big{
    font-size:clamp(35px,11vw,54px);
    letter-spacing:-2px;
  }
  .hero-line-small{white-space:normal}
}


/* ======================================================
   V4.3 — logos reais + cursor glow + responsividade final
   ====================================================== */

.cursor-glow{
  position:fixed;
  left:50%;
  top:50%;
  width:460px;
  height:460px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:0;
  opacity:0;
  background:radial-gradient(circle,rgba(13,143,255,.12) 0%,rgba(0,102,255,.055) 35%,transparent 70%);
  filter:blur(6px);
  transition:opacity .25s ease;
}
.cursor-glow.visible{opacity:1}
.site-header,main,footer{position:relative;z-index:1}

/* Logos das marcas */
.partners{
  padding-top:22px;
  padding-bottom:18px;
}
.logo-runner{
  margin-top:20px;
  min-height:66px;
  display:flex;
  align-items:center;
}
.partner-track{
  animation-duration:34s;
}
.partner-item{
  min-width:175px;
  height:64px;
  padding:0 28px;
  opacity:.78;
  filter:grayscale(1) brightness(1.7);
  transition:filter .28s ease,opacity .28s ease,transform .28s ease;
}
.partner-item img{
  width:auto;
  max-width:132px;
  max-height:38px;
  object-fit:contain;
  display:block;
}
.partner-item:hover{
  opacity:1;
  filter:grayscale(0) brightness(1);
  transform:scale(1.06);
}
.partner-fallback{
  color:#eaf4ff;
  font-weight:800;
  font-size:14px;
}

/* Desktop: ocupa bem a tela sem estourar */
@media(min-width:1200px){
  :root{--frame:1280px}
  .hero-frame{min-height:500px}
  .hero{min-height:500px}
}

/* Notebook / tablet */
@media(max-width:1100px){
  .frame{width:min(var(--frame),calc(100% - 42px))}
  .hero-frame{grid-template-columns:42% 40% 18%}
  .hero-line-small,.hero-line-big{
    font-size:clamp(46px,6.3vw,76px);
  }
  .hero-left p{font-size:11px}
  .partner-item{min-width:155px}
}

/* Tablet */
@media(max-width:900px){
  .hero-frame{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .hero-right{display:none}
  .hero-center{min-height:430px}
  .hero-image,.hero-center::before{width:100%}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .about-row{grid-template-columns:260px 1fr}
  .about-topics{
    grid-column:1/-1;
    grid-template-columns:repeat(3,1fr);
  }
  .content-grid{grid-template-columns:repeat(2,1fr)}
}

/* Celular */
@media(max-width:620px){
  body{min-width:0}
  .frame{width:calc(100% - 28px)}
  .site-header{height:60px}
  .nav-wrap{height:60px}
  .mobile-nav.open{top:60px}
  .site-logo-img{width:34px;height:34px}
  .logo b{font-size:17px}

  .hero{
    min-height:auto;
  }
  .hero-frame{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-left{
    padding:38px 0 25px;
  }
  .hero-kicker{
    font-size:9px;
    letter-spacing:2.1px;
  }
  .hero-line-small,.hero-line-big{
    font-size:clamp(39px,13vw,58px);
    line-height:.92;
    letter-spacing:-2.5px;
  }
  .hero-line-small{
    white-space:normal;
  }
  .hero-left p{
    width:100%;
    font-size:12px;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .hero-actions .btn{
    width:100%;
    padding-left:10px;
    padding-right:10px;
  }
  .hero-center{
    min-height:360px;
    height:360px;
    padding:0 0 18px;
  }
  .hero-center::before,
  .hero-image{
    width:100%;
    height:100%;
    border-radius:42px 42px 18px 18px;
  }

  .partners-heading h2{
    font-size:17px;
    padding:0 10px;
  }
  .partners-heading p{
    padding:0 16px;
    line-height:1.5;
  }
  .partner-item{
    min-width:135px;
    height:56px;
    padding:0 18px;
  }
  .partner-item img{
    max-width:105px;
    max-height:31px;
  }

  .stats-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .stat-card{
    padding:11px 8px;
  }

  .about-row{
    grid-template-columns:1fr;
  }
  .about-photo{height:390px}
  .about-topics{
    grid-template-columns:1fr 1fr;
  }

  .gallery-card{
    width:225px;
    flex-basis:225px;
    height:285px;
  }

  .content-grid{
    grid-template-columns:1fr;
  }

  .commercial-inner{
    display:block;
    padding:28px 0;
  }
  .commercial-actions{
    margin-top:18px;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .footer-row{
    grid-template-columns:1fr;
  }

  /* Glow desativado no touch para não pesar */
  .cursor-glow{display:none}
}


/* V4.4 — correções solicitadas: nome sem corte + nova foto Quem é o DELTA */
.hero-left{min-width:0;position:relative;z-index:6}
.hero h1{max-width:100%;overflow:visible}
.hero-line-small{
  font-size:clamp(38px,3.55vw,58px) !important;
  line-height:.96 !important;
  letter-spacing:-2.6px !important;
  white-space:nowrap !important;
  max-width:100%;
}
.hero-line-big{
  font-size:clamp(58px,5.2vw,82px) !important;
  line-height:.92 !important;
  letter-spacing:-3px !important;
}

/* Foto da boia: vertical, inteira e bem enquadrada */
.about-photo{
  height:286px !important;
  background:#061326 !important;
  overflow:hidden !important;
}
.about-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 46% !important;
}

@media(max-width:1100px){
  .hero-line-small{font-size:clamp(34px,4vw,48px) !important;letter-spacing:-2px !important}
  .hero-line-big{font-size:clamp(52px,6vw,72px) !important}
}
@media(max-width:900px){
  .hero-line-small{font-size:clamp(34px,5.2vw,48px) !important;white-space:normal !important}
}
@media(max-width:620px){
  .hero-line-small{font-size:clamp(34px,10.5vw,46px) !important;white-space:normal !important;letter-spacing:-1.7px !important}
  .hero-line-big{font-size:clamp(52px,16vw,68px) !important;letter-spacing:-2.4px !important}
  .about-photo{height:390px !important}
  .about-photo img{object-position:center 45% !important}
}

/* V4.6 — Hierarquia do nome no hero: Wesley menor, DELTA em destaque */
.hero-line-small{
  font-size:clamp(28px,2.6vw,42px);
  line-height:1;
  letter-spacing:-1.5px;
  margin-bottom:8px;
}
.hero-line-big{
  font-size:clamp(64px,6.4vw,96px);
  line-height:.88;
  letter-spacing:-4px;
  margin-top:0;
}
@media(max-width:980px){
  .hero-line-small{
    font-size:clamp(26px,4vw,36px);
    letter-spacing:-1px;
  }
  .hero-line-big{
    font-size:clamp(54px,8vw,78px);
    letter-spacing:-3px;
  }
}
@media(max-width:620px){
  .hero-line-small{
    font-size:clamp(22px,7vw,30px);
    letter-spacing:-.7px;
    white-space:nowrap;
  }
  .hero-line-big{
    font-size:clamp(48px,15vw,68px);
    letter-spacing:-2px;
  }
}


/* V4.7 — ajuste final da hierarquia do nome no Hero */
.hero-line-small{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(26px,2.1vw,36px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-1.2px !important;
  color:#f7fbff !important;
  margin-bottom:12px !important;
  white-space:nowrap;
}

.hero-line-big{
  display:block;
  font-family:"Inter",sans-serif;
  font-size:clamp(72px,6.8vw,108px) !important;
  line-height:.86 !important;
  font-weight:900 !important;
  letter-spacing:-4px !important;
  margin-top:0 !important;
  background:linear-gradient(180deg,#2bc0ff 0%,#0a8cff 50%,#0068ef 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

@media(max-width:980px){
  .hero-line-small{font-size:clamp(24px,3.4vw,32px) !important}
  .hero-line-big{font-size:clamp(62px,9vw,90px) !important}
}

@media(max-width:620px){
  .hero-line-small{
    font-size:clamp(21px,6.6vw,28px) !important;
    white-space:normal;
  }
  .hero-line-big{
    font-size:clamp(56px,18vw,78px) !important;
    letter-spacing:-3px !important;
  }
}

/* Galeria: contraste um pouco mais forte */
.gallery-card{
  border-color:rgba(43,163,255,.46) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 26px rgba(0,119,255,.07) !important;
}


/* V4.8 — nova foto "Quem é o DELTA?" com enquadramento suave */
.about-photo{
  background:#061326;
}
.about-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  border-radius:inherit;
}

@media(max-width:620px){
  .about-photo img{
    object-position:center 45%;
  }
}


/* V5.1 — faixa de marcas sempre legível, sem logos externas quebradas */
.partner-item{
  min-width:160px !important;
  height:68px !important;
  padding:0 22px !important;
  opacity:1 !important;
  filter:none !important;
  transform:none;
}
.brand-wordmark{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:"Inter",sans-serif;
  font-weight:800;
  font-size:14px;
  white-space:nowrap;
  color:#f7fbff;
  text-shadow:0 0 14px rgba(255,255,255,.08);
  transition:transform .25s ease,filter .25s ease,opacity .25s ease;
}
.brand-wordmark:hover{
  transform:scale(1.06);
  filter:brightness(1.12);
}
.brand-symbol{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  font-size:12px;
  font-weight:900;
  font-style:normal;
}
.brand-tencent{color:#fff}
.brand-gamescom{color:#fff}
.brand-gamescom .brand-symbol{color:#cdd5df;font-size:20px}
.brand-mercadolivre{color:#fff}
.brand-mercadolivre .brand-symbol{color:#ffd928;font-size:22px}
.brand-bgs{color:#fff}
.brand-bgs .brand-symbol{color:#ff3344}
.brand-temu{color:#ff6a21}
.brand-temu .brand-symbol{background:#ff6a21;color:#fff;border-radius:5px}
.brand-lexar{color:#fff}
.brand-lexar .brand-symbol{color:#ff3344}
.brand-bitdo{color:#fff}
.brand-bitdo .brand-symbol{border:1px solid #fff;border-radius:4px}
.brand-bigo{color:#fff}
.brand-bigo .brand-symbol{color:#55d4ff}
.brand-tiktok{color:#fff}
.brand-tiktok .brand-symbol{color:#ff2d55;text-shadow:2px 0 #20e7e1}
.brand-lilith{color:#ff4059}
.brand-garena{color:#ff2439}
.brand-name{line-height:1}

@media(max-width:620px){
  .partner-item{min-width:135px !important;padding:0 16px !important}
  .brand-wordmark{font-size:12px;gap:6px}
  .brand-symbol{min-width:18px;height:18px;font-size:10px}
}


/* V5.2 Admin image controls */
.hero-center,.about-photo,.gallery-card,.video-thumb{overflow:hidden}
.hero-image,.about-photo img,.gallery-card img,.video-thumb img{transition:transform .25s ease,object-position .25s ease}
.partner-logo-img{max-width:132px;max-height:38px;object-fit:contain;display:block}


/* =========================================================
   V5.3 — PARCEIROS / LOGOS MAIORES, COLORIDAS E MAIS PREMIUM
   ========================================================= */

.partners{
  padding:24px 0 20px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,116,255,.10),transparent 44%),
    linear-gradient(180deg,#061426 0%,#03101d 100%) !important;
  border-top:1px solid rgba(35,153,255,.30);
  border-bottom:1px solid rgba(35,153,255,.55);
}

.partners-heading h2{
  font-size:22px !important;
  line-height:1.15;
  letter-spacing:.6px;
  color:#f7fbff;
  text-shadow:0 0 20px rgba(255,255,255,.04);
}

.partners-heading p{
  margin-top:7px !important;
  font-size:11px !important;
  color:#9fb4c8 !important;
}

.logo-runner{
  min-height:92px !important;
  margin-top:21px !important;
  display:flex;
  align-items:center;
}

.partner-track{
  gap:0;
}

.partner-item{
  min-width:190px !important;
  height:84px !important;
  padding:0 30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  filter:none !important;
}

.brand-wordmark{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:8px 12px;
  font-family:"Inter",sans-serif;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:-.25px;
  line-height:1;
  white-space:nowrap;
  color:#fff;
  text-shadow:0 0 16px rgba(255,255,255,.08);
  transition:transform .25s ease,filter .25s ease,opacity .25s ease;
}

.brand-wordmark:hover{
  transform:translateY(-2px) scale(1.08);
  filter:brightness(1.14);
}

.brand-symbol{
  flex:0 0 auto;
  min-width:32px !important;
  width:32px !important;
  height:32px !important;
  display:inline-grid !important;
  place-items:center;
  font-size:16px !important;
  font-weight:900;
  border-radius:8px;
}

.brand-name{
  display:inline-block;
  font-size:18px;
  font-weight:900;
}

/* Cores das marcas, inspiradas no visual oficial */
.brand-tencent .brand-symbol{
  color:#fff;
  background:linear-gradient(135deg,#2b7cff,#174fa8);
}
.brand-tencent .brand-name{color:#fff}

.brand-gamescom .brand-symbol{
  color:#fff;
  background:#6f7780;
  border-radius:50%;
}
.brand-gamescom .brand-name{color:#f2f5f8}

.brand-mercadolivre .brand-symbol{
  color:#24335c;
  background:#ffe600;
  font-size:22px !important;
}
.brand-mercadolivre .brand-name{color:#fff}

.brand-bgs .brand-symbol{
  color:#fff;
  background:#ff213d;
  width:44px !important;
  min-width:44px !important;
  font-size:11px !important;
}
.brand-bgs .brand-name{color:#fff}

.brand-temu .brand-symbol{
  color:#fff;
  background:#ff6a19;
}
.brand-temu .brand-name{color:#ff7a26}

.brand-lexar .brand-symbol{
  color:#fff;
  background:linear-gradient(135deg,#ff3849,#ff2020);
}
.brand-lexar .brand-name{color:#fff}

.brand-bitdo .brand-symbol{
  color:#fff;
  background:#2d2f34;
  border:1px solid rgba(255,255,255,.45);
}
.brand-bitdo .brand-name{color:#fff}

.brand-bigo .brand-symbol{
  color:#fff;
  background:linear-gradient(135deg,#36e0ff,#1696ff);
}
.brand-bigo .brand-name{color:#fff}

.brand-tiktok .brand-symbol{
  color:#fff;
  background:#111;
  box-shadow:-3px 0 0 #25f4ee,3px 0 0 #fe2c55;
}
.brand-tiktok .brand-name{color:#fff}

.brand-lilith .brand-symbol{
  color:#fff;
  background:#e43a4e;
}
.brand-lilith .brand-name{color:#f04b5f}

.brand-garena .brand-symbol{
  color:#fff;
  background:#e82f37;
}
.brand-garena .brand-name{color:#ff3c45}

/* separação visual suave entre marcas */
.partner-item::after{
  content:"";
  width:1px;
  height:28px;
  margin-left:28px;
  background:linear-gradient(transparent,rgba(255,255,255,.10),transparent);
}

@media(max-width:900px){
  .partner-item{
    min-width:165px !important;
    height:76px !important;
    padding:0 22px !important;
  }
  .brand-wordmark{font-size:15px !important}
  .brand-name{font-size:15px}
}

@media(max-width:620px){
  .partners{padding:20px 0 16px !important}
  .partners-heading h2{font-size:17px !important}
  .logo-runner{min-height:74px !important}
  .partner-item{
    min-width:145px !important;
    height:66px !important;
    padding:0 16px !important;
  }
  .brand-wordmark{
    gap:7px;
    padding:6px 8px;
  }
  .brand-symbol{
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    font-size:13px !important;
  }
  .brand-name{font-size:13px !important}
  .partner-item::after{margin-left:16px;height:22px}
}


/* =========================================================
   V5.4 — LOGOS REAIS/IMAGENS NA FAIXA DE PARCEIROS
   ========================================================= */
.partner-item{
  min-width:178px !important;
  height:78px !important;
  padding:0 24px !important;
  opacity:1 !important;
  filter:none !important;
}

.partner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:142px !important;
  max-height:44px !important;
  object-fit:contain !important;
  filter:none !important;
  opacity:1 !important;
  transform:translateZ(0);
  transition:transform .25s ease, filter .25s ease, opacity .25s ease;
}

.partner-item:hover .partner-logo-img{
  transform:scale(1.08);
  filter:brightness(1.10) drop-shadow(0 0 9px rgba(255,255,255,.10)) !important;
}

.partner-item::after{
  display:none !important;
}

.brand-wordmark{
  display:none;
}

@media(max-width:900px){
  .partner-item{
    min-width:155px !important;
    height:70px !important;
    padding:0 20px !important;
  }
  .partner-logo-img{
    max-width:124px !important;
    max-height:38px !important;
  }
}

@media(max-width:620px){
  .partner-item{
    min-width:136px !important;
    height:62px !important;
    padding:0 16px !important;
  }
  .partner-logo-img{
    max-width:108px !important;
    max-height:34px !important;
  }
}


/* =========================================================
   V5.5 — CORREÇÃO FINAL DA FAIXA DE PARCEIROS
   ========================================================= */

/* Oculta qualquer wordmark/símbolo antigo que possa ter sobrado */
.brand-wordmark,
.brand-symbol,
.brand-name{
  display:none !important;
}

/* faixa */
.partners{
  padding:24px 0 20px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,118,255,.10),transparent 44%),
    linear-gradient(180deg,#061426 0%,#03101d 100%) !important;
  border-top:1px solid rgba(35,153,255,.28);
  border-bottom:1px solid rgba(35,153,255,.52);
}

.partners-heading h2{
  font-size:21px !important;
  line-height:1.15;
  letter-spacing:.55px;
  margin:0 !important;
}

.partners-heading p{
  margin:7px 0 0 !important;
  font-size:10.5px !important;
  color:#9eb2c6 !important;
}

.logo-runner{
  position:relative;
  min-height:92px !important;
  margin-top:20px !important;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.partner-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  animation-name:partnerMove !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}

.partner-item{
  flex:0 0 180px !important;
  width:180px !important;
  min-width:180px !important;
  height:80px !important;
  padding:0 22px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  overflow:visible !important;
}

.partner-item::after{
  display:none !important;
}

/* imagem da marca: só ela aparece */
.partner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:138px !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  transition:transform .24s ease,filter .24s ease !important;
}

.partner-item:hover .partner-logo-img{
  transform:scale(1.08) !important;
  filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,255,255,.12)) !important;
}

/* só aparece se uma imagem realmente falhar */
.partner-text-fallback{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:16px;
  font-weight:900;
  white-space:nowrap;
}

/* Máscara suave apenas nas pontas */
.logo-fade-left{
  background:linear-gradient(90deg,#03101d 0%,rgba(3,16,29,.88) 40%,transparent 100%) !important;
}
.logo-fade-right{
  background:linear-gradient(-90deg,#03101d 0%,rgba(3,16,29,.88) 40%,transparent 100%) !important;
}

@media(max-width:900px){
  .partner-item{
    flex-basis:155px !important;
    width:155px !important;
    min-width:155px !important;
    height:72px !important;
    padding:0 18px !important;
  }
  .partner-logo-img{
    max-width:122px !important;
    max-height:38px !important;
  }
}

@media(max-width:620px){
  .partners{padding:20px 0 16px !important}
  .partners-heading h2{font-size:17px !important}
  .logo-runner{min-height:72px !important}
  .partner-item{
    flex-basis:136px !important;
    width:136px !important;
    min-width:136px !important;
    height:64px !important;
    padding:0 14px !important;
  }
  .partner-logo-img{
    max-width:106px !important;
    max-height:34px !important;
  }
  .partner-text-fallback{
    font-size:13px;
  }
}


/* =========================================================
   V5.6 — LOGOS HD / VETORIAIS
   Remove aparência pixelada e padroniza a leitura.
   ========================================================= */

.partners{
  padding:25px 0 22px !important;
}

.logo-runner{
  min-height:108px !important;
  margin-top:22px !important;
}

.partner-item{
  flex:0 0 205px !important;
  width:205px !important;
  min-width:205px !important;
  height:94px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  filter:none !important;
  opacity:1 !important;
}

.partner-logo-box{
  width:100%;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:12px;
  background:transparent;
  overflow:hidden;
}

.partner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:165px !important;
  max-height:52px !important;
  object-fit:contain !important;
  object-position:center !important;
  image-rendering:auto !important;
  opacity:1 !important;
  transform:none !important;
  transition:transform .22s ease,filter .22s ease !important;
}

.partner-item:hover .partner-logo-img{
  transform:scale(1.07) !important;
}

/* Logos predominantemente escuras são convertidas para branco no fundo dark.
   Como são SVG, continuam perfeitamente nítidas. */
.logo-tencent,
.logo-gamescom,
.logo-mercadolivre,
.logo-lexar,
.logo-bitdo{
  filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.08)) !important;
}

/* BGS, Temu e Garena mantêm as cores de marca */
.logo-bgs,
.logo-temu,
.logo-garena{
  filter:drop-shadow(0 0 9px rgba(255,255,255,.06)) !important;
}

/* BIGO e Lilith possuem partes pretas: recebem um pequeno fundo claro,
   sem ficar com cara de card pesado. */
.partner-bigo .partner-logo-box,
.partner-lilith .partner-logo-box{
  background:rgba(255,255,255,.96);
  padding:8px 16px;
}

.partner-bigo .partner-logo-img{
  max-width:158px !important;
  max-height:48px !important;
}

.partner-lilith .partner-logo-img{
  max-height:58px !important;
}

/* TikTok fica branco para máxima leitura e mantém nitidez vetorial */
.logo-tiktok{
  filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.08)) !important;
}

/* Fallback só aparece se um arquivo externo falhar */
.partner-text-fallback{
  color:#fff !important;
  font-size:17px !important;
  font-weight:900 !important;
}

/* Sem divisores / ícones extras antigos */
.brand-wordmark,.brand-symbol,.brand-name,.partner-item::after{
  display:none !important;
}

@media(max-width:900px){
  .partner-item{
    flex-basis:175px !important;
    width:175px !important;
    min-width:175px !important;
    height:82px !important;
  }
  .partner-logo-box{height:62px}
  .partner-logo-img{
    max-width:142px !important;
    max-height:45px !important;
  }
}

@media(max-width:620px){
  .logo-runner{min-height:84px !important}
  .partner-item{
    flex-basis:150px !important;
    width:150px !important;
    min-width:150px !important;
    height:72px !important;
    padding:0 12px !important;
  }
  .partner-logo-box{
    height:56px;
    padding:6px 10px;
  }
  .partner-logo-img{
    max-width:122px !important;
    max-height:38px !important;
  }
}


/* =========================================================
   V5.7 — PARCEIROS CLEAN
   Sem balões brancos + logos menores e mais elegantes.
   ========================================================= */

.logo-runner{
  min-height:82px !important;
  margin-top:16px !important;
}

.partner-item{
  flex:0 0 165px !important;
  width:165px !important;
  min-width:165px !important;
  height:70px !important;
  padding:0 16px !important;
}

.partner-logo-box,
.partner-bigo .partner-logo-box,
.partner-lilith .partner-logo-box{
  width:100% !important;
  height:58px !important;
  padding:5px 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}

.partner-logo-img,
.partner-bigo .partner-logo-img,
.partner-lilith .partner-logo-img{
  max-width:128px !important;
  max-height:38px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* BIGO: imagem original tem fundo claro embutido.
   Mistura o branco ao fundo visualmente sem criar card. */
.logo-bigo{
  mix-blend-mode:screen;
  filter:contrast(1.08) saturate(1.05) !important;
}

/* Lilith: sem card branco; mantém fallback caso o arquivo remoto falhe. */
.logo-lilith{
  mix-blend-mode:screen;
  filter:contrast(1.15) brightness(1.12) !important;
}

.partner-item:hover .partner-logo-img{
  transform:scale(1.05) !important;
}

@media(max-width:900px){
  .partner-item{
    flex-basis:145px !important;
    width:145px !important;
    min-width:145px !important;
    height:64px !important;
  }
  .partner-logo-box,
  .partner-bigo .partner-logo-box,
  .partner-lilith .partner-logo-box{
    height:52px !important;
  }
  .partner-logo-img,
  .partner-bigo .partner-logo-img,
  .partner-lilith .partner-logo-img{
    max-width:112px !important;
    max-height:34px !important;
  }
}

@media(max-width:620px){
  .logo-runner{min-height:68px !important}
  .partner-item{
    flex-basis:125px !important;
    width:125px !important;
    min-width:125px !important;
    height:58px !important;
    padding:0 10px !important;
  }
  .partner-logo-box,
  .partner-bigo .partner-logo-box,
  .partner-lilith .partner-logo-box{
    height:48px !important;
  }
  .partner-logo-img,
  .partner-bigo .partner-logo-img,
  .partner-lilith .partner-logo-img{
    max-width:98px !important;
    max-height:30px !important;
  }
}


/* =========================================================
   V5.8 — FAIXA DE MARCAS/PARCEIROS REVISADA
   - nomes brancos (exceto TEMU)
   - BGS sem ano
   - sem imagens quebradas
   - AliExpress + FIFINE
   ========================================================= */

.logo-runner{
  min-height:76px !important;
  margin-top:14px !important;
}

.partner-item{
  flex:0 0 152px !important;
  width:152px !important;
  min-width:152px !important;
  height:66px !important;
  padding:0 14px !important;
}

.partner-logo-box,
.partner-bigo .partner-logo-box,
.partner-lilith .partner-logo-box{
  height:54px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:4px 8px !important;
  overflow:visible !important;
}

.partner-logo-img{
  max-width:118px !important;
  max-height:34px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Todos os wordmarks ficam brancos por padrão. */
.partner-wordmark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  color:#fff;
  font-family:"Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.45px;
  text-shadow:0 0 12px rgba(255,255,255,.08);
}

/* BGS SEM ANO */
.wordmark-bgs{
  position:relative;
  gap:7px;
  font-size:21px;
  font-style:italic;
  letter-spacing:-1.5px;
}
.wordmark-bgs::before{
  content:"▶";
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:linear-gradient(135deg,#ff4c22,#ff8a00);
  color:#fff;
  font-size:12px;
  font-style:normal;
  box-shadow:0 0 12px rgba(255,94,0,.16);
}

/* BIGO: sem caixa branca e nome branco */
.wordmark-bigo{
  gap:7px;
  font-size:17px;
}
.wordmark-bigo::before{
  content:"◉";
  color:#79e6ef;
  font-size:24px;
}

/* Lilith / Garena / FIFINE confiáveis via wordmark */
.wordmark-lilith{
  font-size:19px;
  font-weight:900;
}
.wordmark-lilith::before{
  content:"♜";
  margin-right:6px;
  color:#fff;
  font-size:22px;
}

.wordmark-garena{
  font-size:19px;
  font-style:italic;
}
.wordmark-garena::before{
  content:"G";
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  margin-right:6px;
  border:2px solid #fff;
  border-radius:50%;
  font-size:13px;
  font-style:normal;
}

.wordmark-fifine{
  font-size:20px;
  letter-spacing:1.2px;
}

/* TEMU mantém a cor da própria marca. */
.logo-temu{
  filter:none !important;
}

/* As demais logos que têm nome no próprio arquivo ficam brancas. */
.logo-tencent,
.logo-gamescom,
.logo-mercadolivre,
.logo-lexar,
.logo-bitdo,
.logo-tiktok,
.logo-aliexpress{
  filter:brightness(0) invert(1) !important;
}

/* AliExpress: o nome fica branco, como solicitado. */
.logo-aliexpress{
  max-width:122px !important;
}

/* Não deixar regras antigas criarem balões/cartões. */
.partner-bigo .partner-logo-box,
.partner-lilith .partner-logo-box{
  background:transparent !important;
}

/* Fallback antigo desativado */
.partner-text-fallback{
  display:none !important;
}

.partner-item:hover .partner-logo-img,
.partner-item:hover .partner-wordmark{
  transform:scale(1.045);
  transition:transform .22s ease;
}

@media(max-width:900px){
  .partner-item{
    flex-basis:140px !important;
    width:140px !important;
    min-width:140px !important;
    height:62px !important;
  }
  .partner-logo-img{
    max-width:108px !important;
    max-height:31px !important;
  }
  .partner-wordmark{
    font-size:16px;
  }
}

@media(max-width:620px){
  .logo-runner{min-height:64px !important}
  .partner-item{
    flex-basis:122px !important;
    width:122px !important;
    min-width:122px !important;
    height:56px !important;
    padding:0 10px !important;
  }
  .partner-logo-box{height:46px !important}
  .partner-logo-img{
    max-width:96px !important;
    max-height:28px !important;
  }
  .partner-wordmark{
    font-size:14px;
  }
}


/* =========================================================
   V5.9 — PARCEIRO = LOGO + NOME / PRE-FOOTER CORPORATIVO
   ========================================================= */

/* Faixa mais refinada: símbolo/logo na frente + nome ao lado */
.logo-runner{
  min-height:72px !important;
  margin-top:14px !important;
}

.partner-item{
  flex:0 0 166px !important;
  width:166px !important;
  min-width:166px !important;
  height:62px !important;
  padding:0 12px !important;
}

.partner-inline{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  white-space:nowrap;
}

.partner-icon-wrap{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:transparent;
}

.partner-icon{
  display:block !important;
  max-width:32px !important;
  max-height:32px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:brightness(0) invert(1) !important;
}

.partner-icon-fallback{
  width:30px;
  height:30px;
  place-items:center;
  border-radius:8px;
  font-family:"Inter",Arial,sans-serif;
  font-weight:900;
  font-size:14px;
  color:#fff;
  background:linear-gradient(135deg,#0f7cff,#174eb6);
  border:1px solid rgba(255,255,255,.15);
}

.partner-label{
  color:#fff !important;
  font-family:"Inter",Arial,sans-serif;
  font-weight:800;
  font-size:14px;
  letter-spacing:-.2px;
  line-height:1;
}

/* TEMU mantém a personalidade laranja */
.partner-temu .partner-icon{
  filter:none !important;
}
.partner-temu .partner-label{
  color:#ff7417 !important;
}

/* pequenos acentos de marca nos fallbacks */
.icon-bgs{background:linear-gradient(135deg,#ff3c2f,#ff8a00)}
.icon-bigo{background:linear-gradient(135deg,#24dbe5,#2d9df4)}
.icon-lilith{background:linear-gradient(135deg,#e51f3f,#ff5268)}
.icon-garena{background:linear-gradient(135deg,#e62b34,#9e1824)}
.icon-fifine{background:linear-gradient(135deg,#7d52ff,#3d79ff)}

.partner-item:hover .partner-inline{
  transform:translateY(-1px) scale(1.035);
  transition:transform .2s ease;
}

/* remove regras antigas que poderiam duplicar wordmarks */
.partner-logo-box,
.partner-wordmark,
.partner-logo-img,
.partner-text-fallback{
  display:none !important;
}

/* ---------- pre-footer estilo empresa / marca premium ---------- */
.corporate-footer{
  position:relative;
  padding:64px 0 54px;
  background:
    radial-gradient(circle at 82% 10%,rgba(0,116,255,.14),transparent 35%),
    linear-gradient(180deg,#071321 0%,#050c15 100%);
  border-top:1px solid rgba(46,150,255,.24);
}

.corporate-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.015),transparent);
}

.corporate-footer-inner{
  position:relative;
  z-index:1;
}

.corporate-sponsor{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:end;
  padding:0 0 42px;
  margin-bottom:38px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.corporate-eyebrow{
  display:inline-block;
  margin-bottom:12px;
  color:#48a8ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.6px;
}

.corporate-sponsor h2{
  margin:0;
  max-width:760px;
  color:#fff;
  font-size:clamp(28px,4vw,54px);
  line-height:.98;
  letter-spacing:-2px;
}

.corporate-sponsor p{
  max-width:720px;
  margin:17px 0 0;
  color:#91a5b9;
  font-size:14px;
  line-height:1.75;
}

.corporate-cta{
  min-width:210px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 22px;
  border:1px solid rgba(63,164,255,.52);
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,rgba(0,119,255,.22),rgba(0,73,160,.12));
  font-size:12px;
  font-weight:900;
  letter-spacing:.5px;
  text-decoration:none;
  box-shadow:0 12px 34px rgba(0,83,178,.12);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.corporate-cta:hover{
  transform:translateY(-2px);
  border-color:#3aa7ff;
  background:linear-gradient(135deg,#087ff0,#0756ad);
}

.corporate-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}

.corporate-column h3{
  margin:0 0 15px;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.8px;
}

.corporate-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

.corporate-links a{
  color:#7f93a7;
  font-size:13px;
  line-height:1.45;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}

.corporate-links a:hover{
  color:#fff;
  transform:translateX(3px);
}

/* FAIXA UNICA — os cards ficam à esquerda como 1a coluna da fileira. Apenas
   organização; sem conteúdo/estilo final aqui (definido no bloco V7.5 ao final,
   depois de todos os overrides existentes). */
.corporate-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  align-items:start;
  gap:26px;
}

.home-contact-cards{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.home-contact-channels{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.home-contact-channel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:11px 13px;
  border:1px solid var(--line2);
  border-radius:10px;
  background:var(--panel);
}
.home-contact-channel-main{
  min-width:0;
}
.home-contact-channel small{
  display:block;
  margin-bottom:4px;
  color:var(--muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  white-space:nowrap;
}
.home-contact-channel a{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--text);
  font-size:12.5px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.home-contact-channel a:hover{color:var(--blue)}
.home-contact-channel .site-copy-email{
  flex:0 0 auto;
  border:1px solid var(--line2);
  border-radius:7px;
  background:rgba(21,168,255,.06);
  color:var(--blue);
  padding:6px 9px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  cursor:pointer;
  line-height:1;
  transition:.2s ease;
}
.home-contact-channel .site-copy-email:hover{
  border-color:var(--blue);
  background:rgba(21,168,255,.14);
  color:#fff;
}

@media(max-width:900px){
  .partner-item{
    flex-basis:150px !important;
    width:150px !important;
    min-width:150px !important;
  }
  .partner-label{font-size:13px}
  .partner-icon-wrap{flex-basis:30px;width:30px;height:30px}
  .partner-icon{max-width:28px !important;max-height:28px !important}

  .corporate-sponsor{
    grid-template-columns:1fr;
    align-items:start;
  }
  .corporate-cta{
    width:max-content;
  }
}

@media(max-width:620px){
  .partner-item{
    flex-basis:132px !important;
    width:132px !important;
    min-width:132px !important;
    height:56px !important;
    padding:0 9px !important;
  }
  .partner-inline{gap:7px}
  .partner-label{font-size:11.5px}
  .partner-icon-wrap{flex-basis:27px;width:27px;height:27px}
  .partner-icon{max-width:25px !important;max-height:25px !important}
  .partner-icon-fallback{width:25px;height:25px;font-size:11px}

  .corporate-footer{padding:48px 0 40px}
  .corporate-sponsor{gap:24px;padding-bottom:32px;margin-bottom:30px}
  .corporate-sponsor h2{letter-spacing:-1.2px}
  .corporate-sponsor p{font-size:13px}
  .corporate-cta{
    width:100%;
    min-width:0;
  }
  .corporate-columns{
    grid-template-columns:1fr 1fr;
    gap:28px 18px;
  }
}

@media(max-width:430px){
  .corporate-columns{grid-template-columns:1fr}
}


/* =========================================================
   V6.0 — CORREÇÃO DEFINITIVA: ÍCONES LOCAIS + FOOTER COMPACTO
   ========================================================= */

/* PARCEIROS: nenhuma imagem externa, logo local + nome */
.logo-runner{min-height:64px !important;margin-top:10px !important}
.partner-item{flex:0 0 154px !important;width:154px !important;min-width:154px !important;height:54px !important;padding:0 10px !important}
.partner-inline{gap:8px !important}
.partner-icon-wrap{flex:0 0 29px !important;width:29px !important;height:29px !important}
.partner-icon{display:block !important;max-width:28px !important;max-height:28px !important;width:28px !important;height:28px !important;object-fit:contain !important;filter:none !important;background:transparent !important;border:0 !important;box-shadow:none !important}
.partner-label{color:#fff !important;font-size:13px !important;font-weight:800 !important;letter-spacing:-.15px !important}
.partner-temu .partner-label{color:#ff7417 !important}
.partner-icon-fallback{display:none !important}
.partner-item:hover .partner-inline{transform:translateY(-1px) scale(1.025) !important}

/* FOOTER CORPORATIVO: bem menor, sem ocupar a tela inteira */
.corporate-footer{padding:30px 0 26px !important}
.corporate-sponsor{grid-template-columns:minmax(0,1fr) auto !important;gap:24px !important;align-items:center !important;padding:0 0 22px !important;margin-bottom:22px !important}
.corporate-eyebrow{margin-bottom:7px !important;font-size:9px !important;letter-spacing:1.35px !important}
.corporate-sponsor h2{max-width:620px !important;font-size:clamp(22px,2.5vw,34px) !important;line-height:1.02 !important;letter-spacing:-1.1px !important}
.corporate-sponsor p{max-width:690px !important;margin:9px 0 0 !important;font-size:12px !important;line-height:1.55 !important}
.corporate-cta{min-width:170px !important;min-height:42px !important;padding:0 17px !important;border-radius:10px !important;font-size:10px !important}
.corporate-columns{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:26px !important}
.corporate-column h3{margin:0 0 9px !important;font-size:10px !important}
.corporate-links{gap:7px !important}
.corporate-links a{font-size:11px !important}

@media(max-width:900px){
 .partner-item{flex-basis:142px !important;width:142px !important;min-width:142px !important}
 .corporate-sponsor{grid-template-columns:1fr !important;gap:15px !important}
 .corporate-cta{width:max-content !important}
}
@media(max-width:620px){
 .partner-item{flex-basis:126px !important;width:126px !important;min-width:126px !important;height:50px !important}
 .partner-icon-wrap{flex-basis:25px !important;width:25px !important;height:25px !important}
 .partner-icon{width:24px !important;height:24px !important;max-width:24px !important;max-height:24px !important}
 .partner-label{font-size:11px !important}
 .corporate-footer{padding:24px 0 20px !important}
 .corporate-sponsor{padding-bottom:18px !important;margin-bottom:18px !important}
 .corporate-sponsor h2{font-size:25px !important}
 .corporate-sponsor p{font-size:11.5px !important}
 .corporate-cta{width:100% !important;min-height:40px !important}
 .corporate-columns{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px 16px !important}
}
@media(max-width:430px){.corporate-columns{grid-template-columns:1fr 1fr !important}}


/* =========================================================
   V6.1 — EXPLORE O UNIVERSO DELTA
   Hub premium para bio / subpáginas, sem virar "linktree".
   ========================================================= */

.explore-hub{
  position:relative;
  padding:54px 0 58px;
  background:
    radial-gradient(circle at 50% -20%,rgba(0,126,255,.10),transparent 42%),
    linear-gradient(180deg,rgba(4,13,24,.96),rgba(3,11,20,.99));
  border-top:1px solid rgba(57,153,255,.12);
  border-bottom:1px solid rgba(57,153,255,.14);
}

.explore-hub-inner{
  position:relative;
  z-index:1;
}

.explore-hub-head{
  max-width:760px;
  margin-bottom:25px;
}

.explore-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#43a5ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.55px;
}

.explore-eyebrow::before{
  content:"";
  width:20px;
  height:1px;
  background:#43a5ff;
  box-shadow:0 0 12px rgba(67,165,255,.55);
}

.explore-hub-head h2{
  margin:0;
  max-width:720px;
  color:#fff;
  font-size:clamp(25px,3.1vw,39px);
  line-height:1.04;
  letter-spacing:-1.35px;
}

.explore-hub-head p{
  max-width:690px;
  margin:12px 0 0;
  color:#8fa4b8;
  font-size:13px;
  line-height:1.7;
}

.explore-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.explore-card{
  position:relative;
  min-height:205px;
  display:flex;
  flex-direction:column;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  color:#fff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}

.explore-card::before{
  content:"";
  position:absolute;
  inset:auto -25% -55% 30%;
  height:130px;
  background:radial-gradient(circle,rgba(0,123,255,.12),transparent 68%);
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}

.explore-card:hover{
  transform:translateY(-4px);
  border-color:rgba(61,161,255,.42);
  background:linear-gradient(180deg,rgba(7,75,142,.16),rgba(255,255,255,.025));
  box-shadow:0 16px 42px rgba(0,52,110,.13),inset 0 1px 0 rgba(255,255,255,.05);
}

.explore-card:hover::before{
  transform:scale(1.12);
}

.explore-card.is-featured{
  border-color:rgba(42,147,255,.28);
  background:
    linear-gradient(145deg,rgba(0,107,219,.18),rgba(255,255,255,.022));
}

.explore-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  min-height:40px;
  gap:12px;
}

.explore-card-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#55afff;
  background:rgba(0,116,230,.11);
  border:1px solid rgba(73,171,255,.20);
}

.explore-card-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.explore-card-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  color:#88c8ff;
  background:rgba(0,123,255,.10);
  border:1px solid rgba(66,165,255,.22);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.75px;
}

.explore-card-body{
  margin-top:17px;
}

.explore-card-body h3{
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.1px;
}

.explore-card-body p{
  margin:8px 0 0;
  color:#8398ac;
  font-size:11.5px;
  line-height:1.55;
}

.explore-card-link{
  margin-top:auto;
  padding-top:18px;
  color:#dfeeff;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.7px;
}

.explore-card-link span{
  display:inline-block;
  margin-left:4px;
  color:#43a5ff;
  transition:transform .22s ease;
}

.explore-card:hover .explore-card-link span{
  transform:translate(2px,-2px);
}

@media(max-width:1050px){
  .explore-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .explore-card{
    min-height:185px;
  }
}

@media(max-width:620px){
  .explore-hub{
    padding:42px 0 44px;
  }
  .explore-hub-head{
    margin-bottom:20px;
  }
  .explore-hub-head h2{
    font-size:27px;
    letter-spacing:-1px;
  }
  .explore-hub-head p{
    font-size:12px;
  }
  .explore-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .explore-card{
    min-height:155px;
    padding:16px;
  }
  .explore-card-body{
    margin-top:13px;
  }
}


/* =========================================================
   V6.2 — EXPLORE O UNIVERSO DELTA — VISUAL COMPACTO
   Posicionado abaixo de "Muito além das telas".
   ========================================================= */

.explore-hub.explore-hub-visual{
  padding:34px 0 38px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,119,255,.075),transparent 45%),
    linear-gradient(180deg,#050e18 0%,#040b13 100%) !important;
  border-top:1px solid rgba(75,165,255,.10);
  border-bottom:1px solid rgba(75,165,255,.10);
}

.explore-hub-visual .explore-hub-head.compact{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  max-width:none;
  margin-bottom:17px;
}

.explore-hub-visual .explore-eyebrow{
  margin-bottom:7px;
  font-size:8.5px;
  letter-spacing:1.35px;
}

.explore-hub-visual .explore-hub-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(21px,2.2vw,29px);
  line-height:1;
  letter-spacing:-.85px;
}

.explore-hub-visual .explore-hub-head p{
  max-width:390px;
  margin:0 0 1px;
  text-align:right;
  color:#74899e;
  font-size:11px;
  line-height:1.5;
}

.explore-hub-visual .visual-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.explore-hub-visual .visual-card{
  position:relative;
  min-height:0 !important;
  height:174px;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:#07111d;
  box-shadow:none;
  text-decoration:none;
  isolation:isolate;
}

.explore-hub-visual .visual-card::before{
  display:none !important;
}

.visual-card-media{
  position:absolute;
  inset:0;
}

.visual-card-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--card-image-x,50%) var(--card-image-y,50%);
  opacity:var(--card-image-opacity,.62);
  transform:scale(1.015);
  filter:saturate(.92) brightness(.76);
  transition:transform .35s ease,filter .35s ease,opacity .35s ease;
}

.visual-card-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,8,15,.10) 0%,rgba(2,8,15,.35) 38%,rgba(2,8,15,.96) 100%),
    linear-gradient(90deg,rgba(2,8,15,.64) 0%,rgba(0,35,76,.22) 58%,rgba(0,67,142,.08) 100%);
}

.explore-hub-visual .visual-card.is-featured{
  border-color:rgba(44,157,255,.38);
  box-shadow:inset 0 0 0 1px rgba(44,157,255,.05);
}

.explore-hub-visual .explore-card-badge{
  position:absolute;
  top:10px;
  left:10px;
  min-height:20px;
  padding:0 7px;
  color:#d9efff;
  background:rgba(0,101,213,.72);
  border:1px solid rgba(98,184,255,.38);
  backdrop-filter:blur(8px);
  font-size:7px;
  letter-spacing:.6px;
}

.visual-card-content{
  position:absolute;
  z-index:2;
  inset:auto 0 0;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:14px;
}

.visual-card-content h3{
  margin:0;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.15px;
}

.visual-card-content p{
  max-width:205px;
  margin:5px 0 0;
  color:#9babb9;
  font-size:9.5px;
  line-height:1.35;
}

.visual-card-arrow{
  flex:0 0 29px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(83,171,255,.30);
  border-radius:9px;
  color:#fff;
  background:rgba(0,78,161,.28);
  font-size:12px;
  backdrop-filter:blur(8px);
  transition:transform .22s ease,background .22s ease;
}

.explore-hub-visual .visual-card:hover{
  transform:translateY(-3px);
  border-color:rgba(75,168,255,.46);
  background:#07111d;
  box-shadow:0 14px 35px rgba(0,47,103,.14);
}

.explore-hub-visual .visual-card:hover .visual-card-media img{
  transform:scale(1.07);
  filter:saturate(1.03) brightness(.86);
}

.explore-hub-visual .visual-card:hover .visual-card-arrow{
  transform:translate(2px,-2px);
  background:rgba(0,112,230,.52);
}

@media(max-width:1050px){
  .explore-hub-visual .visual-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .explore-hub-visual .visual-card{
    height:165px;
  }
}

@media(max-width:620px){
  .explore-hub.explore-hub-visual{
    padding:28px 0 31px !important;
  }
  .explore-hub-visual .explore-hub-head.compact{
    display:block;
    margin-bottom:14px;
  }
  .explore-hub-visual .explore-hub-head p{
    max-width:none;
    margin-top:7px;
    text-align:left;
  }
  .explore-hub-visual .visual-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .explore-hub-visual .visual-card{
    height:146px;
    border-radius:12px;
  }
  .visual-card-content{
    padding:11px;
  }
  .visual-card-content h3{
    font-size:10.5px;
  }
  .visual-card-content p{
    display:none;
  }
  .visual-card-arrow{
    width:25px;
    height:25px;
    flex-basis:25px;
    border-radius:8px;
  }
}

@media(max-width:390px){
  .explore-hub-visual .visual-grid{
    grid-template-columns:1fr;
  }
  .explore-hub-visual .visual-card{
    height:135px;
  }
}


/* V6.3 — refinamento da seção abaixo de "Muito além das telas" */
.explore-hub-visual .visual-card-action{
  display:inline-block;
  margin-top:7px;
  color:#d9ecff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.65px;
  opacity:.82;
}

.explore-hub-visual .visual-card-placeholder{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 30%,rgba(0,132,255,.28),transparent 30%),
    linear-gradient(135deg,#0b1d31,#06101c);
}

@media(max-width:620px){
  .explore-hub-visual .visual-card-action{
    font-size:7.5px;
  }
}


/* V6.4 — botão LINKS entre trabalho e Media Kit */
html{
  scroll-padding-top:86px;
}

#explore{
  scroll-margin-top:86px;
}

.hero-links-btn{
  min-width:92px !important;
  padding-left:18px !important;
  padding-right:18px !important;
  border-color:rgba(75,169,255,.45) !important;
  background:rgba(5,24,43,.32) !important;
}

.hero-links-btn:hover{
  border-color:#48a9ff !important;
  background:rgba(0,105,215,.18) !important;
}

@media(max-width:620px){
  .hero-links-btn{
    min-width:74px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}


/* =========================================================
   V6.5 — AJUSTE DE PROPORÇÃO / PADRÃO VISUAL DO SITE
   ========================================================= */

/* ---------- EXPLORE O UNIVERSO DELTA ---------- */
/* Mantém a seção na mesma largura visual das outras áreas do site */
.explore-hub.explore-hub-visual{
  padding:38px 0 42px !important;
}

.explore-hub-visual .explore-hub-inner{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
}

.explore-hub-visual .explore-hub-head.compact{
  width:100% !important;
  max-width:none !important;
  margin:0 0 18px !important;
}

.explore-hub-visual .visual-grid{
  width:100% !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

.explore-hub-visual .visual-card{
  height:158px !important;
  min-height:158px !important;
  border-radius:14px !important;
}

.explore-hub-visual .visual-card-content{
  padding:13px !important;
}

.explore-hub-visual .visual-card-content h3{
  font-size:12px !important;
}

.explore-hub-visual .visual-card-content p{
  max-width:180px !important;
  font-size:9px !important;
}

.explore-hub-visual .visual-card-action{
  margin-top:6px !important;
  font-size:7.5px !important;
}

.explore-hub-visual .visual-card-arrow{
  width:27px !important;
  height:27px !important;
  flex-basis:27px !important;
}

@media(max-width:1050px){
  .explore-hub-visual .explore-hub-inner{
    width:min(900px, calc(100% - 40px)) !important;
  }
  .explore-hub-visual .visual-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .explore-hub-visual .explore-hub-inner{
    width:calc(100% - 28px) !important;
  }
  .explore-hub-visual .visual-grid{
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  .explore-hub-visual .visual-card{
    height:142px !important;
    min-height:142px !important;
  }
}

@media(max-width:390px){
  .explore-hub-visual .visual-grid{
    grid-template-columns:1fr !important;
  }
}

/* ---------- SEJA PATROCINADOR DO DELTA ---------- */
/* Centraliza e reduz para ficar no mesmo padrão do restante do site */
.corporate-footer{
  padding:40px 0 38px !important;
}

.corporate-footer .corporate-footer-inner{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
}

.corporate-footer .corporate-sponsor{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  text-align:center !important;
  padding:0 0 28px !important;
  margin:0 0 28px !important;
}

.corporate-footer .corporate-sponsor > div{
  width:100%;
  max-width:760px;
  margin:0 auto;
}

.corporate-footer .corporate-eyebrow{
  margin-bottom:8px !important;
  font-size:9px !important;
  letter-spacing:1.4px !important;
}

.corporate-footer .corporate-sponsor h2{
  max-width:720px !important;
  margin:0 auto !important;
  font-size:clamp(26px,3vw,38px) !important;
  line-height:1 !important;
  letter-spacing:-1.25px !important;
}

.corporate-footer .corporate-sponsor p{
  max-width:650px !important;
  margin:12px auto 0 !important;
  font-size:12px !important;
  line-height:1.6 !important;
}

.corporate-footer .corporate-cta{
  width:auto !important;
  min-width:180px !important;
  min-height:44px !important;
  padding:0 19px !important;
  margin:0 auto !important;
  border-radius:10px !important;
  font-size:10px !important;
}

.corporate-footer .corporate-columns{
  width:min(920px,100%) !important;
  margin:0 auto !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:46px !important;
  text-align:left !important;
}

.corporate-footer .corporate-column h3{
  margin-bottom:11px !important;
  font-size:10px !important;
}

.corporate-footer .corporate-links{
  gap:7px !important;
}

.corporate-footer .corporate-links a{
  font-size:11px !important;
}

@media(max-width:900px){
  .corporate-footer .corporate-footer-inner{
    width:min(760px, calc(100% - 40px)) !important;
  }
  .corporate-footer .corporate-columns{
    gap:28px !important;
  }
}

@media(max-width:620px){
  .corporate-footer{
    padding:34px 0 32px !important;
  }

  .corporate-footer .corporate-footer-inner{
    width:calc(100% - 28px) !important;
  }

  .corporate-footer .corporate-sponsor h2{
    font-size:27px !important;
  }

  .corporate-footer .corporate-sponsor p{
    font-size:11px !important;
  }

  .corporate-footer .corporate-columns{
    grid-template-columns:1fr 1fr !important;
    gap:24px 18px !important;
  }
}

@media(max-width:430px){
  .corporate-footer .corporate-columns{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V6.6 — MARCAS/PARCEIROS NO MESMO PADRÃO DO SITE
   + GALERIA DE FOTOS LEVEMENTE MAIS RÁPIDA
   ========================================================= */

/* A seção continua com marquee, mas o conteúdo visível respeita
   a mesma largura central das demais áreas. */
.partners-section,
.partners,
#parceiros{
  overflow:hidden !important;
}

.partners-section .container,
.partners .container,
#parceiros > .container{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Caso o runner esteja fora do container, limita a janela visual
   sem impedir a animação infinita. */
.logo-runner{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:hidden !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
}

.logo-track,
.partner-track{
  width:max-content !important;
}

/* Mantém logos/nome compactos e alinhados */
.partner-item{
  flex:0 0 154px !important;
  width:154px !important;
  min-width:154px !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

.partner-inline{
  gap:8px !important;
}

.partner-label{
  font-size:12.5px !important;
}

/* Galeria "Muito além das telas": pequena aceleração.
   O JS usa a variável de duração; este override cobre animações CSS. */
.gallery-track{
  animation-duration:28s !important;
}

@media(max-width:1050px){
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:min(900px, calc(100% - 40px)) !important;
  }
}

@media(max-width:620px){
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 28px) !important;
  }

  .partner-item{
    flex-basis:132px !important;
    width:132px !important;
    min-width:132px !important;
  }

  .partner-label{
    font-size:11.5px !important;
  }
}


/* =========================================================
   V6.7 — MARCAS/PARCEIROS COM FADE NAS LATERAIS
   Mesmo efeito visual da galeria "Muito além das telas".
   ========================================================= */

.logo-runner{
  position:relative !important;
  overflow:hidden !important;

  /* Suaviza as logos ao entrar e sair pelas laterais */
  -webkit-mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.12) 2%,
    rgba(0,0,0,.55) 5%,
    #000 10%,
    #000 90%,
    rgba(0,0,0,.55) 95%,
    rgba(0,0,0,.12) 98%,
    transparent 100%
  ) !important;

  mask-image:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.12) 2%,
    rgba(0,0,0,.55) 5%,
    #000 10%,
    #000 90%,
    rgba(0,0,0,.55) 95%,
    rgba(0,0,0,.12) 98%,
    transparent 100%
  ) !important;
}

/* reforço visual muito discreto nas bordas */
.logo-runner::before,
.logo-runner::after{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  width:72px;
  pointer-events:none;
}

.logo-runner::before{
  left:0;
  background:linear-gradient(90deg,#050e18 0%,rgba(5,14,24,.72) 28%,transparent 100%);
}

.logo-runner::after{
  right:0;
  background:linear-gradient(270deg,#050e18 0%,rgba(5,14,24,.72) 28%,transparent 100%);
}

@media(max-width:620px){
  .logo-runner{
    -webkit-mask-image:linear-gradient(
      90deg,
      transparent 0%,
      #000 13%,
      #000 87%,
      transparent 100%
    ) !important;
    mask-image:linear-gradient(
      90deg,
      transparent 0%,
      #000 13%,
      #000 87%,
      transparent 100%
    ) !important;
  }

  .logo-runner::before,
  .logo-runner::after{
    width:38px;
  }
}


/* V6.8 — Hero limpo: remove TECH • GAMES • VR • CONTEÚDO */
.hero-eyebrow,
.hero-kicker,
.hero-overline,
#heroEyebrow,
#heroKicker{
  display:none !important;
}


/* =========================================================
   V6.9 — RESPONSIVIDADE GLOBAL DESKTOP / NOTEBOOK / MOBILE
   Objetivo: aproveitar melhor telas grandes sem esticar demais.
   ========================================================= */

:root{
  --site-max: 1480px;
  --site-gutter: 32px;
}

/* Container global mais proporcional para desktop grande */
.container{
  width:min(var(--site-max), calc(100% - (var(--site-gutter) * 2))) !important;
  max-width:var(--site-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Seções que tinham largura própria passam a seguir o mesmo padrão */
.explore-hub-visual .explore-hub-inner,
.corporate-footer .corporate-footer-inner,
.partners-section .container,
.partners .container,
#parceiros > .container,
.logo-runner{
  width:min(var(--site-max), calc(100% - (var(--site-gutter) * 2))) !important;
  max-width:var(--site-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Estatísticas / sobre / galeria aproveitam melhor desktop */
.stats-grid,
.about-inner,
.gallery-shell,
.featured-grid{
  width:100% !important;
}

/* Em telas realmente grandes, dá um pouco mais de respiro ao conteúdo,
   mas sem deixar o site "espremido" no centro. */
@media(min-width:1600px){
  :root{
    --site-max: 1520px;
    --site-gutter: 38px;
  }

  .stats-grid{
    gap:18px !important;
  }

  .about-inner{
    column-gap:44px !important;
  }

  .gallery-shell{
    max-width:none !important;
  }
}

/* Desktop/notebook comum */
@media(max-width:1399px){
  :root{
    --site-max: 1180px;
    --site-gutter: 28px;
  }
}

/* Tablet */
@media(max-width:1024px){
  :root{
    --site-max: 920px;
    --site-gutter: 22px;
  }

  .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .about-inner{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .about-image-wrap{
    max-width:520px;
    width:100%;
  }

  .explore-hub-visual .visual-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Celular */
@media(max-width:680px){
  :root{
    --site-max: none;
    --site-gutter: 16px;
  }

  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 32px) !important;
    max-width:none !important;
  }

  /* evita qualquer estouro horizontal */
  html,body{
    max-width:100%;
    overflow-x:hidden;
  }

  .stats-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .about-inner{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .about-image-wrap{
    max-width:none !important;
    width:100% !important;
  }

  .explore-hub-visual .visual-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .corporate-footer .corporate-columns{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Celular pequeno */
@media(max-width:430px){
  :root{
    --site-gutter: 14px;
  }

  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 28px) !important;
  }

  .explore-hub-visual .visual-grid{
    grid-template-columns:1fr !important;
  }

  .corporate-footer .corporate-columns{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V7.0 — DESKTOP MAIS CHEIO / MENOS ESPAÇO NAS LATERAIS
   ========================================================= */

/*
   Em monitores grandes o conteúdo agora usa praticamente toda
   a largura disponível, mantendo apenas uma margem segura.
*/
@media(min-width:1440px){

  :root{
    --site-max:1740px !important;
    --site-gutter:20px !important;
  }

  .container,
  header .container,
  .hero .container,
  .hero-inner,
  .partners .container,
  .partners-section .container,
  #parceiros > .container,
  .logo-runner,
  .stats .container,
  .about .container,
  .gallery .container,
  .gallery-section .container,
  .featured .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  footer .container{
    width:min(94vw,1740px) !important;
    max-width:1740px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Grades e blocos internos também ocupam a largura toda */
  .stats-grid,
  .about-inner,
  .gallery-shell,
  .featured-grid,
  .explore-grid,
  .corporate-columns{
    width:100% !important;
    max-width:none !important;
  }

  /* A parte Quem é o DELTA ganha um pouco mais de presença */
  .about-inner{
    grid-template-columns:minmax(300px,420px) minmax(0,1fr) minmax(250px,340px) !important;
    column-gap:34px !important;
  }

  /* Cards de estatística distribuem melhor no desktop largo */
  .stats-grid{
    gap:16px !important;
  }

  /* Galeria também aproveita melhor a tela */
  .gallery-shell{
    overflow:visible !important;
  }
}

/* Desktop ultrawide */
@media(min-width:1900px){
  .container,
  header .container,
  .hero .container,
  .hero-inner,
  .partners .container,
  .partners-section .container,
  #parceiros > .container,
  .logo-runner,
  .stats .container,
  .about .container,
  .gallery .container,
  .gallery-section .container,
  .featured .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  footer .container{
    width:min(95vw,1840px) !important;
    max-width:1840px !important;
  }
}

/* Notebook continua compacto e proporcional */
@media(min-width:1100px) and (max-width:1439px){
  .container,
  .logo-runner,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner{
    width:calc(100% - 48px) !important;
    max-width:1280px !important;
  }
}


/* =========================================================
   V7.1 — CORREÇÃO REAL DA LARGURA NO DESKTOP
   O layout principal usa .frame, não apenas .container.
   ========================================================= */

/* Desktop / notebook */
@media(min-width:1100px){
  :root{
    --frame:1800px !important;
    --site-max:1800px !important;
  }

  /* ESTE é o container principal usado pela maior parte do site */
  .frame{
    width:calc(100% - 64px) !important;
    max-width:1800px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Mantém todos os containers auxiliares alinhados com a mesma largura */
  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 64px) !important;
    max-width:1800px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Remove limites internos que deixavam algumas seções estreitas */
  .featured .frame,
  .featured-grid,
  .stats .frame,
  .stats-grid,
  .about .frame,
  .about-inner,
  .gallery-section .frame,
  .gallery .frame,
  .gallery-shell,
  .cta .frame,
  .corporate-footer-inner{
    max-width:none !important;
  }

  .featured-grid{
    width:100% !important;
  }
}

/* Monitor Full HD e maiores: quase toda a tela */
@media(min-width:1600px){
  .frame,
  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 72px) !important;
    max-width:1840px !important;
  }
}

/* Ultrawide */
@media(min-width:2000px){
  .frame,
  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 96px) !important;
    max-width:2200px !important;
  }
}

/* Tablet */
@media(max-width:1099px) and (min-width:681px){
  .frame,
  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 40px) !important;
    max-width:none !important;
  }
}

/* Celular */
@media(max-width:680px){
  .frame,
  .container,
  .explore-hub-visual .explore-hub-inner,
  .corporate-footer .corporate-footer-inner,
  .partners-section .container,
  .partners .container,
  #parceiros > .container,
  .logo-runner{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
}


/* =========================================================
   V7.2 — FINAL / PATROCÍNIO MAIS COMPACTO
   Mantém o visual, reduz apenas a altura e espaços vazios.
   ========================================================= */

.corporate-footer{
  padding:24px 0 20px !important;
}

.corporate-footer .corporate-footer-inner{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Bloco "Seja patrocinador" */
.corporate-footer .corporate-sponsor{
  gap:10px !important;
  padding:0 0 20px !important;
  margin:0 0 18px !important;
}

.corporate-footer .corporate-eyebrow{
  margin-bottom:5px !important;
  font-size:8px !important;
}

.corporate-footer .corporate-sponsor h2{
  font-size:clamp(25px,2.4vw,34px) !important;
  line-height:1 !important;
}

.corporate-footer .corporate-sponsor p{
  max-width:650px !important;
  margin:8px auto 0 !important;
  font-size:11px !important;
  line-height:1.45 !important;
}

.corporate-footer .corporate-cta{
  min-width:170px !important;
  min-height:38px !important;
  height:38px !important;
  margin-top:3px !important;
  padding:0 17px !important;
  font-size:9px !important;
}

/* Colunas DELTA / PARCERIAS / CONTATO */
.corporate-footer .corporate-columns{
  padding-top:18px !important;
  padding-bottom:4px !important;
  gap:34px !important;
}

.corporate-footer .corporate-column h3{
  margin:0 0 8px !important;
  font-size:9px !important;
}

.corporate-footer .corporate-links{
  gap:5px !important;
}

.corporate-footer .corporate-links a{
  font-size:10px !important;
  line-height:1.35 !important;
}

/* Caso exista uma barra inferior/copyright */
.corporate-footer .footer-bottom,
.corporate-footer .corporate-bottom{
  margin-top:16px !important;
  padding-top:12px !important;
  padding-bottom:0 !important;
}

@media(max-width:680px){
  .corporate-footer{
    padding:24px 0 22px !important;
  }

  .corporate-footer .corporate-sponsor{
    padding-bottom:18px !important;
    margin-bottom:16px !important;
  }

  .corporate-footer .corporate-sponsor h2{
    font-size:25px !important;
  }

  .corporate-footer .corporate-columns{
    padding-top:15px !important;
    gap:20px 16px !important;
  }
}


/* =========================================================
   V7.3 — HERO COM FUNDO GAMER DISCRETO
   Mantém o visual azul/preto e adiciona uma imagem gamer quase
   "sumindo" no fundo, sem competir com texto e foto principal.
   ========================================================= */

.hero{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
}

/* Imagem gamer sutil no fundo */
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(2,10,18,.96) 0%,
      rgba(2,10,18,.90) 25%,
      rgba(2,10,18,.78) 55%,
      rgba(2,10,18,.90) 100%
    ),
    linear-gradient(180deg,
      rgba(3,13,24,.88) 0%,
      rgba(2,10,18,.72) 45%,
      rgba(2,10,18,.94) 100%
    ),
url("/assets/photos/gallery-new-03.webp") center/cover no-repeat;
    filter:saturate(.75) brightness(.75);
  transform:scale(1.03);
}

/* Mantém a identidade azul e o grid bem discreto por cima */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 62% 38%,rgba(0,126,255,.10),transparent 34%),
    linear-gradient(rgba(28,104,171,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,104,171,.055) 1px,transparent 1px);
  background-size:auto,52px 52px,52px 52px;
  opacity:.65;
}

/* Garante legibilidade total dos elementos do hero */
.hero .frame,
.hero .container,
.hero-inner{
  position:relative;
  z-index:1;
}

/* Em telas menores a imagem fica ainda mais suave */
@media(max-width:900px){
  .hero::before{
    background:
      linear-gradient(180deg,
        rgba(2,10,18,.94) 0%,
        rgba(2,10,18,.84) 48%,
        rgba(2,10,18,.96) 100%
      ),
      url("/assets/photos/gallery-new-03.webp") center/cover no-repeat;
    filter:saturate(.65) brightness(.65);
  }

  .hero::after{
    opacity:.50;
  }
}

@media(max-width:620px){
  .hero::before{
    background-position:60% center;
  }
}


/* =========================================================
   V7.4 — CORREÇÃO DO FUNDO GAMER DO HERO
   Correções:
   1. caminho real da imagem: /assets/photos/gallery-new-03.webp
   2. pseudo-elemento não fica mais atrás do background da seção
   ========================================================= */

.hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#020813 !important;
}

/* Foto gamer de fundo: visível, mas bem discreta */
.hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      rgba(2,8,19,.94) 0%,
      rgba(2,8,19,.88) 24%,
      rgba(2,8,19,.72) 52%,
      rgba(2,8,19,.82) 76%,
      rgba(2,8,19,.93) 100%
    ),
    linear-gradient(180deg,
      rgba(2,8,19,.84) 0%,
      rgba(2,8,19,.64) 48%,
      rgba(2,8,19,.92) 100%
    ),
    url("/assets/photos/gallery-new-03.webp") center 45% / cover no-repeat !important;
  opacity:.72 !important;
  filter:saturate(.75) contrast(1.04) brightness(.72) !important;
  transform:scale(1.025);
}

/* Camada azul + grid por cima da foto */
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 58% 42%,rgba(0,119,255,.10),transparent 34%),
    linear-gradient(rgba(22,91,150,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,91,150,.065) 1px,transparent 1px) !important;
  background-size:auto,52px 52px,52px 52px !important;
  opacity:.62 !important;
}

/* Desativa a grade antiga para não duplicar linhas */
.hero > .hero-bg-grid{
  display:none !important;
}

/* Todo o conteúdo fica acima das duas camadas */
.hero > .frame,
.hero .hero-frame{
  position:relative !important;
  z-index:2 !important;
}

/* Foto principal: posição mantida, pois já está equilibrada
   entre o bloco de texto e as estatísticas. */
.hero-center{
  position:relative !important;
}

@media(max-width:900px){
  .hero::before{
    background:
      linear-gradient(180deg,
        rgba(2,8,19,.91) 0%,
        rgba(2,8,19,.76) 46%,
        rgba(2,8,19,.94) 100%
      ),
      url("/assets/photos/gallery-new-03.webp") 58% center / cover no-repeat !important;
    opacity:.62 !important;
    filter:saturate(.68) brightness(.68) !important;
  }
}

@media(max-width:620px){
  .hero::before{
    opacity:.50 !important;
    background-position:center,62% center !important;
  }
}


/* =========================================================
   V7.5 — FOTO PRINCIPAL MAIS À DIREITA + FUNDO GAMER VISÍVEL
   ========================================================= */

/* Move somente o bloco da foto principal no desktop.
   O texto e as estatísticas permanecem onde estão. */
@media(min-width:1100px){
  .hero-center{
    left:36px !important;
  }
}

/* Em notebook o deslocamento é menor. */
@media(min-width:900px) and (max-width:1099px){
  .hero-center{
    left:20px !important;
  }
}

/* Tablet/celular continuam centralizados. */
@media(max-width:899px){
  .hero-center{
    left:0 !important;
  }
}

/* Fundo gamer: agora propositalmente mais perceptível.
   Continua escuro para não competir com WESLEY / DELTA e a foto principal. */
.hero::before{
  opacity:1 !important;
  background:
    linear-gradient(90deg,
      rgba(2,8,19,.82) 0%,
      rgba(2,8,19,.72) 22%,
      rgba(2,8,19,.48) 52%,
      rgba(2,8,19,.60) 76%,
      rgba(2,8,19,.82) 100%
    ),
    linear-gradient(180deg,
      rgba(2,8,19,.68) 0%,
      rgba(2,8,19,.43) 48%,
      rgba(2,8,19,.78) 100%
    ),
    url("/assets/photos/gallery-new-03.webp") center 45% / cover no-repeat !important;
  filter:saturate(.88) contrast(1.06) brightness(.88) !important;
}

/* O grid continua presente, mas menos forte para deixar a imagem aparecer. */
.hero::after{
  opacity:.42 !important;
}

@media(max-width:900px){
  .hero::before{
    opacity:1 !important;
    background:
      linear-gradient(180deg,
        rgba(2,8,19,.80) 0%,
        rgba(2,8,19,.62) 48%,
        rgba(2,8,19,.86) 100%
      ),
      url("/assets/photos/gallery-new-03.webp") 58% center / cover no-repeat !important;
    filter:saturate(.78) brightness(.78) !important;
  }

  .hero::after{
    opacity:.38 !important;
  }
}


/* =========================================================
   V7.6 — FUNDO GAMER ENVIADO PELO DELTA
   ========================================================= */

/* Imagem enviada pelo usuário, agora local dentro do projeto.
   Mais visível que nas versões anteriores, mas ainda integrada ao azul. */
.hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    linear-gradient(90deg,
      rgba(1,8,17,.76) 0%,
      rgba(1,8,17,.62) 22%,
      rgba(1,8,17,.38) 50%,
      rgba(1,8,17,.48) 76%,
      rgba(1,8,17,.72) 100%
    ),
    linear-gradient(180deg,
      rgba(1,8,17,.54) 0%,
      rgba(1,8,17,.30) 48%,
      rgba(1,8,17,.68) 100%
    ),
    url("/assets/photos/hero-gamer-bg.webp") center center / cover no-repeat !important;
  filter:saturate(.72) brightness(.78) contrast(1.04) !important;
  transform:scale(1.015);
}

/* Mantém a grade azul, mas suficientemente transparente
   para a nova imagem realmente aparecer. */
.hero::after{
  opacity:.32 !important;
}

/* Preserva o deslocamento da foto principal para a direita. */
@media(min-width:1100px){
  .hero-center{left:36px !important}
}

@media(min-width:900px) and (max-width:1099px){
  .hero-center{left:20px !important}
}

@media(max-width:899px){
  .hero-center{left:0 !important}
  .hero::before{
    background:
      linear-gradient(180deg,
        rgba(1,8,17,.72) 0%,
        rgba(1,8,17,.50) 48%,
        rgba(1,8,17,.78) 100%
      ),
      url("/assets/photos/hero-gamer-bg.webp") center center / cover no-repeat !important;
    filter:saturate(.68) brightness(.72) !important;
  }
  .hero::after{opacity:.28 !important}
}


/* =========================================================
   V7.7 — REDES SOCIAIS / ÍCONES PROFISSIONAIS
   ========================================================= */
.hero-socials{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
.hero-socials a{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border:1px solid rgba(76,166,255,.34) !important;
  border-radius:9px !important;
  background:rgba(3,13,25,.66) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#f5f9ff !important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease !important;
  text-decoration:none !important;
}
.hero-socials a:hover{
  transform:translateY(-3px) !important;
  border-color:#22a7ff !important;
  background:rgba(7,39,68,.92) !important;
  box-shadow:0 8px 24px rgba(0,136,255,.18) !important;
}
.hero-socials a svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:currentColor;
}
.hero-socials a.social-youtube{background:#ff1535 !important;border-color:#ff1535 !important;color:white !important}
.hero-socials a.social-youtube:hover{box-shadow:0 8px 24px rgba(255,21,53,.25) !important}
.hero-socials a.social-tiktok:hover{color:#25f4ee !important}
.hero-socials a.social-instagram:hover{color:#ff4f9a !important}
.hero-socials a.social-twitch:hover{color:#a970ff !important}
.hero-socials a.social-facebook:hover{color:#5b9cff !important}
.hero-socials a.social-discord:hover{color:#8c9eff !important}
.hero-socials a.social-kick:hover{color:#53fc18 !important}
.hero-socials a.social-facebook.is-placeholder{
  opacity:.58 !important;
}
@media(max-width:620px){
  .hero-socials{gap:8px !important}
  .hero-socials a{width:32px !important;height:32px !important;min-width:32px !important}
}

/* V7.8 — LivePix */
.hero-socials a.social-livepix:hover{
  color:#20e7b7 !important;
  border-color:#20e7b7 !important;
  box-shadow:0 8px 24px rgba(32,231,183,.18) !important;
}


/* V7.9 — Logo real do LivePix enviada pelo DELTA */
.hero-socials a .social-brand-img{
  width:19px !important;
  height:19px !important;
  object-fit:contain !important;
  display:block !important;
}
.hero-socials a .livepix-brand-img{
  width:20px !important;
  height:20px !important;
}
.hero-socials a.social-livepix:hover .livepix-brand-img{
  transform:scale(1.06);
}


/* =========================================================
   V7.10 — LUZ SEQUENCIAL NOS ÍCONES SOCIAIS
   YouTube -> Instagram -> TikTok -> Twitch -> Facebook ->
   Discord -> Kick -> LivePix -> reinicia.
   ========================================================= */

.hero-socials a{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Reflexo de luz que cruza cada botão */
.hero-socials a::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  top:-35% !important;
  left:-85% !important;
  width:42% !important;
  height:170% !important;
  pointer-events:none !important;
  opacity:0;
  transform:skewX(-22deg);
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.10) 22%,
    rgba(255,255,255,.95) 50%,
    rgba(77,190,255,.55) 68%,
    transparent 100%
  ) !important;
  filter:blur(.5px);
  animation:socialLightSweep 8s ease-in-out infinite;
}

/* O ícone sempre fica por cima da luz */
.hero-socials a > svg,
.hero-socials a > img{
  position:relative !important;
  z-index:2 !important;
}

/* Glow do contorno sincronizado com a passagem */
.hero-socials a{
  animation:socialButtonGlow 8s ease-in-out infinite;
}

/* 8 redes = cada uma recebe sua vez na sequência */
.hero-socials a:nth-child(1),
.hero-socials a:nth-child(1)::before{animation-delay:0s !important}
.hero-socials a:nth-child(2),
.hero-socials a:nth-child(2)::before{animation-delay:1s !important}
.hero-socials a:nth-child(3),
.hero-socials a:nth-child(3)::before{animation-delay:2s !important}
.hero-socials a:nth-child(4),
.hero-socials a:nth-child(4)::before{animation-delay:3s !important}
.hero-socials a:nth-child(5),
.hero-socials a:nth-child(5)::before{animation-delay:4s !important}
.hero-socials a:nth-child(6),
.hero-socials a:nth-child(6)::before{animation-delay:5s !important}
.hero-socials a:nth-child(7),
.hero-socials a:nth-child(7)::before{animation-delay:6s !important}
.hero-socials a:nth-child(8),
.hero-socials a:nth-child(8)::before{animation-delay:7s !important}

@keyframes socialLightSweep{
  0%,7%{
    left:-85%;
    opacity:0;
  }
  9%{
    opacity:.95;
  }
  16%{
    left:145%;
    opacity:.9;
  }
  19%,100%{
    left:145%;
    opacity:0;
  }
}

@keyframes socialButtonGlow{
  0%,7%,20%,100%{
    box-shadow:none;
    border-color:rgba(76,166,255,.34);
  }
  10%,16%{
    border-color:rgba(105,207,255,.95);
    box-shadow:
      0 0 7px rgba(55,180,255,.72),
      0 0 18px rgba(0,126,255,.30);
  }
}

/* Mantém o vermelho original do YouTube, mas deixa o brilho passar */
.hero-socials a.social-youtube{
  animation-name:socialYoutubeGlow !important;
}
@keyframes socialYoutubeGlow{
  0%,7%,20%,100%{
    box-shadow:none;
    border-color:#ff1535;
  }
  10%,16%{
    border-color:#fff;
    box-shadow:
      0 0 8px rgba(255,255,255,.65),
      0 0 20px rgba(255,21,53,.48);
  }
}

/* Acessibilidade: respeita usuários que desativam animações */
@media(prefers-reduced-motion:reduce){
  .hero-socials a,
  .hero-socials a::before{
    animation:none !important;
  }
}


/* =========================================================
   HOME V9.2 — GALERIA "MUITO ALÉM DAS TELAS"
   Movimento contínuo rápido + pausa e aproximação no hover.
   ========================================================= */

.gallery-viewport{
  overflow:hidden !important;
  position:relative !important;
  padding:12px 0 !important;
}

.gallery-track{
  display:flex !important;
  width:max-content !important;
  gap:14px !important;
  transition:none;
  will-change:transform !important;
}

/* Card aumenta quando está sob o mouse */
.gallery-card{
  position:relative !important;
  z-index:1;
  transition:
    scale .28s cubic-bezier(.2,.8,.2,1),
    translate .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease !important;
  transform-origin:center center !important;
}

/* Importante: usamos scale/translate separados para NÃO disputar
   com o translate3d do trilho nem com o zoom configurável da imagem. */
@media (hover:hover) and (pointer:fine){
  .gallery-card:hover{
    scale:1.055 !important;
    translate:0 -5px !important;
    z-index:20 !important;
    border-color:rgba(79,191,255,.78) !important;
    box-shadow:
      0 16px 38px rgba(0,0,0,.38),
      0 0 0 1px rgba(72,184,255,.22),
      0 0 28px rgba(0,136,255,.20) !important;
  }

  .gallery-card img{
    transition:filter .28s ease !important;
  }

  .gallery-card:hover img{
    filter:saturate(1.04) brightness(1.06) !important;
  }
}

/* Fade lateral semelhante ao restante do site */
.gallery-viewport::before,
.gallery-viewport::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:42px;
  z-index:30;
  pointer-events:none;
}
.gallery-viewport::before{
  left:0;
  background:linear-gradient(90deg,#020814,rgba(2,8,20,0));
}
.gallery-viewport::after{
  right:0;
  background:linear-gradient(270deg,#020814,rgba(2,8,20,0));
}


/* HOME V9.6 — destaque do card de Recomendações */
.explore-card.is-featured,
.explore-item.is-featured{
  border-color:rgba(41,173,255,.62) !important;
  box-shadow:0 0 0 1px rgba(29,154,255,.08),0 18px 48px rgba(0,0,0,.26),0 0 32px rgba(0,137,255,.08);
}
.explore-card.is-featured:hover,
.explore-item.is-featured:hover{
  transform:translateY(-5px) scale(1.012);
  box-shadow:0 20px 50px rgba(0,0,0,.34),0 0 38px rgba(0,148,255,.12);
}


/* =========================================================
   HOME V9.7 — NOTIFICAÇÃO FLUTUANTE DE CUPOM
   ========================================================= */
.delta-promo-toast{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:999;
  width:min(390px,calc(100vw - 28px));
  border:1px solid rgba(53,183,255,.38);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(5,17,30,.98),rgba(3,10,18,.98));
  box-shadow:0 18px 55px rgba(0,0,0,.46),0 0 34px rgba(0,137,255,.12);
  backdrop-filter:blur(18px);
  overflow:hidden;
  opacity:0;
  transform:translateX(28px) translateY(8px) scale(.98);
  transition:opacity .34s ease,transform .34s cubic-bezier(.2,.8,.2,1),border-color .25s ease;
}
.delta-promo-toast.is-visible{
  opacity:1;
  transform:translateX(0) translateY(0) scale(1);
}
.delta-promo-toast:hover{
  border-color:rgba(73,195,255,.72);
}
.delta-promo-link{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 46px 18px 17px;
}
.delta-promo-icon{
  flex:none;
  width:44px;height:44px;
  border-radius:13px;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#12adff,#087ff2);
  color:#fff;
  font-weight:1000;
  font-size:19px;
  box-shadow:0 0 22px rgba(0,151,255,.22);
}
.delta-promo-copy{min-width:0;display:block}
.delta-promo-copy small{
  display:block;color:#43c4ff;font-size:8px;font-weight:1000;letter-spacing:.14em;margin-bottom:5px
}
.delta-promo-copy strong{
  display:block;color:#fff;font-size:13px;line-height:1.24
}
.delta-promo-copy > span{
  display:block;margin-top:6px;color:#9bacbd;font-size:10px;line-height:1.5
}
.delta-promo-copy b{
  display:inline-block;margin-top:10px;color:#e8f7ff;font-size:9px;letter-spacing:.08em
}
.delta-promo-copy b::after{content:"  →";color:#35bcff}
.delta-promo-close{
  position:absolute;right:9px;top:9px;z-index:3;
  width:29px;height:29px;border:0;border-radius:8px;
  background:rgba(255,255,255,.05);color:#8fa3b8;
  cursor:pointer;font-size:18px;line-height:1
}
.delta-promo-close:hover{background:rgba(255,255,255,.1);color:#fff}
@media(max-width:650px){
  .delta-promo-toast{right:14px;bottom:14px;width:calc(100vw - 28px)}
  .delta-promo-link{padding:15px 42px 15px 14px}
}
@media(prefers-reduced-motion:reduce){
  .delta-promo-toast{transition:none!important}
}


/* =========================================================
   HOME V9.9 — LOGOS REAIS DAS REDES NO HEADER
   ========================================================= */
.social-mini{
  display:flex!important;
  align-items:center;
  gap:5px!important;
}
.social-mini .social-brand{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#9eb0c2!important;
  background:transparent!important;
  transition:transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.social-mini .social-brand svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:currentColor!important;
}
.social-mini .social-brand:hover{
  transform:translateY(-2px) scale(1.08)!important;
  color:#fff!important;
  background:rgba(0,145,255,.10)!important;
  border-color:rgba(53,184,255,.34)!important;
  box-shadow:0 0 16px rgba(0,145,255,.11)!important;
}
.social-mini .social-youtube:hover{color:#ff3152!important}
.social-mini .social-instagram:hover{color:#ff5faf!important}
.social-mini .social-tiktok:hover{color:#ffffff!important}
.social-mini .social-twitch:hover{color:#a970ff!important}
.social-mini .social-facebook:hover{color:#5b9dff!important}
.social-mini .social-discord:hover{color:#7d8cff!important}
.social-mini .social-kick:hover{color:#53fc18!important}

/* Hero/footer também recebem os SVGs corretos, mantendo o estilo maior existente. */
.hero-socials .social-brand svg,
.footer-socials .social-brand svg{
  width:18px;
  height:18px;
  fill:currentColor;
  display:block;
}
@media(max-width:1180px){
  .social-mini{gap:2px!important}
  .social-mini .social-brand{width:24px!important;height:24px!important;min-width:24px!important}
  .social-mini .social-brand svg{width:13px!important;height:13px!important}
}


/* =========================================================
   HOME V10.0 — DOIS PERFIS SOCIAIS
   ========================================================= */
.social-profiles-section{
  padding:62px 0 28px;
}
.social-profiles-head{
  margin-bottom:20px;
}
.social-profiles-head h2{
  margin:0;
  font-family:Arial Black,Inter,sans-serif;
  font-size:clamp(28px,3vw,46px);
  letter-spacing:-.04em;
}
.social-profiles-head p{
  margin:8px 0 0;
  color:#8398ad;
  font-size:12px;
}
.social-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.social-profile-card{
  position:relative;
  padding:24px;
  border:1px solid rgba(73,163,225,.18);
  border-radius:18px;
  background:linear-gradient(145deg,#091523,#06101a);
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.social-profile-card::before{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  right:-70px;top:-85px;
  background:radial-gradient(circle,rgba(0,151,255,.12),transparent 70%);
  pointer-events:none;
}
.social-profile-card:hover{
  transform:translateY(-4px);
  border-color:rgba(55,188,255,.52);
  box-shadow:0 16px 42px rgba(0,0,0,.30),0 0 26px rgba(0,140,255,.08);
}
.social-profile-label{
  color:#46c2ff;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.13em;
}
.social-profile-card h3{
  margin:8px 0 7px;
  font-family:Arial Black,Inter,sans-serif;
  font-size:27px;
  letter-spacing:-.035em;
}
.social-profile-card p{
  margin:0;
  color:#8fa2b5;
  font-size:11px;
  line-height:1.6;
  max-width:540px;
}
.social-profile-links{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.profile-social-link{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid rgba(72,161,222,.20);
  border-radius:10px;
  background:#06111d;
  color:#a9bbcc;
  font-size:9px;
  font-weight:900;
  transition:all .22s ease;
}
.profile-social-link svg{
  width:15px;height:15px;fill:currentColor;display:block;
}
.profile-social-link:hover{
  transform:translateY(-2px);
  color:#fff;
  border-color:rgba(52,184,255,.48);
  background:rgba(0,145,255,.09);
  box-shadow:0 0 18px rgba(0,145,255,.08);
}
.profile-social-link.social-youtube:hover{color:#ff3152}
.profile-social-link.social-instagram:hover{color:#ff5faf}
.profile-social-link.social-tiktok:hover{color:#fff}
.profile-social-link.social-twitch:hover{color:#a970ff}
.profile-social-link.social-facebook:hover{color:#5b9dff}
.profile-social-link.social-discord:hover{color:#7d8cff}
.profile-social-link.social-kick:hover{color:#53fc18}
.profile-social-link.social-livepix:hover{color:#39d98a}

@media(max-width:760px){
  .social-profile-grid{grid-template-columns:1fr}
  .social-profile-card{padding:20px}
}


/* =========================================================
   HOME V10.1 — REDES OFICIAIS ACIMA DE CONTEÚDO EM DESTAQUE
   ========================================================= */
.social-profiles-section{
  padding:54px 0 34px !important;
  margin:0 auto !important;
}
.social-profiles-head{
  margin:0 0 20px !important;
}
.social-profiles-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#39baff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}
.social-profiles-head h2{
  margin:8px 0 0 !important;
  font-family:Arial Black,Inter,sans-serif;
  font-size:clamp(26px,2.6vw,42px) !important;
  line-height:1.05;
  letter-spacing:-.04em;
}
.social-profiles-head p{
  margin:8px 0 0 !important;
  color:#8498ac;
  font-size:11px;
}
.social-profile-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100%;
}
.social-profile-card{
  min-width:0;
  min-height:170px;
  padding:22px !important;
  border:1px solid rgba(70,162,224,.19) !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 92% 0%,rgba(0,145,255,.10),transparent 34%),
    linear-gradient(145deg,#091522,#06101a) !important;
  overflow:hidden;
}
.social-profile-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(49,185,255,.48) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 26px rgba(0,142,255,.07) !important;
}
.social-profile-label{
  color:#42beff !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
}
.social-profile-card h3{
  margin:7px 0 5px !important;
  font-family:Arial Black,Inter,sans-serif;
  font-size:25px !important;
  line-height:1;
}
.social-profile-card p{
  max-width:560px;
  margin:0 !important;
  color:#899caf !important;
  font-size:10px !important;
  line-height:1.55 !important;
}
.social-profile-links{
  display:flex !important;
  align-items:center;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:17px !important;
}
.profile-social-link{
  min-height:35px !important;
  padding:0 11px !important;
  border-radius:9px !important;
  border:1px solid rgba(72,160,222,.22) !important;
  background:rgba(4,15,26,.76) !important;
  color:#a8b8c8 !important;
  font-size:8px !important;
  font-weight:900 !important;
  white-space:nowrap;
}
.profile-social-link svg{
  width:14px !important;
  height:14px !important;
  fill:currentColor !important;
}
.profile-social-link:hover{
  color:#fff !important;
  border-color:rgba(47,183,255,.52) !important;
  background:rgba(0,145,255,.09) !important;
}
@media(max-width:760px){
  .social-profile-grid{
    grid-template-columns:1fr !important;
  }
  .social-profile-card{
    min-height:0;
    padding:19px !important;
  }
}

/* V10.2 definitive social hub fix */
.delta-social-hub{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:42px 0 36px!important;background:#030b14!important;border-top:1px solid rgba(34,150,220,.16);border-bottom:1px solid rgba(34,150,220,.16);overflow:visible!important}
.delta-social-hub-inner{display:block!important;height:auto!important;min-height:0!important}
.delta-social-heading{display:block!important;margin:0 0 18px!important;padding:0!important;position:static!important}
.delta-social-heading h2{margin:7px 0 5px!important;font-size:clamp(24px,2.5vw,38px)!important;line-height:1.08!important}
.delta-social-heading p{margin:0!important;color:#8398ad!important;font-size:11px!important}
.delta-social-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}
.delta-profile-card{display:block!important;position:relative!important;min-width:0!important;width:auto!important;height:auto!important;min-height:150px!important;margin:0!important;padding:22px!important;border-radius:17px!important;border:1px solid rgba(70,162,224,.20)!important;background:radial-gradient(circle at 92% 0%,rgba(0,145,255,.11),transparent 35%),linear-gradient(145deg,#091522,#06101a)!important;overflow:hidden!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.delta-profile-card:hover{transform:translateY(-3px)!important;border-color:rgba(49,185,255,.50)!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important}
.delta-profile-label{display:block!important;color:#42beff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important}
.delta-profile-card h3{margin:8px 0 6px!important;font-size:25px!important;line-height:1!important}
.delta-profile-card p{margin:0!important;color:#899caf!important;font-size:10px!important;line-height:1.55!important;max-width:560px!important}
.delta-profile-links{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin:17px 0 0!important;position:static!important}
.delta-social-link{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:35px!important;padding:0 11px!important;border:1px solid rgba(72,160,222,.22)!important;border-radius:9px!important;background:rgba(4,15,26,.76)!important;color:#a8b8c8!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}
.delta-social-link svg{display:block!important;width:14px!important;height:14px!important;fill:currentColor!important}
.delta-social-link:hover{color:#fff!important;border-color:rgba(47,183,255,.52)!important;background:rgba(0,145,255,.09)!important}
@media(max-width:760px){.delta-social-grid{grid-template-columns:1fr!important}.delta-profile-card{min-height:0!important;padding:19px!important}}


/* V10.4 — fotos nos perfis sociais */
.delta-profile-card{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
  padding:0!important;
  min-height:190px!important;
}
.delta-profile-photo{
  min-width:0;
  min-height:190px;
  overflow:hidden;
  background:#07111d;
  border-right:1px solid rgba(70,162,224,.16);
}
.delta-profile-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.delta-profile-body{
  min-width:0;
  padding:22px 22px 20px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@media(max-width:900px){
  .delta-profile-card{
    grid-template-columns:130px minmax(0,1fr)!important;
  }
}
@media(max-width:620px){
  .delta-profile-card{
    grid-template-columns:1fr!important;
  }
  .delta-profile-photo{
    min-height:230px;
    border-right:0;
    border-bottom:1px solid rgba(70,162,224,.16);
  }
  .delta-profile-body{
    padding:18px!important;
  }
}


/* =========================================================
   V10.6 — LEGIBILIDADE DA HOME EM DESKTOP E CELULAR
   ========================================================= */
@media(min-width:1100px){
  .stats-row{
    gap:16px;
    padding:22px 0 20px;
  }
  .stat-card{
    min-height:92px;
    gap:18px;
    padding:14px 18px;
  }
  .stat-icon{font-size:29px}
  .stat-card strong{font-size:clamp(28px,1.65vw,34px)}
  .stat-card span:last-child{margin-top:7px;font-size:10px;line-height:1.25}

  .about-row{
    grid-template-columns:minmax(290px,330px) minmax(0,1fr) minmax(300px,330px);
    gap:32px;
    padding:0 0 34px;
  }
  .about-photo{height:320px !important}
  .about-copy h2{
    margin-bottom:14px;
    font-size:clamp(27px,1.7vw,34px);
  }
  .about-copy p{
    max-width:1050px;
    margin-bottom:20px;
    font-size:clamp(13px,.82vw,15px);
    line-height:1.72;
  }
  .about-btn{
    min-height:43px;
    padding:0 19px;
    font-size:11px;
  }
  .about-topics{gap:12px}
  .topic-card{
    min-height:78px;
    padding:13px 15px;
    gap:10px;
    font-size:11px;
    line-height:1.3;
  }
  .topic-card b{font-size:21px}
}

/* Textos auxiliares que estavam pequenos demais em monitores atuais */
.partners-heading p,
.gallery-head p,
.featured-head p,
.commercial p,
.corporate-sponsor p,
.delta-social-heading p{
  font-size:clamp(11px,.72vw,13px) !important;
  line-height:1.55 !important;
}

@media(max-width:680px){
  .stats-row{
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding:16px 0;
  }
  .stat-card{
    min-height:82px;
    gap:10px;
    padding:11px 9px;
  }
  .stat-icon{font-size:21px}
  .stat-card strong{font-size:23px}
  .stat-card span:last-child{font-size:9px;line-height:1.25}

  .about-row{gap:20px;padding-bottom:29px}
  .about-photo{height:min(105vw,410px) !important}
  .about-copy h2{margin-bottom:11px;font-size:25px;line-height:1.1}
  .about-copy p{margin-bottom:17px;font-size:14px;line-height:1.7}
  .about-btn{min-height:44px;padding:0 17px;font-size:11px}
  .about-topics{gap:9px}
  .topic-card{min-height:72px;padding:11px;font-size:11px;line-height:1.3}

  .explore-hub-visual .visual-grid{grid-template-columns:1fr !important}
  .explore-hub-visual .visual-card{height:190px !important;min-height:190px !important}
  .explore-hub-visual .visual-card-content{padding:15px !important}
  .explore-hub-visual .visual-card-content h3{font-size:13px !important;line-height:1.25}
  .explore-hub-visual .visual-card-content p{
    display:block !important;
    max-width:82% !important;
    margin-top:7px !important;
    font-size:11px !important;
    line-height:1.45 !important;
  }
  .explore-hub-visual .visual-card-action{font-size:9px !important}
  .explore-hub-visual .explore-card-badge{font-size:8px !important}

  .delta-profile-card p{font-size:12px !important;line-height:1.6 !important}
  .delta-social-link{min-height:39px !important;font-size:10px !important}
  .video-info h3{font-size:13px}
  .video-info p{font-size:10.5px;line-height:1.45}
  .commercial p{font-size:13px !important}
  .footer-nav a,.footer-socials a{font-size:10px}
  footer small,.tagline{font-size:9px}
}

@media(max-width:390px){
  .stats-row{grid-template-columns:1fr}
  .about-topics{grid-template-columns:1fr}
}


/* V10.7 — cards do Universo DELTA maiores e CTAs premium */
@media(min-width:681px){
  .explore-hub-visual .visual-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
  }
  .explore-hub-visual .visual-card{
    height:198px !important;
    min-height:198px !important;
  }
  .explore-hub-visual .visual-card-content{
    padding:17px !important;
  }
  .explore-hub-visual .visual-card-content h3{
    font-size:15px !important;
    line-height:1.22 !important;
  }
  .explore-hub-visual .visual-card-content p{
    max-width:270px !important;
    margin-top:7px !important;
    font-size:12px !important;
    line-height:1.48 !important;
  }
  .explore-hub-visual .visual-card-action{
    margin-top:9px !important;
    font-size:9.6px !important;
  }
  .explore-hub-visual .explore-card-badge{
    top:12px !important;
    left:12px !important;
    min-height:23px !important;
    padding:0 9px !important;
    font-size:8.3px !important;
  }
  .explore-hub-visual .visual-card-arrow{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
  }
}

@media(min-width:681px) and (max-width:1050px){
  .explore-hub-visual .visual-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

#heroPrimary,
#aboutBtn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:47px;
  padding:0 22px;
  border:1px solid rgba(113,222,255,.92);
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#087cff 0%,#0ba8ff 52%,#04c3ec 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 20px rgba(0,114,255,.20);
  font-size:12px;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,35,83,.5);
  transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease,filter .28s ease;
}
#heroPrimary::before,
#aboutBtn::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-80%;
  left:-36%;
  width:24%;
  height:260%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  transition:left .55s ease;
  pointer-events:none;
}
#heroPrimary:hover,
#aboutBtn:hover{
  transform:translateY(-2px) scale(1.025);
  border-color:#c5f4ff;
  filter:brightness(1.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 11px 25px rgba(0,126,255,.28),0 0 18px rgba(0,197,255,.16);
}
#heroPrimary:hover::before,
#aboutBtn:hover::before{left:120%}
#heroPrimary:focus-visible,
#aboutBtn:focus-visible{
  outline:3px solid rgba(74,207,255,.42);
  outline-offset:3px;
}

@media(max-width:680px){
  #heroPrimary,
  #aboutBtn{
    min-height:48px;
    padding:0 18px;
    font-size:12px;
  }
}


/* =========================================================
   V10.8 — VITRINE PREMIUM DE MARCAS E PARCEIROS
   ========================================================= */
.partners{
  padding:38px 0 34px !important;
  background:
    radial-gradient(circle at 50% -30%,rgba(0,144,255,.19),transparent 48%),
    linear-gradient(180deg,#07182b 0%,#040d18 100%) !important;
  border-top:1px solid rgba(49,174,255,.32) !important;
  border-bottom:1px solid rgba(49,174,255,.28) !important;
}
.partners-heading h2{
  font-size:clamp(23px,1.7vw,30px) !important;
  letter-spacing:.02em !important;
}
.partners-heading p{
  margin-top:8px !important;
  font-size:13px !important;
}
.logo-runner{
  min-height:154px !important;
  margin-top:22px !important;
  padding:7px 0 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%) !important;
}
.partner-track{
  gap:14px !important;
  align-items:center !important;
}
.logo-runner:hover .partner-track{animation-play-state:paused !important}
.partner-item{
  flex:0 0 205px !important;
  width:205px !important;
  min-width:205px !important;
  height:128px !important;
  padding:0 !important;
  overflow:visible !important;
}
.partner-card{
  position:relative;
  width:100%;
  height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px;
  overflow:hidden;
  border:1px solid rgba(91,184,255,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0%,rgba(36,162,255,.11),transparent 52%),
    linear-gradient(145deg,rgba(12,31,51,.96),rgba(5,17,30,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.16);
  color:#fff;
  text-decoration:none;
  transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease;
}
.partner-card::after{
  content:"";
  position:absolute;
  top:-80%;
  left:-55%;
  width:22%;
  height:260%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transition:left .58s ease;
  pointer-events:none;
}
.partner-card-logo{
  width:100%;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 13px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.7);
  border-radius:11px;
  background:#fff;
}
.partner-card-logo-img{
  display:block;
  width:100%;
  height:100%;
  max-width:158px;
  max-height:56px;
  object-fit:contain;
  object-position:center;
  filter:none !important;
}
.partner-card-fallback{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:12px;
  color:#0579d7;
  background:#e9f6ff;
  font-size:17px;
  font-weight:1000;
}
.partner-card-name{
  max-width:100%;
  overflow:hidden;
  color:#eaf6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.partner-card:hover{
  transform:translateY(-5px) scale(1.025);
  border-color:rgba(64,194,255,.72);
  box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 25px rgba(0,157,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
.partner-card:hover::after{left:135%}

@media(max-width:680px){
  .partners{padding:29px 0 25px !important}
  .partners-heading h2{font-size:21px !important;line-height:1.2}
  .partners-heading p{font-size:12px !important}
  .logo-runner{min-height:132px !important;margin-top:17px !important}
  .partner-track{gap:10px !important}
  .partner-item{
    flex-basis:164px !important;
    width:164px !important;
    min-width:164px !important;
    height:112px !important;
  }
  .partner-card{height:104px;border-radius:14px;padding:8px;gap:7px}
  .partner-card-logo{height:63px;padding:7px 10px}
  .partner-card-logo-img{max-width:132px;max-height:49px}
  .partner-card-name{font-size:11px}
}


/* V10.9 — parceiros novamente minimalistas: ícone vetorial + nome */
.partners{
  padding:25px 0 22px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,118,255,.10),transparent 44%),
    linear-gradient(180deg,#061426 0%,#03101d 100%) !important;
}
.partners-heading h2{font-size:21px !important}
.partners-heading p{margin-top:7px !important;font-size:11px !important}
.logo-runner{
  min-height:76px !important;
  margin-top:14px !important;
  padding:0 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%) !important;
}
.partner-track{gap:0 !important}
.logo-runner:hover .partner-track{animation-play-state:running !important}
.partner-item{
  flex:0 0 154px !important;
  width:154px !important;
  min-width:154px !important;
  height:54px !important;
  padding:0 10px !important;
}
.partner-card{
  width:100%;
  height:54px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
  text-decoration:none;
  transition:transform .24s ease;
}
.partner-card::after{display:none !important}
.partner-card-logo{
  flex:0 0 30px;
  width:30px;
  height:30px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.partner-card-logo-img{
  width:30px;
  height:30px;
  max-width:30px;
  max-height:30px;
  object-fit:contain;
  image-rendering:auto;
}
.partner-tencent .partner-card-logo{
  flex-basis:40px;
  width:40px;
}
.partner-tencent .partner-card-logo-img{
  width:40px;
  max-width:40px;
}
.partner-card-fallback{
  width:29px;
  height:29px;
  border-radius:8px;
  color:#fff;
  background:rgba(0,145,255,.28);
  font-size:11px;
}
.partner-card-name{
  max-width:96px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.01em;
}
.partner-card:hover{
  transform:translateY(-1px) scale(1.035);
  border:0;
  box-shadow:none;
}

@media(max-width:680px){
  .partners{padding:20px 0 17px !important}
  .partners-heading h2{font-size:18px !important}
  .partners-heading p{font-size:11px !important}
  .logo-runner{min-height:68px !important;margin-top:12px !important}
  .partner-item{
    flex-basis:130px !important;
    width:130px !important;
    min-width:130px !important;
    height:50px !important;
    padding:0 8px !important;
  }
  .partner-card{height:50px;gap:7px}
  .partner-card-logo,
  .partner-card-logo-img{width:25px;height:25px;max-width:25px;max-height:25px}
  .partner-card-name{max-width:84px;font-size:11px}
}


/* =========================================================
   V11 — BLOCOS FLEXÍVEIS (texto / imagem / vídeo do YouTube)
   ========================================================= */
.flex-blocks{
  padding:34px 0 30px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,130,255,.10),transparent 46%),
    linear-gradient(180deg,#050f1d 0%,#020814 100%) !important;
  border-top:1px solid rgba(49,174,255,.22) !important;
}
.flex-blocks-container{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.flex-block{min-width:0}
.flex-block--text{
  max-width:780px;
  margin:0 auto;
  text-align:center;
}
.flex-block--text h2{
  margin:0 0 10px;
  font-family:"Rajdhani",var(--font-fallback,sans-serif);
  font-size:clamp(22px,2vw,30px);
  font-weight:700;
  letter-spacing:.02em;
  color:#f4faff;
}
.flex-block--text p{
  margin:0;
  font-size:clamp(14px,.95vw,16px);
  line-height:1.72;
  color:#c2d4e6;
}
.flex-block--image{
  display:flex;
  justify-content:center;
}
.flex-block--image img{
  display:block;
  max-width:100%;
  border-radius:18px;
  border:1px solid rgba(70,162,224,.18);
  box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.flex-block--image .flex-block--image-figure{
  margin:0;
}
.flex-block--image figcaption{
  margin-top:9px;
  text-align:center;
  font-size:11px;
  color:#8fa3b8;
}
/* Vídeo do YouTube — iframe responsivo */
.flex-block--video{
  width:100%;
  max-width:860px;
  margin:0 auto;
}
.flex-block--video .video-responsive{
  position:relative;
  width:100%;
  padding-top:56.25%; /* 16:9 */
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(70,162,224,.2);
  background:#01040a;
  box-shadow:0 16px 40px rgba(0,0,0,.4);
}
.flex-block--video iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}
@media(max-width:680px){
  .flex-blocks{padding:26px 0 22px !important}
  .flex-blocks-container{gap:22px}
  .flex-block--text{text-align:left}
  .flex-block--text h2{font-size:21px}
  .flex-block--image img{border-radius:14px}
}

/* CONTEÚDO EM DESTAQUE — cinco cards fixos na mesma linha no computador.
   Regra ao final para não ser sobrescrita por estilos antigos. */
@media(min-width:901px){
  #conteudo .content-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  #conteudo .video-thumb{
    height:auto !important;
    aspect-ratio:1 / .72;
  }
}


/* =========================================================
   HOME — REVISÃO DE LEGIBILIDADE
   Apenas tipografia/contraste da página principal.
   Não altera estrutura, fotos, ordem, links ou conteúdo.
   ========================================================= */

/* Melhor renderização de texto */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Desktop / notebook */
@media (min-width:901px){

  /* Cabeçalho */
  .main-nav a{font-size:12px !important}
  .social-mini a{font-size:13px !important}
  .btn{font-size:11.5px}

  /* Hero */
  .hero-left p{
    font-size:14px !important;
    line-height:1.62 !important;
    color:#dce5ee !important;
  }
  .hero-stat span{
    font-size:10.5px !important;
    line-height:1.45 !important;
  }
  .quick-topic{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  /* Parceiros */
  .partners-heading h2{font-size:22px !important}
  .partners-heading p{
    font-size:12px !important;
    line-height:1.5 !important;
    color:#aebdca !important;
  }

  /* Números */
  .stat-card span:last-child{
    font-size:10.5px !important;
    line-height:1.35 !important;
  }

  /* Sobre */
  .about-copy h2{font-size:32px !important}
  .about-copy p{
    font-size:14px !important;
    line-height:1.72 !important;
    color:#c4d0db !important;
  }
  .topic-card{
    font-size:11.5px !important;
    line-height:1.35 !important;
  }

  /* Galeria */
  .gallery-kicker{font-size:10.5px !important}
  .gallery-head h2{font-size:27px !important}
  .gallery-head p{
    font-size:12px !important;
    line-height:1.55 !important;
    color:#a8b8c6 !important;
  }
  .gallery-overlay h3{
    font-size:14px !important;
    line-height:1.3 !important;
  }
  .gallery-overlay p{
    font-size:11px !important;
    line-height:1.5 !important;
    color:#b1c2d0 !important;
  }

  /* Universo DELTA */
  .explore-hub-visual .explore-eyebrow{font-size:10px !important}
  .explore-hub-visual .explore-hub-head h2{
    font-size:31px !important;
    line-height:1.06 !important;
  }
  .explore-hub-visual .explore-hub-head p{
    font-size:12.5px !important;
    line-height:1.55 !important;
    color:#9aabba !important;
  }
  .explore-hub-visual .explore-card-badge{font-size:8.5px !important}
  .visual-card-content h3{
    font-size:14px !important;
    line-height:1.25 !important;
  }
  .visual-card-content p{
    font-size:11.5px !important;
    line-height:1.45 !important;
    color:#afbdc9 !important;
  }
  .explore-hub-visual .visual-card-action{font-size:9.5px !important}

  /* Redes sociais */
  .delta-social-heading .gallery-kicker{font-size:10px !important}
  .delta-social-heading h2{font-size:34px !important}
  .delta-social-heading p{
    font-size:12.5px !important;
    line-height:1.55 !important;
    color:#9eb0c0 !important;
  }
  .delta-profile-label{font-size:9.5px !important}
  .delta-profile-card p{
    font-size:12px !important;
    line-height:1.6 !important;
    color:#a9bac9 !important;
  }
  .delta-social-link{
    font-size:10px !important;
    min-height:38px !important;
  }

  /* CONTEÚDO EM DESTAQUE — principal correção */
  #conteudo .featured-head h2{
    font-size:27px !important;
    line-height:1.08 !important;
  }
  #conteudo .featured-head p{
    font-size:12.5px !important;
    line-height:1.55 !important;
    color:#aebdca !important;
  }
  #conteudo .btn-view{
    min-height:36px !important;
    padding:0 15px !important;
    font-size:10.5px !important;
  }
  #conteudo .video-info{
    padding-top:10px !important;
  }
  #conteudo .video-info h3{
    margin-bottom:5px !important;
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
  }
  #conteudo .video-info p{
    font-size:11.5px !important;
    line-height:1.5 !important;
    color:#a5b7c7 !important;
  }

  /* CTA comercial */
  .commercial-kicker{font-size:10px !important}
  .commercial h2{font-size:29px !important}
  .commercial p{
    font-size:13px !important;
    line-height:1.55 !important;
    color:#b3c2cf !important;
  }

  /* Rodapé corporativo + rodapé final */
  .corporate-eyebrow{font-size:10px !important}
  .corporate-sponsor p{
    font-size:13px !important;
    line-height:1.6 !important;
  }
  .corporate-column h3{font-size:11px !important}
  .corporate-links a{font-size:12px !important}
  .tagline{font-size:10px !important}
  .footer-nav a{font-size:10.5px !important}
  .footer-socials a{font-size:10.5px !important}
  footer small{font-size:9px !important}
}

/* Tablet e celular */
@media (max-width:900px){

  .hero-left p{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .partners-heading p{font-size:11.5px !important}

  .stat-card span:last-child{
    font-size:10px !important;
    line-height:1.35 !important;
  }

  .gallery-head h2{font-size:25px !important}
  .gallery-head p{font-size:11.5px !important}
  .gallery-overlay h3{font-size:13px !important}
  .gallery-overlay p{font-size:10.5px !important}

  .explore-hub-visual .explore-eyebrow{font-size:9.5px !important}
  .explore-hub-visual .explore-hub-head h2{font-size:27px !important}
  .explore-hub-visual .explore-hub-head p{font-size:12px !important}
  .explore-hub-visual .visual-card-content h3{font-size:13px !important}
  .explore-hub-visual .visual-card-content p{
    display:block !important;
    font-size:11px !important;
    line-height:1.4 !important;
  }
  .explore-hub-visual .visual-card-action{font-size:9px !important}

  .delta-social-heading p{font-size:12px !important}
  .delta-profile-label{font-size:9px !important}
  .delta-profile-card p{font-size:12px !important}
  .delta-social-link{font-size:10px !important}

  #conteudo .featured-head h2{
    font-size:25px !important;
    line-height:1.08 !important;
  }
  #conteudo .featured-head p{
    font-size:12px !important;
    line-height:1.5 !important;
  }
  #conteudo .btn-view{
    min-height:36px !important;
    font-size:10.5px !important;
  }
  #conteudo .video-info h3{
    font-size:15px !important;
    line-height:1.3 !important;
  }
  #conteudo .video-info p{
    font-size:12px !important;
    line-height:1.5 !important;
    color:#a8bac9 !important;
  }

  .commercial-kicker{font-size:9.5px !important}
  .commercial h2{font-size:27px !important}
  .commercial p{font-size:13px !important}

  .corporate-sponsor p{font-size:12.5px !important}
  .corporate-links a{font-size:11.5px !important}

  .tagline{font-size:9.5px !important}
  .footer-nav a,
  .footer-socials a{font-size:10px !important}
  footer small{font-size:9px !important}
}

/* Celulares estreitos */
@media (max-width:620px){
  .featured-head{
    gap:14px !important;
    align-items:flex-start !important;
  }
  #conteudo .featured-head h2{font-size:24px !important}
  #conteudo .featured-head p{font-size:12px !important}
  #conteudo .video-info h3{font-size:15px !important}
  #conteudo .video-info p{font-size:12px !important}

  .visual-card-content p{
    max-width:85% !important;
  }

  .gallery-overlay h3{font-size:13px !important}
  .gallery-overlay p{font-size:10.5px !important}
}


/* =========================================================
   V7.5 — FOOTER EM FAIXA UNICA (EMAILS | DELTA | PARCERIAS | CONTATO)
   Cards de e-mail empilhados à esquerda, ao lado das 3 colunas,
   tudo na mesma linha, alinhado pelo topo. Fica DEPOIS de todos os
   overrides anteriores para vencer na cascata.
   ========================================================= */

.corporate-footer-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
  align-items:start !important;
  gap:22px !important;
}

/* Cards à esquerda: coluna 1 */
.corporate-footer-grid .home-contact-cards{
  grid-column:1 !important;
  min-width:0 !important;
  max-width:none !important;
  margin-top:0 !important;
  padding:0 !important;
}

/* Colunas DELTA / PARCERIAS / CONTATO: ocupam as 3 colunas à direita */
.corporate-footer-grid .corporate-columns{
  grid-column:2 / -1 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

/* Sponsor acima: ocupa a largura toda da faixa única e mantém a linha divisória */
.corporate-sponsor{
  width:100% !important;
  border-bottom:1px solid var(--line) !important;
}

/* Cards compactos, discretos, sem glow grande */
.corporate-footer-grid .home-contact-channel{
  padding:11px 13px !important;
  border:1px solid var(--line2) !important;
  border-radius:10px !important;
  background:var(--panel) !important;
  box-shadow:none !important;
}
.corporate-footer-grid .home-contact-channel small{
  font-size:8px !important;
  letter-spacing:.13em !important;
}
.corporate-footer-grid .home-contact-channel a{
  font-size:12.5px !important;
}
.corporate-footer-grid .home-contact-channel .site-copy-email{
  padding:6px 9px !important;
  font-size:8px !important;
}

/* Tablet: cards em 2 colunas acima das colunas — mantém e-mails inteiros */
@media(max-width:950px){
  .corporate-footer-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .corporate-footer-grid .home-contact-cards{
    grid-column:1 !important;
    width:100% !important;
  }
  .corporate-footer-grid .home-contact-channels{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .corporate-footer-grid .corporate-columns{
    grid-column:1 !important;
    width:100% !important;
  }
}

/* Celular: cards empilhados 100% de largura acima das colunas */
@media(max-width:680px){
  .corporate-footer-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  .corporate-footer-grid .home-contact-cards{
    grid-column:1 !important;
    width:100% !important;
  }
  .corporate-footer-grid .home-contact-channels{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .corporate-footer-grid .corporate-columns{
    grid-column:1 !important;
    width:100% !important;
    grid-template-columns:1fr 1fr !important;
    gap:20px 16px !important;
  }
}

/* Telas muito estreitas: colunas empilham (mantém padrão existente) */
@media(max-width:430px){
  .corporate-footer-grid .corporate-columns{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V8 — HOME: RODAPÉ EM FAIXA ÚNICA
   [ MENUS DELTA|PARCERIAS ] [ SEJA PATROCINADOR ] [ CONTATO + E-MAILS ]
   Tudo na mesma linha no desktop. Escopado em .corporate-footer
   para não afetar nenhuma outra página/seção.
   ========================================================= */

/* Faixa única: 3 áreas na mesma linha (~22% | 43% | 35%) */
.corporate-footer .corporate-footer-grid{
  display:grid !important;
  grid-template-columns:minmax(0,22fr) minmax(0,43fr) minmax(0,35fr) !important;
  align-items:center !important;
  gap:clamp(18px,3vw,40px) !important;
}

/* ── ÁREA ESQUERDA — DELTA | PARCERIAS (duas colunas lado a lado) ── */
.corporate-footer .corporate-footer-grid .corporate-columns{
  grid-column:1 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(14px,2vw,34px) !important;
}
.corporate-footer .corporate-footer-grid .corporate-column{
  min-width:0 !important;
}

/* ── ÁREA CENTRAL — SEJA PATROCINADOR DO DELTA ── */
.corporate-footer .corporate-sponsor{
  grid-column:2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  width:100% !important;
  max-width:470px !important;
  margin:0 auto !important;
  padding:0 !important;
  gap:9px !important;
  border-bottom:0 !important;
}
.corporate-footer .corporate-sponsor > div{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100% !important;
}
.corporate-footer .corporate-sponsor h2{
  max-width:450px !important;
}
.corporate-footer .corporate-sponsor p{
  max-width:450px !important;
}
.corporate-footer .corporate-cta{
  align-self:center !important;
  margin-top:6px !important;
}

/* ── ÁREA DIREITA — CONTATO (textos) + cards de e-mail ── */
.corporate-footer .corporate-right{
  grid-column:3 !important;
  min-width:0 !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,0.45fr) minmax(0,1.55fr) !important;
  gap:clamp(20px,3vw,34px) !important;
  align-items:start !important;
}
.corporate-footer .corporate-right .corporate-contact-copy{
  min-width:0 !important;
}
.corporate-footer .corporate-right .corporate-contact-copy h3{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
  text-transform:uppercase !important;
}
.corporate-footer .corporate-right .corporate-contact-copy .corporate-links{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
}
.corporate-footer .corporate-right .corporate-contact-copy .corporate-links a{
  color:#7f93a7 !important;
  font-size:10px !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.corporate-footer .corporate-right .corporate-contact-copy .corporate-links a:hover{color:#fff !important}
.corporate-footer .corporate-right .home-contact-cards{
  grid-column:2 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:14px !important;
  display:flex !important;
  flex-direction:column !important;
}
.corporate-footer .corporate-right .home-contact-channels{
  width:100% !important;
  gap:14px !important;
  display:flex !important;
  flex-direction:column !important;
}

/* ── TABLET — preserva a faixa única, compactando ── */
@media(max-width:1100px){
  .corporate-footer .corporate-footer-grid{gap:20px !important}
  .corporate-footer .corporate-sponsor{max-width:420px !important}
  .corporate-footer .corporate-right{gap:16px !important}
  .corporate-footer .corporate-right .home-contact-channel{padding:9px 11px !important}
  .corporate-footer .corporate-right .home-contact-channel a{font-size:11px !important}
  .corporate-footer .corporate-right .home-contact-channel .site-copy-email{padding:6px 8px !important}
}

@media(max-width:900px){
  .corporate-footer .corporate-footer-grid{gap:16px !important}
  .corporate-footer .corporate-right{grid-template-columns:minmax(0,0.45fr) minmax(0,1.55fr) !important;gap:14px !important}
  .corporate-footer .corporate-cta{min-width:140px !important;padding:0 14px !important}
  .corporate-footer .corporate-sponsor{max-width:400px !important}
}

/* ── TABLET/CELULAR — empilha os blocos quando não há espaço ── */
@media(max-width:820px){
  .corporate-footer .corporate-footer-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-items:start !important;
  }
  .corporate-footer .corporate-footer-grid .corporate-columns{grid-column:1 !important}
  .corporate-footer .corporate-sponsor{grid-column:1 !important;max-width:none !important}
  .corporate-footer .corporate-right{grid-column:1 !important}
}

/* ── CELULAR — CONTATO sobre os cards; e-mails inteiros e sem corte ── */
@media(max-width:680px){
  .corporate-footer .corporate-footer-grid{gap:22px !important}
  .corporate-footer .corporate-right{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .corporate-footer .corporate-right .home-contact-cards{grid-column:1 !important;width:100% !important}
  .corporate-footer .corporate-right .home-contact-channels{width:100% !important;gap:14px !important}
  .corporate-footer .corporate-right .home-contact-channel{
    width:100% !important;
    padding:10px 12px !important;
  }
  .corporate-footer .corporate-right .home-contact-channel a{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:11.5px !important;
  }
}