.elementor-3405 .elementor-element.elementor-element-b3a1c74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3405 .elementor-element.elementor-element-b3a1c74:not(.elementor-motion-effects-element-type-background), .elementor-3405 .elementor-element.elementor-element-b3a1c74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#112A38;}/* Start custom CSS for html, class: .elementor-element-ecb4368 *//* ============================
   BIZEA · FELIZ 2026 MICROSITE
   ============================ */

#bizea-2026-microsite{
  /* =========================
     VARIABLES BIZEA
     ========================= */
  --bg: #112A38;
  --lime: #A0DF3E;
  --lime2:#C3FD68;
  --yellow:#FFDB36;
  --paper:#EBE9DD;
  --white:#FFFFFF;

  /* =========================
     CONTENEDOR RAÍZ ESTABLE
     ========================= */
  background: var(--bg);
  color: var(--white);

  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  width: 100%;
  min-height: 100vh;

  margin: 0;
  padding: 0;

  position: relative;
  border-radius: 0;
}


/* Canvas confetti */
#b26-confetti{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
}

/* Pantallas */
#bizea-2026-microsite .b26-screen{
  display: none;
  min-height: 100vh;
  padding: clamp(16px, 3vw, 40px);
}
#bizea-2026-microsite .b26-screen.is-active{
  display: block;
}

/* Botones */
#bizea-2026-microsite .b26-btn{
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 14px 18px;
  font-weight: 800;
  letter-spacing: 0.2px;
  transition: transform .15s ease, opacity .15s ease, background .15s ease;
}
#bizea-2026-microsite .b26-btn:active{ transform: scale(.98); }

#bizea-2026-microsite .b26-btn--primary{
  background: var(--yellow);
  color: var(--bg);
}
#bizea-2026-microsite .b26-btn--ghost{
  background: transparent;
  color: var(--white);
  border: 1px solid rgba(255,255,255,.35);
  margin-left: 10px;
}

/* =======================
   PANTALLA 1
   ======================= */
#bizea-2026-microsite .b26-screen--1{
  /* clave: que no haya scroll y todo quepa */
  display: none;
}
#bizea-2026-microsite .b26-screen--1.is-active{
  display: grid;
  place-items: center;
}

#bizea-2026-microsite .b26-s1-wrap{
  width: min(980px, 92vw);
  min-height: calc(100vh - 2*clamp(16px, 3vw, 40px));
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 18px;
}

#bizea-2026-microsite .b26-s1-card{
  text-align: center;
}

#bizea-2026-microsite .b26-h1{
  margin: 0 0 10px;
  font-size: clamp(44px, 7vw, 86px);
  line-height: 1;
  color: var(--lime);
  letter-spacing: 0.5px;
}
#bizea-2026-microsite .b26-h1-light{ font-weight: 400; }
#bizea-2026-microsite .b26-h1-bold{ font-weight: 900; margin-left: 10px; }

#bizea-2026-microsite .b26-s1-sub{
  margin: 0;
  font-size: clamp(18px, 2.2vw, 28px);
  opacity: .96;
}
#bizea-2026-microsite .b26-s1-text{
  margin: 6px 0 22px;
  font-size: clamp(14px, 1.8vw, 20px);
  opacity: .9;
}

#bizea-2026-microsite .b26-s1-logo{
  width: min(260px, 60vw);
  height: auto;
  opacity: .95;
  margin-top: 10px;
}

/* =======================
   PANTALLA 2
   ======================= */
#bizea-2026-microsite .b26-s2-top{
  text-align: center;
  max-width: 980px;
  margin: 0 auto 18px;
}

#bizea-2026-microsite .b26-h2{
  margin: 0 0 10px;
  font-size: clamp(22px, 3.2vw, 40px);
  line-height: 1.15;
}
#bizea-2026-microsite .b26-h2 strong{ font-weight: 700; }

#bizea-2026-microsite .b26-s2-sub{
  margin: 0 0 14px;
  font-size: clamp(15px, 1.8vw, 20px);
  opacity: .92;
}

#bizea-2026-microsite .b26-pill{
  display: inline-block;
  padding: 10px 16px;
  border-radius: 20px;
  background: rgba(195,253,104,.15);
  border: 1px solid rgba(195,253,104,.35);
  font-weight: 800;
  letter-spacing: .2px;
}

/* Grid superpoderes */
#bizea-2026-microsite .b26-powers{
  width: min(1100px, 96vw);
  margin: 18px auto 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 2vw, 20px);
  align-items: start;
}

#bizea-2026-microsite .b26-power{
  text-align: center;
}

#bizea-2026-microsite .b26-power-hit{
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: grid;
  place-items: center;
  animation: b26-pulse 1.6s ease-in-out infinite;
}
#bizea-2026-microsite .b26-power-hit img{
  width: min(150px, 22vw);
  height: auto;
  filter: drop-shadow(0 16px 28px rgba(0,0,0,.25));
  transform-origin: center;
}

@keyframes b26-pulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.035); }
  100%{ transform: scale(1); }
}

/* Pastilla nombre */
#bizea-2026-microsite .b26-power-name{
  margin: 10px auto 6px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.55);
  background: transparent;
}
#bizea-2026-microsite .b26-power-name span{
  font-weight: 900;
  letter-spacing: .8px;
  font-size: 13px;
}
#bizea-2026-microsite .b26-power-desc{
  font-size: 13px;
  opacity: .92;
}

/* Al activarse, desaparece del grid */
#bizea-2026-microsite .b26-power.is-activated{
  opacity: 0;
  pointer-events: none;
  transform: scale(.96);
  transition: opacity .25s ease, transform .25s ease;
  height: 0;
  overflow: hidden;
}

/* Zona laberinto + laterales */
#bizea-2026-microsite .b26-maze-zone{
  width: 100%;
  max-width: 1400px;
  margin: 10px auto 0;

  display: grid;
  grid-template-columns:
    minmax(0, 420px)
    minmax(0, 360px)
    minmax(0, 420px);

  gap: 32px;
  align-items: center;
  position: relative;
}
#bizea-2026-microsite .b26-side{
  width: 100%;
  display: flex;
  justify-content: center;
}

#bizea-2026-microsite .b26-side-stack{
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}


#bizea-2026-microsite .b26-maze-center{
  display: grid;
  place-items: center;
  position: relative;
}

#bizea-2026-microsite .b26-maze{
  width: min(360px, 62vw);
  height: auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.28));
}

/* CTA encima del laberinto */
/* CTA encima del laberinto */
#bizea-2026-microsite .b26-final-cta{
  position: absolute;
  top: -18px;
  z-index: 3;

  border: 0;
  cursor: pointer;
  border-radius: 18px;
  padding: 12px 18px;

  background: var(--yellow);
  color: var(--bg);

  font-weight: 900;
  letter-spacing: .2px;

  display: none;

  box-shadow: 0 18px 30px rgba(0,0,0,.25);

  /* suavidad */
  transform-origin: center;
}

/* SOLO cuando aparece → latido */
#bizea-2026-microsite .b26-final-cta.is-show{
  display: inline-block;
  animation: b26-heartbeat 1.6s ease-in-out infinite;
}

/* Laterales: stacks */
#bizea-2026-microsite .b26-side-stack{
  display: grid;
  gap: 12px;
}

/* Tarjetas ancladas */
#bizea-2026-microsite .b26-pin{
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr); 
  gap: 10px;
  align-items: center;
  
  width: 100%;
  max-width: 420px;
  
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
}

#bizea-2026-microsite .b26-pin-img{
  width: 84px;
  height: auto;
  filter: drop-shadow(0 14px 22px rgba(0,0,0,.22));
}

#bizea-2026-microsite .b26-pin-title{
  font-weight: 900;
  letter-spacing: .7px;
  margin-bottom: 6px;
}

#bizea-2026-microsite .b26-pin-text{
  font-size: 13px;
  line-height: 1.35;
  opacity: .95;

  /* 🔑 evita cualquier desborde */
  overflow-wrap: break-word;
  word-break: break-word;
}

/* WOW modal */
#bizea-2026-microsite .b26-wow{
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  background: rgba(17,42,56,.72);
  backdrop-filter: blur(4px);
  z-index: 9998;
}
#bizea-2026-microsite .b26-wow.is-open{ display: grid; }

#bizea-2026-microsite .b26-wow-card{
  width: min(760px, 92vw);
  border-radius: 22px;
  background: var(--yellow);
  color: var(--bg);
  padding: 18px 18px 16px;
  box-shadow: 0 28px 60px rgba(0,0,0,.35);
  position: relative;
}

#bizea-2026-microsite .b26-wow-close{
  position: absolute;
  right: 12px;
  top: 10px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 0;
  background: rgba(17,42,56,.08);
  color: var(--bg);
  font-size: 26px;
  cursor: pointer;
}
#bizea-2026-microsite .b26-wow-title{
  font-weight: 900;
  letter-spacing: .9px;
  margin-bottom: 10px;
}
#bizea-2026-microsite .b26-wow-text{
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.4;
}

/* =======================
   PANTALLA 3
   ======================= */
#bizea-2026-microsite .b26-s3-wrap{
  width: min(1100px, 96vw);
  min-height: calc(100vh - 2*clamp(16px, 3vw, 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(240px, 420px) 1fr;
  gap: clamp(16px, 3vw, 42px);
  align-items: center;
}

#bizea-2026-microsite .b26-compass{
  width: min(420px, 86vw);
  height: auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.28));
}

#bizea-2026-microsite .b26-s3-copy{
  font-size: clamp(18px, 2.2vw, 26px);
  line-height: 1.4;
}
#bizea-2026-microsite .b26-s3-copy p{
  margin: 0 0 18px;
}
#bizea-2026-microsite .b26-s3-brand{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.18);
}
#bizea-2026-microsite .b26-s3-brandline{
  font-size: 18px;
  letter-spacing: .5px;
}
#bizea-2026-microsite .b26-s3-tag{
  font-size: 14px;
  opacity: .92;
  margin-top: 6px;
}
#bizea-2026-microsite .b26-s3-logo{
  width: 220px;
  height: auto;
  margin-top: 18px;
  opacity: .95;
}

/* =======================
   RESPONSIVE
   ======================= */
@media (max-width: 980px){

  /* Grid superpoderes inicial */
  #bizea-2026-microsite .b26-powers{
    grid-template-columns: repeat(2, 1fr);
  }

  /* ZONA LABERINTO → COLUMNA */
  #bizea-2026-microsite .b26-maze-zone{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  /* Laberinto arriba */
  #bizea-2026-microsite .b26-maze-center{
    order: 1;
  }

  /* CTA entra en flujo */
  #bizea-2026-microsite .b26-final-cta{
    position: relative;
    top: auto;
    margin: 16px 0 18px;
    align-self: center;
    text-align: center;
  }

  /* TODAS las tarjetas debajo */
  #bizea-2026-microsite .b26-side{
    order: 2;
    width: 100%;
  }

  #bizea-2026-microsite .b26-side-stack{
    max-width: 520px;
    margin: 0 auto;
  }

  #bizea-2026-microsite .b26-pin{
    max-width: 100%;
  }

  /* Pantalla 3 */
  #bizea-2026-microsite .b26-s3-wrap{
    grid-template-columns: 1fr;
    text-align: center;
  }

  #bizea-2026-microsite .b26-s3-logo{
    margin-left: auto;
    margin-right: auto;
  }
}

/* =====================================================
   AJUSTES FINALES · BIZEA 2026
===================================================== */

/* =======================
   PANTALLA 1
========================= */

/* Titular un poco más grande */
#bizea-2026-microsite .b26-h1{
  font-size: clamp(52px, 7.8vw, 96px);
}

/* Subtítulo más peso */
#bizea-2026-microsite .b26-s1-sub{
  font-weight: 800;
}

/* Más aire entre subtítulo y texto */
#bizea-2026-microsite .b26-s1-text{
  margin-top: 12px;
  margin-bottom: 26px;
}

/* Laberinto decorativo en P1 */
#bizea-2026-microsite .b26-s1-lab{
  width: min(220px, 44vw);
  margin: 0 auto 26px;
  display: block;
  opacity: .95;
}

/* Botón avanzar centrado */
#bizea-2026-microsite #b26-go-s2{
  margin: 0 auto;
  display: inline-block;
}

/* Efecto mágico sutil (sin overlays ni velos) */
#bizea-2026-microsite .b26-screen--1{
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255,219,54,.10), transparent 35%),
    radial-gradient(circle at 80% 30%, rgba(195,253,104,.10), transparent 40%),
    radial-gradient(circle at 60% 80%, rgba(255,219,54,.08), transparent 45%);
}

/* =======================
   PANTALLA 2
========================= */

/* Titular verde */
#bizea-2026-microsite .b26-h2 strong{
  color: var(--lime2);
  font-weight: 700;
}

/* Subtítulo peso 500 */
#bizea-2026-microsite .b26-s2-sub{
  font-weight: 500;
}

/* Botón superpoderes (pill) amarillo */
#bizea-2026-microsite #b26-pill{
  background: var(--yellow);
  color: var(--bg);
  border: 0;
  margin-bottom: 28px;
}

/* Más separación entre pill y grid */
#bizea-2026-microsite .b26-powers{
  margin-top: 32px;
}

/* Texto WOW más legible */
#bizea-2026-microsite .b26-wow-text{
  font-weight: 500;
}

/* Corrección centrado laterales (evita cortes) */
#bizea-2026-microsite .b26-side{
  display: flex;
  justify-content: center;
}

#bizea-2026-microsite .b26-side-stack{
  max-width: 420px;
}

/* Ocultar pill cuando CTA final aparece */
#bizea-2026-microsite .b26-final-cta.is-show ~ #b26-pill{
  display: none;
}
@keyframes b26-heartbeat {
  0%   { transform: scale(1); }
  20%  { transform: scale(1.05); }
  40%  { transform: scale(1); }
  60%  { transform: scale(1.04); }
  80%  { transform: scale(1); }
  100% { transform: scale(1); }
}


/* =======================
   PANTALLA 3
========================= */

/* Frase clave en 900 */
#bizea-2026-microsite .b26-s3-copy strong{
  font-weight: 900;
}

/* Botón VER DE NUEVO */
#bizea-2026-microsite #b26-restart{
  margin-top: 18px;
}

/* Logo más separado */
#bizea-2026-microsite .b26-s3-logo{
  margin-top: 36px;
}
/* =======================
   P1 · ELIMINAR EFECTOS DE FONDO
========================= */
#bizea-2026-microsite .b26-screen--1{
  background: var(--bg) !important;
  background-image: none !important;
}
/* ============================
   FIX SCROLL LATERAL FANTASMA
   ============================ */

html, body{
  width: 100%;
  overflow-x: hidden;
}

#bizea-2026-microsite{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Confetti canvas nunca debe provocar scroll */
#b26-confetti{
  max-width: 100vw;
  max-height: 100vh;
  overflow: hidden;
}
@keyframes b26-heartbeat{
  0%   { transform: scale(1); }
  20%  { transform: scale(1.05); }
  40%  { transform: scale(1); }
  60%  { transform: scale(1.04); }
  80%  { transform: scale(1); }
  100% { transform: scale(1); }
}/* End custom CSS */