.elementor-3875 .elementor-element.elementor-element-39e5cc3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3875 .elementor-element.elementor-element-39e5cc3:not(.elementor-motion-effects-element-type-background), .elementor-3875 .elementor-element.elementor-element-39e5cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3875 .elementor-element.elementor-element-af6da1d{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-af6da1d */@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap");


/* =========================================================
   TOKENS
========================================================= */

:root {

  --bzd-ink: #112A38;
  --bzd-indigo: #184764;

  --bzd-green: #A0DF3E;
  --bzd-lime: #C3FD68;

  --bzd-white: #FFFFFF;

  --bzd-arena: #F4F3ED;
  --bzd-arena-dark: #EBE9DD;

  --bzd-border: #D9DED5;

  --bzd-muted:
    rgba(24, 71, 100, .72);

  --bzd-card-blue: #95CBED;
  --bzd-card-yellow: #FFC736;
  --bzd-card-beige: #CAC4A3;

}


/* =========================================================
   BASE · FULL BLEED
========================================================= */

.bzd-app,
.bzd-app * {

  box-sizing:
    border-box;

}


.bzd-app {

  position:
    relative;

  left:
    50%;

  width:
    100vw;

  max-width:
    100vw;

  margin-left:
    -50vw;

  padding:
    0;

  overflow-x:
    clip;

  color:
    var(--bzd-ink);

  font-family:
    "Work Sans",
    Arial,
    sans-serif;

  -webkit-font-smoothing:
    antialiased;

  -moz-osx-font-smoothing:
    grayscale;

}


.bzd-app button,
.bzd-app input,
.bzd-app textarea,
.bzd-app select,
.bzd-app p,
.bzd-app a,
.bzd-app span {

  font-family:
    "Work Sans",
    Arial,
    sans-serif;

}


.bzd-app [hidden] {

  display:
    none !important;

}


/* =========================================================
   TRANSICIONES ENTRE PANTALLAS
========================================================= */

.bzd-cover,
.bzd-juego,
.bzd-prejuego {

  transition:
    opacity .22s ease,
    transform .22s ease;

}


.bzd-cover.is-leaving,
.bzd-juego.is-leaving,
.bzd-prejuego.is-leaving {

  opacity:
    0;

  transform:
    translateY(-8px);

  pointer-events:
    none;

}


/* =========================================================
   PANTALLA 1 · PORTADA
========================================================= */

.bzd-cover {

  width:
    100%;

  min-height:
    calc(100svh - 58px);

  padding:
    28px 32px 26px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  background:
    var(--bzd-ink);

  color:
    var(--bzd-white);

}


.bzd-cover-inner {

  width:
    min(
      calc(100% - 48px),
      1120px
    );

  margin:
    0 auto;

  text-align:
    center;

}


.bzd-cover-logo {

  display:
    block;

  width:
    76px;

  height:
    auto;

  margin:
    0 auto 20px;

}


.bzd-cover h1 {

  margin:
    0;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(
      44px,
      6vw,
      68px
    );

  line-height:
    1;

  font-weight:
    700;

  letter-spacing:
    -.035em;

  text-transform:
    lowercase;

  color:
    var(--bzd-green);

}


.bzd-cover-lead {

  max-width:
    760px;

  margin:
    16px auto 0;

  font-size:
    clamp(
      20px,
      2.2vw,
      26px
    );

  line-height:
    1.35;

  font-weight:
    600;

  color:
    var(--bzd-white);

}


.bzd-cover-hack {

  display:
    inline-flex;

  margin:
    18px auto 0;

  padding:
    8px 13px;

  border:
    1px solid
    rgba(255, 255, 255, .20);

  border-radius:
    10px;

  font-size:
    11px;

  line-height:
    1.2;

  font-weight:
    700;

  letter-spacing:
    .10em;

  text-transform:
    uppercase;

  color:
    var(--bzd-green);

}


.bzd-cover-copy {

  max-width:
    770px;

  margin:
    18px auto 0;

  font-size:
    16px;

  line-height:
    1.55;

  font-weight:
    400;

  color:
    rgba(255, 255, 255, .84);

}


/* =========================================================
   PORTADA · CIERRE EN DOS COLUMNAS
========================================================= */

.bzd-cover-action {

  max-width:
    900px;

  margin:
    24px auto 0;

  padding-top:
    20px;

  border-top:
    1px solid
    rgba(255, 255, 255, .13);

  display:
    grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(260px, .8fr);

  gap:
    44px;

  align-items:
    center;

  text-align:
    left;

}


.bzd-cover-azar {

  font-size:
    18px;

  line-height:
    1.45;

  font-weight:
    500;

  color:
    var(--bzd-white);

}


.bzd-cover-azar strong {

  display:
    block;

  font-weight:
    700;

}


.bzd-cover-azar span {

  display:
    block;

  margin-top:
    2px;

  color:
    rgba(255, 255, 255, .78);

}


.bzd-cover-cta {

  text-align:
    right;

}


/* =========================================================
   BOTÓN EMPEZAR
========================================================= */

.bzd-app .bzd-btn-cover {

  min-width:
    210px;

  min-height:
    56px;

  padding:
    13px 22px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    12px;

  border:
    2px solid
    var(--bzd-lime) !important;

  border-radius:
    13px;

  background:
    var(--bzd-lime) !important;

  color:
    var(--bzd-ink) !important;

  font-size:
    14px;

  line-height:
    1.2;

  font-weight:
    600;

  letter-spacing:
    .035em;

  cursor:
    pointer;

  opacity:
    1 !important;

  visibility:
    visible !important;

  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;

}


.bzd-btn-cover-text,
.bzd-btn-cover-arrow {

  color:
    var(--bzd-ink) !important;

  font-weight:
    600;

}


.bzd-btn-cover-arrow {

  font-size:
    18px;

  line-height:
    1;

}


.bzd-app .bzd-btn-cover:hover,
.bzd-app .bzd-btn-cover:focus,
.bzd-app .bzd-btn-cover:focus-visible {

  background:
    var(--bzd-ink) !important;

  color:
    var(--bzd-lime) !important;

  border-color:
    var(--bzd-lime) !important;

  box-shadow:
    0 8px 22px
    rgba(0, 0, 0, .16);

}


.bzd-app .bzd-btn-cover:hover
.bzd-btn-cover-text,

.bzd-app .bzd-btn-cover:hover
.bzd-btn-cover-arrow,

.bzd-app .bzd-btn-cover:focus
.bzd-btn-cover-text,

.bzd-app .bzd-btn-cover:focus
.bzd-btn-cover-arrow {

  color:
    var(--bzd-lime) !important;

}


.bzd-app .bzd-btn-cover:hover {

  transform:
    translateY(-2px);

}


.bzd-app .bzd-btn-cover:active {

  background:
    var(--bzd-ink) !important;

  color:
    var(--bzd-lime) !important;

  border-color:
    var(--bzd-lime) !important;

  transform:
    translateY(0);

}


.bzd-cover-meta {

  margin:
    9px 0 0;

  font-size:
    11px;

  line-height:
    1.4;

  font-weight:
    500;

  color:
    rgba(255, 255, 255, .52);

}


/* =========================================================
   JUEGO · FULL WIDTH
========================================================= */

.bzd-juego {

  width:
    100%;

  margin:
    0;

  padding:
    0 24px 48px;

  text-align:
    center;

  background:
    var(--bzd-white);

}


/* =========================================================
   PANTALLA 2 · FOCO
========================================================= */

.bzd-prejuego {

  position:
    relative;

  width:
    min(
      calc(100% - 48px),
      1120px
    );

  margin:
    0 auto;

  padding:
    50px 0 28px;

}


.bzd-prejuego-inner {

  max-width:
    820px;

  margin:
    0 auto;

  text-align:
    center;

}


.bzd-pre-kick {

  margin:
    0 0 18px;

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    700;

  letter-spacing:
    .16em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


.bzd-pre-pregunta {

  max-width:
    780px;

  margin:
    0 auto;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(
      31px,
      4.5vw,
      45px
    );

  line-height:
    1.15;

  font-weight:
    700;

  letter-spacing:
    -.02em;

  color:
    var(--bzd-ink);

}


.bzd-pre-pregunta em {

  position:
    relative;

  white-space:
    nowrap;

  font-family:
    inherit;

  font-style:
    normal;

  color:
    var(--bzd-indigo);

  z-index:
    0;

}


.bzd-pre-pregunta em::after {

  content:
    "";

  position:
    absolute;

  left:
    0;

  right:
    0;

  bottom:
    .04em;

  height:
    .20em;

  border-radius:
    2px;

  background:
    var(--bzd-green);

  opacity:
    .70;

  z-index:
    -1;

}


.bzd-privado {

  margin:
    22px 0 0;

  font-size:
    15px;

  line-height:
    1.55;

  font-weight:
    500;

  color:
    var(--bzd-muted);

}


.bzd-privado strong {

  font-weight:
    600;

  color:
    var(--bzd-ink);

}


.bzd-compromiso {

  margin-top:
    34px;

}


.bzd-la-tienes {

  margin:
    0 0 15px;

  font-size:
    20px;

  line-height:
    1.3;

  font-weight:
    600;

  color:
    var(--bzd-ink);

}


/* =========================================================
   BOTONES GENERALES EXPERIENCIA
========================================================= */

.bzd-tengo,
.bzd-btn-primary {

  min-height:
    54px;

  padding:
    14px 25px;

  border:
    1px solid
    var(--bzd-ink);

  border-radius:
    13px;

  background:
    var(--bzd-ink);

  color:
    var(--bzd-white);

  font-size:
    14px;

  line-height:
    1.2;

  font-weight:
    700;

  cursor:
    pointer;

  transition:
    transform .18s ease,
    box-shadow .18s ease;

}


.bzd-tengo span {

  margin-left:
    8px;

  color:
    var(--bzd-green);

}


.bzd-tengo:hover,
.bzd-btn-primary:hover:not(:disabled) {

  transform:
    translateY(-2px);

  box-shadow:
    0 8px 20px
    rgba(17, 42, 56, .10);

}


/* =========================================================
   VOLVER
========================================================= */

.bzd-volver {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    5px;

  float:
    left;

  margin-top:
    42px;

  padding:
    0;

  color:
    rgba(24, 71, 100, .68);

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    500;

  text-decoration:
    none;

}


.bzd-volver:hover {

  color:
    var(--bzd-indigo);

  text-decoration:
    underline;

  text-underline-offset:
    3px;

}


.bzd-volver span {

  font-size:
    14px;

}


/* =========================================================
   ANCLA
========================================================= */

.bzd-decision-ancla {

  position:
    sticky;

  top:
    12px;

  z-index:
    20;

  width:
    fit-content;

  margin:
    12px auto 0;

  padding:
    9px 15px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  border:
    1px solid
    var(--bzd-border);

  border-radius:
    999px;

  background:
    rgba(255, 255, 255, .96);

  box-shadow:
    0 8px 22px
    rgba(17, 42, 56, .06);

  font-size:
    11px;

  line-height:
    1.2;

  font-weight:
    700;

  letter-spacing:
    .11em;

  text-transform:
    uppercase;

  color:
    var(--bzd-ink);

}


.bzd-decision-ancla::before {

  content:
    "";

  width:
    8px;

  height:
    8px;

  border-radius:
    50%;

  background:
    var(--bzd-green);

}


/* =========================================================
   DADO
========================================================= */

.bzd-dado-stage {

  width:
    min(
      calc(100% - 48px),
      760px
    );

  margin:
    0 auto;

  padding:
    34px 0 22px;

  text-align:
    center;

}


.bzd-instr {

  margin:
    0 auto 8px;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(
      29px,
      4vw,
      38px
    );

  line-height:
    1.2;

  font-weight:
    700;

  color:
    var(--bzd-ink);

}


.bzd-instr strong {

  font-family:
    inherit;

  font-weight:
    700;

}


.bzd-dado-nota {

  max-width:
    440px;

  margin:
    18px auto 0;

  font-size:
    14px;

  line-height:
    1.5;

  font-weight:
    500;

  color:
    var(--bzd-muted);

}


.bzd-esc {

  position:
    relative;

  width:
    300px;

  height:
    286px;

  margin:
    0 auto 8px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  perspective:
    880px;

  cursor:
    pointer;

}


.bzd-mesa {

  position:
    absolute;

  left:
    50%;

  bottom:
    18px;

  width:
    254px;

  height:
    74px;

  transform:
    translateX(-50%);

  border-radius:
    50%;

  background:
    radial-gradient(
      ellipse at 50% 45%,
      var(--bzd-card-beige) 0%,
      var(--bzd-card-beige) 58%,
      rgba(202, 196, 163, 0) 100%
    );

  pointer-events:
    none;

}


.bzd-sombra {

  position:
    absolute;

  left:
    50%;

  bottom:
    40px;

  width:
    140px;

  height:
    28px;

  transform:
    translateX(-50%);

  border-radius:
    50%;

  background:
    rgba(17, 42, 56, .30);

  filter:
    blur(10px);

  pointer-events:
    none;

}


.bzd-lanza {

  position:
    relative;

  z-index:
    2;

}


.bzd-cubo {

  position:
    relative;

  width:
    148px;

  height:
    148px;

  transform-style:
    preserve-3d;

  transform:
    rotateX(-18deg)
    rotateY(22deg);

  transition:
    transform
    1.15s
    cubic-bezier(.3, .9, .3, 1);

}


.bzd-cara {

  position:
    absolute;

  width:
    148px;

  height:
    148px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    18px;

  background:
    var(--bzd-indigo);

  box-shadow:
    inset 0 0 0 1px
    rgba(255, 255, 255, .10);

}


.bzd-pips {

  display:
    grid;

  grid-template-columns:
    repeat(3, 16px);

  grid-template-rows:
    repeat(3, 16px);

  gap:
    12px;

}


.bzd-pip {

  width:
    16px;

  height:
    16px;

  border-radius:
    50%;

}


.bzd-pip.on {

  background:
    var(--bzd-green);

}


/* =========================================================
   ANIMACIÓN DADO
========================================================= */

.bzd-esc.tirando
.bzd-lanza {

  animation:
    bzdBote
    1.15s
    cubic-bezier(.3, .9, .3, 1);

}


.bzd-esc.tirando
.bzd-sombra {

  animation:
    bzdSombra
    1.15s
    cubic-bezier(.3, .9, .3, 1);

}


@keyframes bzdBote {

  0% {
    transform: translateY(0);
  }

  22% {
    transform: translateY(-64px);
  }

  52% {
    transform: translateY(0);
  }

  68% {
    transform: translateY(-20px);
  }

  84% {
    transform: translateY(0);
  }

  92% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }

}


@keyframes bzdSombra {

  0% {

    transform:
      translateX(-50%)
      scale(1);

    opacity:
      .85;

  }

  22% {

    transform:
      translateX(-50%)
      scale(.60);

    opacity:
      .38;

  }

  52% {

    transform:
      translateX(-50%)
      scale(1.06);

    opacity:
      .9;

  }

  100% {

    transform:
      translateX(-50%)
      scale(1);

    opacity:
      .85;

  }

}


/* =========================================================
   RESULTADO
========================================================= */

.bzd-resultado {

  width:
    min(
      calc(100% - 48px),
      960px
    );

  margin:
    0 auto;

  padding:
    34px 0 28px;

  text-align:
    center;

}


.bzd-tirada-wrap {

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    14px;

  margin:
    0 0 28px;

  flex-wrap:
    wrap;

}


.bzd-tirada {

  margin:
    0;

  font-size:
    11px;

  line-height:
    1.3;

  font-weight:
    700;

  letter-spacing:
    .15em;

  text-transform:
    uppercase;

  color:
    var(--bzd-muted);

}


.bzd-mini-dado {

  width:
    52px;

  height:
    52px;

  padding:
    8px;

  display:
    grid;

  grid-template-columns:
    repeat(3, 1fr);

  grid-template-rows:
    repeat(3, 1fr);

  gap:
    4px;

  border:
    1px solid
    var(--bzd-border);

  border-radius:
    12px;

  background:
    var(--bzd-white);

}


.bzd-mini-dado i {

  display:
    block;

  border-radius:
    50%;

}


.bzd-mini-dado i.on {

  background:
    var(--bzd-indigo);

}


.bzd-mini-dado.v2 i.on,
.bzd-mini-dado.v6 i.on {

  background:
    var(--bzd-card-blue);

}


.bzd-mini-dado.v3 i.on,
.bzd-mini-dado.v5 i.on {

  background:
    var(--bzd-green);

}


.bzd-mini-dado.v4 i.on {

  background:
    var(--bzd-card-yellow);

}


/* =========================================================
   PASOS
========================================================= */

.bzd-step-kicker {

  margin:
    0 0 7px;

  font-size:
    18px;

  line-height:
    1.25;

  font-weight:
    400;

  letter-spacing:
    .02em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


.bzd-step-title {

  max-width:
    760px;

  margin:
    0 auto;

  font-size:
    16px;

  line-height:
    1.4;

  font-weight:
    600;

  color:
    var(--bzd-ink);

}


/* =========================================================
   PREGUNTA MADRE
========================================================= */

.bzd-madre {

  max-width:
    780px;

  margin:
    22px auto 0;

  padding:
    30px 32px 26px;

  border-radius:
    18px;

  background:
    var(--bzd-indigo);

  color:
    var(--bzd-white);

  box-shadow:
    0 8px 20px
    rgba(17, 42, 56, .06);

}


.bzd-madre-question {

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(
      27px,
      3.4vw,
      34px
    );

  line-height:
    1.25;

  font-weight:
    700;

  letter-spacing:
    -.015em;

  color:
    var(--bzd-white);

}


.bzd-madre-hint {

  margin-top:
    14px;

  font-size:
    14px;

  line-height:
    1.45;

  font-weight:
    400;

  color:
    rgba(255, 255, 255, .78);

}


.bzd-sesgo {

  display:
    inline-flex;

  margin-top:
    16px;

  padding:
    6px 9px;

  border:
    1px solid
    rgba(195, 253, 104, .46);

  border-radius:
    8px;

  font-size:
    10px;

  line-height:
    1.2;

  font-weight:
    700;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;

  color:
    var(--bzd-lime);

}


/* =========================================================
   PAUSA
========================================================= */

.bzd-pausa {

  max-width:
    620px;

  margin:
    24px auto 0;

  padding:
    20px 22px;

  border:
    1px solid
    var(--bzd-border);

  border-radius:
    18px;

  background:
    var(--bzd-arena);

  transition:
    background .2s ease,
    border-color .2s ease;

}


.bzd-pausa.completada {

  background:
    var(--bzd-white);

  border-color:
    var(--bzd-green);

}


.bzd-pausa-texto {

  margin:
    0;

  font-size:
    16px;

  line-height:
    1.45;

  font-weight:
    500;

  color:
    var(--bzd-ink);

}


.bzd-pausa-texto strong,
.bzd-pausa-texto span {

  display:
    block;

}


.bzd-pausa-texto strong {

  font-weight:
    600;

}


.bzd-pausa-texto span {

  margin-top:
    4px;

  font-size:
    14px;

  color:
    var(--bzd-muted);

}


.bzd-timer {

  margin-top:
    18px;

  display:
    flex;

  align-items:
    baseline;

  justify-content:
    center;

  gap:
    12px;

}


.bzd-timer-label {

  font-size:
    11px;

  line-height:
    1;

  font-weight:
    700;

  letter-spacing:
    .15em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


.bzd-tiempo {

  min-width:
    72px;

  font-size:
    30px;

  line-height:
    1;

  font-weight:
    700;

  color:
    var(--bzd-ink);

  font-variant-numeric:
    tabular-nums;

}


.bzd-timer-track {

  width:
    100%;

  height:
    5px;

  margin-top:
    16px;

  overflow:
    hidden;

  border-radius:
    999px;

  background:
    var(--bzd-arena-dark);

}


.bzd-timer-track span {

  display:
    block;

  width:
    0%;

  height:
    100%;

  border-radius:
    inherit;

  background:
    var(--bzd-green);

  transition:
    width .25s linear;

}


.bzd-saltar-pausa {

  margin-top:
    14px;

  padding:
    4px 2px;

  border:
    0;

  background:
    transparent;

  color:
    var(--bzd-indigo);

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    600;

  text-decoration:
    underline;

  text-decoration-color:
    rgba(24, 71, 100, .28);

  text-underline-offset:
    3px;

  cursor:
    pointer;

}


.bzd-saltar-pausa:hover {

  color:
    var(--bzd-ink);

  text-decoration-color:
    var(--bzd-green);

}


/* =========================================================
   PASO 2
========================================================= */

.bzd-paso2 {

  margin-top:
    42px;

  opacity:
    0;

  transform:
    translateY(10px);

  transition:
    opacity .42s ease,
    transform .42s ease;

}


.bzd-paso2.v {

  opacity:
    1;

  transform:
    none;

}


.bzd-paso2-head {

  margin-bottom:
    24px;

}


/* =========================================================
   CARTAS
========================================================= */

.bzd-nodos {

  max-width:
    900px;

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap:
    22px;

  align-items:
    start;

}


.bzd-nw {

  position:
    relative;

  opacity:
    0;

  transform:
    translateY(12px)
    scale(.98);

  transition:
    opacity .38s ease,
    transform .38s ease;

}


.bzd-nw.v {

  opacity:
    1;

  transform:
    none;

}


.bzd-carta {

  position:
    relative;

  width:
    100%;

  min-height:
    245px;

  padding:
    28px 20px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  border:
    0;

  border-radius:
    18px;

  font-family:
    "Work Sans",
    Arial,
    sans-serif;

  cursor:
    pointer;

  box-shadow:
    0 10px 24px
    rgba(24, 71, 100, .09);

  transition:
    transform .18s ease,
    opacity .2s ease,
    filter .2s ease,
    box-shadow .2s ease;

}


.bzd-carta:hover {

  transform:
    translateY(-3px);

}


/* Excepción aprobada: color de cada carta */

.bzd-nw.c1
.bzd-carta {

  background:
    var(--bzd-indigo);

  color:
    var(--bzd-white);

}


.bzd-nw.c2
.bzd-carta {

  background:
    var(--bzd-card-blue);

  color:
    var(--bzd-ink);

}


.bzd-nw.c3
.bzd-carta {

  background:
    var(--bzd-green);

  color:
    var(--bzd-ink);

}


.bzd-card-num {

  display:
    block;

  margin-bottom:
    15px;

  font-size:
    11px;

  line-height:
    1.2;

  font-weight:
    700;

  letter-spacing:
    .15em;

  text-transform:
    uppercase;

  opacity:
    .78;

}


.bzd-card-main {

  display:
    block;

  font-size:
    20px;

  line-height:
    1.2;

  font-weight:
    700;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;

}


.bzd-card-sub {

  display:
    block;

  margin-top:
    8px;

  font-size:
    13px;

  line-height:
    1.4;

  font-weight:
    500;

  opacity:
    .86;

}


.bzd-nw.activa
.bzd-carta {

  box-shadow:
    0 0 0 3px
    var(--bzd-white),

    0 0 0 6px
    rgba(160, 223, 62, .88),

    0 12px 28px
    rgba(24, 71, 100, .12);

}


.bzd-nw.vista:not(.activa)
.bzd-carta {

  opacity:
    .72;

  filter:
    saturate(.72);

}


/* =========================================================
   PREGUNTA ABIERTA DE CARTA
========================================================= */

.bzd-pregunta-bajo {

  display:
    none;

  margin-top:
    12px;

  padding:
    20px 18px 18px;

  text-align:
    left;

  border:
    1px solid
    var(--bzd-border);

  border-radius:
    16px;

  background:
    var(--bzd-white);

  box-shadow:
    0 8px 18px
    rgba(17, 42, 56, .05);

}


.bzd-nw.activa
.bzd-pregunta-bajo {

  display:
    block;

  animation:
    bzdAbre
    .22s ease;

}


.bzd-card-back-kick {

  display:
    block;

  margin-bottom:
    10px;

  font-size:
    10px;

  line-height:
    1.2;

  font-weight:
    700;

  letter-spacing:
    .13em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


.bzd-pregunta-carta {

  display:
    block;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    20px;

  line-height:
    1.34;

  font-weight:
    700;

  color:
    var(--bzd-ink);

}


.bzd-pregunta-pista {

  display:
    block;

  margin-top:
    12px;

  font-size:
    13px;

  line-height:
    1.45;

  font-weight:
    400;

  color:
    var(--bzd-muted);

}


.bzd-sesgo-mini {

  display:
    inline-block;

  margin-top:
    15px;

  padding-top:
    12px;

  border-top:
    1px solid
    var(--bzd-border);

  font-size:
    9px;

  line-height:
    1.3;

  font-weight:
    700;

  letter-spacing:
    .07em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


/* =========================================================
   PULSO CARTAS
========================================================= */

.bzd-onda {

  position:
    absolute;

  inset:
    -6px;

  border-radius:
    22px;

  box-shadow:
    0 0 0 2px
    rgba(160, 223, 62, .48);

  opacity:
    0;

  z-index:
    -1;

  pointer-events:
    none;

}


.bzd-nw.pulsa
.bzd-onda {

  animation:
    bzdO
    2.5s
    ease-out
    2;

}


@keyframes bzdO {

  0% {

    transform:
      scale(1);

    opacity:
      .42;

  }

  100% {

    transform:
      scale(1.045);

    opacity:
      0;

  }

}


@keyframes bzdAbre {

  from {

    opacity:
      0;

    transform:
      translateY(-4px);

  }

  to {

    opacity:
      1;

    transform:
      none;

  }

}


/* =========================================================
   SIGUIENTE
========================================================= */

.bzd-siguiente {

  display:
    none;

  width:
    min(
      100%,
      300px
    );

  min-height:
    54px;

  margin:
    30px auto 6px;

  padding:
    14px 20px;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  border:
    1px solid
    var(--bzd-ink);

  border-radius:
    13px;

  background:
    var(--bzd-ink);

  color:
    var(--bzd-white);

  font-size:
    14px;

  line-height:
    1.2;

  font-weight:
    700;

  text-align:
    center;

  cursor:
    pointer;

}


.bzd-siguiente.v {

  display:
    inline-flex;

}


.bzd-siguiente span {

  color:
    var(--bzd-green);

  font-size:
    17px;

  line-height:
    1;

}


/* =========================================================
   CIERRE
========================================================= */

.bzd-captura {

  width:
    100%;

  padding:
    56px 24px;

  background:
    var(--bzd-white);

}


.bzd-captura-inner {

  max-width:
    960px;

  margin:
    0 auto;

}


.bzd-pre {

  margin:
    0 0 10px;

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    700;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


.bzd-captura h2 {

  margin:
    0;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(
      34px,
      4vw,
      44px
    );

  line-height:
    1.12;

  font-weight:
    700;

  color:
    var(--bzd-ink);

}


.bzd-captura-intro {

  max-width:
    700px;

  margin:
    12px 0 0;

  font-size:
    16px;

  line-height:
    1.5;

  font-weight:
    500;

  color:
    var(--bzd-muted);

}


/* =========================================================
   TARJETAS JUEGA / BIZEA
========================================================= */

.bzd-salida {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap:
    20px;

  margin-top:
    30px;

}


.bzd-salida-card {

  --bzd-card-surface:
    var(--bzd-white);

  display:
    flex;

  flex-direction:
    column;

  min-height:
    100%;

  padding:
    28px 26px;

  border:
    1px solid
    var(--bzd-border);

  border-radius:
    18px;

}


.bzd-juega {

  --bzd-card-surface:
    var(--bzd-arena);

  background:
    var(--bzd-arena);

}


.bzd-bizea {

  --bzd-card-surface:
    var(--bzd-white);

  background:
    var(--bzd-white);

}


.bzd-salida-kicker {

  margin:
    0 0 9px;

  font-size:
    13px;

  line-height:
    1.3;

  font-weight:
    600;

  letter-spacing:
    .05em;

  text-transform:
    uppercase;

  color:
    var(--bzd-indigo);

}


.bzd-salida-card h3 {

  margin:
    0 0 17px;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    31px;

  line-height:
    1.1;

  font-weight:
    700;

  color:
    var(--bzd-green);

}


.bzd-salida-card h3 span {

  font-family:
    inherit;

  color:
    var(--bzd-green);

}


.bzd-salida-card p {

  margin:
    0 0 12px;

  font-size:
    15px;

  line-height:
    1.55;

  font-weight:
    500;

  color:
    var(--bzd-ink);

}


/* =========================================================
   CTAs FINALES
========================================================= */

.bzd-app
.bzd-salida-card
.bzd-contacto {

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  align-self:
    flex-start;

  min-height:
    50px;

  margin-top:
    auto;

  padding:
    12px 18px;

  border:
    1px solid
    var(--bzd-ink) !important;

  border-radius:
    12px;

  background:
    var(--bzd-ink) !important;

  color:
    var(--bzd-lime) !important;

  font-size:
    13px;

  line-height:
    1.3;

  font-weight:
    700;

  text-decoration:
    none !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;

}


.bzd-app
.bzd-salida-card
.bzd-contacto:hover,

.bzd-app
.bzd-salida-card
.bzd-contacto:focus,

.bzd-app
.bzd-salida-card
.bzd-contacto:focus-visible {

  background:
    var(--bzd-card-surface) !important;

  color:
    var(--bzd-ink) !important;

  border-color:
    var(--bzd-ink) !important;

  text-decoration:
    none !important;

  transform:
    translateY(-2px);

  box-shadow:
    0 8px 18px
    rgba(17, 42, 56, .08);

}


.bzd-app
.bzd-salida-card
.bzd-contacto:active {

  background:
    var(--bzd-card-surface) !important;

  color:
    var(--bzd-ink) !important;

  border-color:
    var(--bzd-ink) !important;

  transform:
    translateY(0);

}


/* =========================================================
   FOOTER
========================================================= */

.bzd-footer {

  width:
    100%;

  padding:
    11px 32px;

  background:
    var(--bzd-arena);

}


.bzd-footer-inner {

  width:
    min(
      calc(100% - 32px),
      1180px
    );

  margin:
    0 auto;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    28px;

}


.bzd-footer-logo {

  display:
    block;

  width:
    138px;

  height:
    auto;

}


.bzd-footer p {

  margin:
    0;

  font-size:
    11px;

  line-height:
    1.4;

  font-weight:
    500;

  color:
    var(--bzd-indigo);

}


/* =========================================================
   FOCUS
========================================================= */

.bzd-app button:focus-visible,
.bzd-app a:focus-visible,
.bzd-esc:focus-visible {

  outline:
    3px solid
    var(--bzd-lime);

  outline-offset:
    3px;

}


/* =========================================================
   TABLET
========================================================= */

@media
(max-width: 900px) {

  .bzd-cover {

    padding:
      28px 26px 24px;

  }


  .bzd-cover-action {

    gap:
      28px;

  }


  .bzd-juego {

    padding-left:
      20px;

    padding-right:
      20px;

  }


  .bzd-nodos {

    gap:
      16px;

  }


  .bzd-carta {

    min-height:
      225px;

  }

}


/* =========================================================
   MÓVIL
========================================================= */

@media
(max-width: 620px) {

  .bzd-cover {

    min-height:
      auto;

    padding:
      28px 18px 26px;

  }


  .bzd-cover-inner,
  .bzd-prejuego,
  .bzd-dado-stage,
  .bzd-resultado {

    width:
      calc(100% - 32px);

  }


  .bzd-cover-logo {

    width:
      68px;

    margin-bottom:
      18px;

  }


  .bzd-cover h1 {

    font-size:
      clamp(
        40px,
        12vw,
        52px
      );

  }


  .bzd-cover-lead {

    font-size:
      19px;

  }


  .bzd-cover-hack {

    margin-top:
      16px;

    font-size:
      10px;

  }


  .bzd-cover-copy {

    margin-top:
      17px;

    font-size:
      14px;

    line-height:
      1.5;

  }


  .bzd-cover-action {

    margin-top:
      20px;

    padding-top:
      18px;

    grid-template-columns:
      1fr;

    gap:
      16px;

    text-align:
      center;

  }


  .bzd-cover-azar {

    font-size:
      15px;

  }


  .bzd-cover-cta {

    text-align:
      center;

  }


  .bzd-app
  .bzd-btn-cover {

    width:
      100%;

    max-width:
      320px;

  }


  .bzd-cover-meta {

    text-align:
      center;

  }


  .bzd-juego {

    padding:
      0 16px 46px;

  }


  .bzd-prejuego {

    padding:
      36px 0 24px;

  }


  .bzd-pre-pregunta {

    font-size:
      clamp(
        29px,
        8vw,
        37px
      );

  }


  .bzd-privado {

    font-size:
      14px;

  }


  .bzd-volver {

    margin-top:
      32px;

  }


  .bzd-dado-stage {

    padding-top:
      28px;

  }


  .bzd-esc {

    width:
      270px;

    height:
      270px;

  }


  .bzd-mesa {

    width:
      226px;

    height:
      66px;

  }


  .bzd-instr {

    font-size:
      31px;

  }


  .bzd-resultado {

    padding-top:
      26px;

  }


  .bzd-tirada-wrap {

    margin-bottom:
      22px;

  }


  .bzd-step-kicker {

    font-size:
      16px;

  }


  .bzd-step-title {

    max-width:
      330px;

    font-size:
      15px;

  }


  .bzd-madre {

    margin-top:
      18px;

    padding:
      25px 20px 22px;

    border-radius:
      16px;

  }


  .bzd-madre-question {

    font-size:
      clamp(
        24px,
        7vw,
        29px
      );

  }


  .bzd-madre-hint {

    font-size:
      13px;

  }


  .bzd-pausa {

    margin-top:
      20px;

    padding:
      18px;

  }


  .bzd-tiempo {

    font-size:
      28px;

  }


  .bzd-paso2 {

    margin-top:
      34px;

  }


  .bzd-nodos {

    grid-template-columns:
      1fr;

    max-width:
      300px;

    gap:
      20px;

  }


  .bzd-carta {

    min-height:
      220px;

  }


  .bzd-pregunta-carta {

    font-size:
      20px;

  }


  .bzd-siguiente {

    width:
      min(
        100%,
        300px
      );

  }


  .bzd-captura {

    padding:
      44px 18px;

  }


  .bzd-captura h2 {

    font-size:
      34px;

  }


  .bzd-salida {

    grid-template-columns:
      1fr;

  }


  .bzd-salida-card {

    padding:
      24px 20px;

  }


  .bzd-app
  .bzd-salida-card
  .bzd-contacto {

    width:
      100%;

    align-self:
      stretch;

    margin-top:
      12px;

  }


  .bzd-footer {

    padding:
      11px 18px;

  }


  .bzd-footer-inner {

    width:
      100%;

    flex-direction:
      column;

    gap:
      6px;

    text-align:
      center;

  }


  .bzd-footer-logo {

    width:
      120px;

  }


  .bzd-footer p {

    font-size:
      10px;

  }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
========================================================= */

@media
(prefers-reduced-motion: reduce) {

  .bzd-cover,
  .bzd-juego,
  .bzd-prejuego,
  .bzd-cubo,
  .bzd-paso2,
  .bzd-nw {

    transition:
      none !important;

  }


  .bzd-esc.tirando
  .bzd-lanza,

  .bzd-esc.tirando
  .bzd-sombra,

  .bzd-nw.pulsa
  .bzd-onda {

    animation:
      none !important;

  }

}/* End custom CSS */