#theblue-hero-v3{
  position:relative;
  overflow:hidden;
  min-height:88vh;
  display:flex;
  align-items:center;
  padding:90px 0;
  background:
    linear-gradient(90deg,rgba(2,8,23,.96),rgba(2,18,42,.68),rgba(2,8,23,.30)),
    radial-gradient(circle at 72% 35%,rgba(57,207,255,.25),transparent 34%),
    url('https://roymenesses.com/RMD.png') center/cover;
  color:#fff;
}

#theblue-hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 25%,rgba(57,207,255,.26),transparent 30%);
  animation:heroBluePulse 6s ease-in-out infinite;
}

#theblue-hero-v3 .hero-v3-wrap{
  width:min(1180px,88vw);
  margin:0 auto;
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:70px;
  align-items:center;
}

.hero-v3-eyebrow{
  color:#8fe5ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.hero-v3-title{
  font-size:clamp(54px,7vw,112px);
  line-height:.86;
  letter-spacing:-.08em;
  margin:0 0 24px;
  text-shadow:0 0 45px rgba(57,207,255,.35);
}

.hero-v3-title span{
  display:block;
  font-size:.62em;
  color:#dff7ff;
}

.hero-v3-title strong{
  display:block;
  color:#fff;
}

.hero-v3-subtitle{
  max-width:680px;
  font-size:clamp(21px,2.2vw,34px);
  line-height:1.12;
  color:#e9fbff;
  margin:0 0 18px;
  font-weight:800;
}

.hero-v3-line{
  font-size:18px;
  color:#bfefff;
  margin-bottom:30px;
}

.hero-v3-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.hero-v3-card{
  width:100%;
  max-width:470px;
  margin-left:auto;
  padding:34px;
  border-radius:34px;
  background:radial-gradient(circle at top left,rgba(57,207,255,.24),transparent 42%),linear-gradient(180deg,rgba(5,15,35,.96),rgba(2,8,23,.98));
  border:1px solid rgba(57,207,255,.45);
  box-shadow:0 0 50px rgba(57,207,255,.35),0 0 150px rgba(57,207,255,.18);
  backdrop-filter:blur(20px);
  animation:heroCardFloat 4s ease-in-out infinite;
}

.hero-v3-card span{
  display:block;
  color:#8fe5ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.hero-v3-card h3{
  font-size:clamp(32px,3vw,46px);
  line-height:.98;
  margin:0 0 14px;
  letter-spacing:-.05em;
}

.hero-v3-time{
  color:#e0f2fe;
  font-weight:900;
  margin:0 0 18px;
}

#heroCountdown{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:22px 0;
}

#heroCountdown span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 8px;
  border-radius:16px;
  background:rgba(57,207,255,.11);
  border:1px solid rgba(57,207,255,.25);
  color:#39cfff;
  font-size:27px;
  font-weight:950;
}

#heroCountdown small{
  margin-top:6px;
  color:#bae6fd;
  font-size:9px;
  letter-spacing:.12em;
}

.hero-v3-theme{
  margin:18px 0;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
}

.hero-v3-theme small{
  display:block;
  color:#8fe5ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:6px;
}

.hero-v3-theme b{
  font-size:22px;
}

.hero-v3-cities{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 12px;
  margin:18px 0 24px;
}

.hero-v3-cities b{
  font-size:13px;
  color:#dbeafe;
}

@keyframes heroCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

@keyframes heroBluePulse{
  0%,100%{opacity:.55}
  50%{opacity:1}
}

@media(max-width:980px){
  #theblue-hero-v3 .hero-v3-wrap{
    grid-template-columns:1fr;
    text-align:center;
  }

  .hero-v3-card{
    margin:30px auto 0;
  }

  .hero-v3-buttons{
    justify-content:center;
  }

  .hero-v3-cities{
    grid-template-columns:1fr;
  }
}

.hero-v3-title strong{
  font-size:1.25em !important;
  line-height:.82 !important;
  display:block;
}

.hero-v3-title span{
  font-size:.50em !important;
  opacity:.95;
}


.hero-v3-subtitle{
  font-size:clamp(16px,1.5vw,24px) !important;
  max-width:620px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

.hero-v3-line{
  font-size:14px !important;
  opacity:.85;
}


/* HERO REFINEMENT */

.hero-v3-title{
  font-size:clamp(62px,8.4vw,138px) !important;
  line-height:.78 !important;
}

.hero-v3-title span{
  font-size:.46em !important;
  letter-spacing:-.065em !important;
}

.hero-v3-title strong{
  font-size:1.16em !important;
  letter-spacing:-.09em !important;
}

.hero-v3-subtitle{
  font-size:clamp(17px,1.72vw,28px) !important;
  line-height:1.16 !important;
  max-width:670px !important;
  font-weight:850 !important;
}

.hero-v3-line{
  font-size:15px !important;
  opacity:.88 !important;
}

.hero-v3-cities b{
  font-size:14px !important;
  letter-spacing:-.01em !important;
}

.hero-v3-card{
  max-width:500px !important;
}


/* RESTORE HERO SLIDER + LIGHT FX */

#theblue-hero-v3{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 20%, rgba(22,200,255,.20), transparent 36%),
    linear-gradient(180deg,#020817,#031225) !important;
}

#theblue-hero-v3 .hero-bg-slider{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}

#theblue-hero-v3 .hero-bg-slide{
  position:absolute;
  inset:-4%;
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1);
  animation:heroSlideShowV3 32s infinite;
  filter:saturate(1.28) contrast(1.16) brightness(1.08);
}

#theblue-hero-v3 .hero-bg-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center, rgba(22,200,255,.06), transparent 38%),
    linear-gradient(90deg, rgba(2,8,23,.72), rgba(2,8,23,.36), rgba(2,8,23,.58)),
    linear-gradient(180deg, rgba(2,8,23,.10), rgba(2,8,23,.58));
}

#theblue-hero-v3 .hero-bg-slide.slide-1{
  background-image:url('https://roymenesses.com/RMA.png');
  animation-delay:0s;
  background-position:center top;
}

#theblue-hero-v3 .hero-bg-slide.slide-2{
  background-image:url('https://roymenesses.com/RMB.png');
  animation-delay:8s;
}

#theblue-hero-v3 

#theblue-hero-v3 
.hero-bg-slide.slide-3{
  background-image:url('https://roymenesses.com/RMD.png');
  animation-delay:16s;
}


@keyframes heroSlideShowV3{
  0%{opacity:0;transform:scale(1);}
  8%{opacity:1;}
  25%{opacity:1;transform:scale(1.08);}
  33%{opacity:0;transform:scale(1.11);}
  100%{opacity:0;}
}

#theblue-hero-v3 .hero-light-layer{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}

#theblue-hero-v3 .beam{
  position:absolute;
  width:42vw;
  height:160vh;
  top:-45vh;
  background:linear-gradient(90deg,transparent,rgba(125,220,255,.18),rgba(22,200,255,.10),transparent);
  filter:blur(24px);
  opacity:.55;
  transform:rotate(22deg);
  animation:blueBeamMoveV3 9s ease-in-out infinite;
}

#theblue-hero-v3 .beam.one{left:-18vw;}
#theblue-hero-v3 .beam.two{
  right:-22vw;
  animation-delay:3s;
  transform:rotate(-18deg);
}

#theblue-hero-v3 .flare{
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(125,220,255,.75), rgba(22,200,255,.22) 28%, transparent 68%);
  filter:blur(12px);
  opacity:.55;
  animation:flarePulseV3 3.2s ease-in-out infinite;
}

#theblue-hero-v3 .flare.one{top:20%;right:18%;}
#theblue-hero-v3 .flare.two{
  bottom:22%;
  left:14%;
  width:150px;
  height:150px;
  animation-delay:1.4s;
}

#theblue-hero-v3 .spark{
  position:absolute;
  color:#baf4ff;
  font-size:18px;
  text-shadow:0 0 12px rgba(125,220,255,.9),0 0 28px rgba(22,200,255,.7);
  animation:sparkTwinkleV3 2.6s ease-in-out infinite;
}

#theblue-hero-v3 .spark:nth-child(5){top:22%;left:22%;}
#theblue-hero-v3 .spark:nth-child(6){top:32%;right:28%;animation-delay:.4s;}
#theblue-hero-v3 .spark:nth-child(7){top:58%;left:18%;animation-delay:.8s;}
#theblue-hero-v3 .spark:nth-child(8){bottom:18%;right:19%;animation-delay:1.2s;}
#theblue-hero-v3 .spark:nth-child(9){top:48%;right:12%;animation-delay:1.6s;}
#theblue-hero-v3 .spark:nth-child(10){bottom:32%;left:35%;animation-delay:2s;}

@keyframes blueBeamMoveV3{
  0%,100%{transform:translateX(-8%) rotate(22deg);opacity:.20;}
  50%{transform:translateX(18%) rotate(22deg);opacity:.72;}
}

@keyframes flarePulseV3{
  0%,100%{transform:scale(.82);opacity:.22;}
  50%{transform:scale(1.15);opacity:.72;}
}

@keyframes sparkTwinkleV3{
  0%,100%{opacity:.18;transform:translateY(0) scale(.8);}
  50%{opacity:1;transform:translateY(-12px) scale(1.22);}
}

/* Keep content above restored FX */
#theblue-hero-v3 .hero-v3-wrap{
  z-index:5;
}

/* Bigger THE BLUE, smaller description */
.hero-v3-title{
  font-size:clamp(62px,8.4vw,138px) !important;
  line-height:.78 !important;
}

.hero-v3-title span{
  font-size:.46em !important;
}

.hero-v3-title strong{
  font-size:1.16em !important;
}

.hero-v3-subtitle{
  font-size:clamp(17px,1.7vw,27px) !important;
  line-height:1.17 !important;
  max-width:660px !important;
}

.hero-v3-line{
  font-size:15px !important;
  opacity:.88 !important;
}


.edition-status{
  margin-top:24px;
  padding:16px 20px;
  border-radius:16px;
  text-align:center;
  background:rgba(22,200,255,.08);
  border:1px solid rgba(22,200,255,.25);
  color:#bff5ff;
  font-weight:700;
  letter-spacing:.03em;
}


/* FINAL HERO SLIDES: ONLY RMA, RMB, RMD */

#theblue-hero-v3 .hero-bg-slide.slide-1{
  background-image:url('https://roymenesses.com/RMA.png') !important;
  animation-delay:0s !important;
}

#theblue-hero-v3 .hero-bg-slide.slide-2{
  background-image:url('https://roymenesses.com/RMB.png') !important;
  animation-delay:8s !important;
}

#theblue-hero-v3 .hero-bg-slide.slide-3{
  background-image:url('https://roymenesses.com/RMD.png') !important;
  animation-delay:16s !important;
}

#theblue-hero-v3 .hero-bg-slide.slide-4{
  display:none !important;
  background-image:none !important;
}


/* THE BLUE LANGUAGE SWITCH */

.lang-switch-blue{
  position:fixed;
  top:22px;
  right:24px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:7px;
  padding:11px 16px;
  border-radius:999px;
  border:1px solid rgba(143,229,255,.38);
  background:rgba(2,8,23,.74);
  color:#fff;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:0 0 24px rgba(57,207,255,.18);
  backdrop-filter:blur(14px);
}

html[data-lang="en"] .lang-en-label,
html[data-lang="es"] .lang-es-label{
  color:#39cfff;
}

html[data-lang="en"] .lang-es-label,
html[data-lang="es"] .lang-en-label{
  opacity:.48;
}

@media(max-width:768px){
  .lang-switch-blue{
    top:14px;
    right:14px;
    padding:9px 13px;
    font-size:12px;
  }
}