.elementor-3886 .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-3886 .elementor-element.elementor-element-39e5cc3:not(.elementor-motion-effects-element-type-background), .elementor-3886 .elementor-element.elementor-element-39e5cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3886 .elementor-element.elementor-element-af6da1d{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-af6da1d */<style>

@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
========================================================= */

#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:#112A38;

  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
========================================================= */

#bzd-app .bzd-cover,
#bzd-app .bzd-presentacion,
#bzd-app .bzd-juego,
#bzd-app .bzd-prejuego {

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

}


#bzd-app .is-leaving {

  opacity:0;

  transform:
    translateY(-8px);

  pointer-events:none;

}


/* =========================================================
   01 · PORTADA
========================================================= */

#bzd-app .bzd-cover {

  position:relative;

  width:100%;

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

  padding:
    28px 32px 26px;

  display:flex;

  align-items:center;
  justify-content:center;

  background:#112A38 !important;

  color:#FFFFFF !important;

}


#bzd-app .bzd-cover-logo--left {

  position:absolute;

  top:26px;

  left:
    max(
      30px,
      calc((100vw - 1380px) / 2)
    );

  display:block;

  width:72px;

  height:auto;

  margin:0;

}


#bzd-app .bzd-cover-inner--resource {

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

  margin:
    20px auto 0;

  text-align:center;

}


#bzd-app .bzd-resource-kicker {

  display:inline-flex;

  margin:
    0 auto 14px;

  padding:
    7px 12px;

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

  border-radius:9px;

  font-size:10px;

  line-height:1.2;

  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;

  color:#C3FD68 !important;

}


#bzd-app .bzd-resource-title {

  max-width:900px;

  margin:0 auto;

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

  font-size:
    clamp(
      35px,
      4.15vw,
      51px
    ) !important;

  line-height:1.06 !important;

  font-weight:700 !important;

  letter-spacing:-.03em;

  text-transform:none !important;

  color:#FFFFFF !important;

}


#bzd-app .bzd-resource-title span {

  font-family:inherit !important;

  color:#A0DF3E !important;

}


#bzd-app .bzd-resource-copy {

  max-width:720px;

  margin:
    16px auto 22px;

  font-size:15px;

  line-height:1.5;

  font-weight:400;

  color:
    rgba(255,255,255,.80) !important;

}


/* =========================================================
   PORTADA · DOS OPCIONES
========================================================= */

#bzd-app .bzd-resource-options {

  display:grid;

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

  gap:16px;

  max-width:920px;

  margin:0 auto;

  text-align:left;

}


#bzd-app .bzd-resource-card {

  appearance:none;

  width:100%;

  min-height:220px;

  padding:
    24px 25px;

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  border:
    2px solid
    transparent !important;

  border-radius:18px;

  box-shadow:
    0 10px 24px
    rgba(0,0,0,.08);

  color:#112A38 !important;

  text-align:left;

  text-decoration:none !important;

  cursor:pointer;

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

}


#bzd-app .bzd-resource-card--download {

  background:#F4F3ED !important;

}


#bzd-app .bzd-resource-card--play {

  background:#A0DF3E !important;

}


/*
   HOVER APROBADO:
   toda la tarjeta se convierte en lima.
*/

#bzd-app .bzd-resource-card:hover,
#bzd-app .bzd-resource-card:focus,
#bzd-app .bzd-resource-card:focus-visible {

  background:#C3FD68 !important;

  border-color:#C3FD68 !important;

  color:#112A38 !important;

  text-decoration:none !important;

  transform:
    translateY(-3px);

  box-shadow:
    0 14px 30px
    rgba(0,0,0,.15);

}


#bzd-app .bzd-resource-card-kicker {

  display:block;

  margin:
    0 0 13px;

  font-size:10px;

  line-height:1.2;

  font-weight:700;

  letter-spacing:.14em;

  text-transform:uppercase;

  color:#184764 !important;

}


#bzd-app .bzd-resource-card-title {

  display:block;

  margin:
    0 0 11px;

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

  font-size:27px;

  line-height:1.12;

  font-weight:700;

  color:#112A38 !important;

}


#bzd-app .bzd-resource-card-copy {

  display:block;

  margin-bottom:20px;

  font-size:13.5px;

  line-height:1.48;

  font-weight:400;

  color:#112A38 !important;

}


#bzd-app .bzd-resource-card-action {

  display:flex;

  align-items:center;

  gap:9px;

  margin-top:auto;

  font-size:12px;

  line-height:1.25;

  font-weight:700;

  color:#112A38 !important;

}


#bzd-app .bzd-resource-card-action i {

  font-style:normal;

}


/* =========================================================
   02 · PRESENTACIÓN DEL RECURSO
========================================================= */

#bzd-app .bzd-presentacion {

  position:relative;

  width:100%;

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

  padding:
    48px 32px 70px;

  display:flex;

  align-items:center;
  justify-content:center;

  background:#F4F3ED !important;

}


#bzd-app .bzd-presentacion-inner {

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

  margin:0 auto;

  text-align:center;

}


#bzd-app .bzd-presentacion-title {

  max-width:760px;

  margin:
    0 auto 24px;

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

  font-size:
    clamp(
      35px,
      4.8vw,
      52px
    ) !important;

  line-height:1.08;

  font-weight:700;

  letter-spacing:-.025em;

  color:#112A38 !important;

}


#bzd-app .bzd-presentacion-title em {

  font-family:inherit !important;

  font-style:normal;

  color:#184764 !important;

}


#bzd-app .bzd-presentacion-copy {

  max-width:680px;

  margin:
    0 auto 28px;

}


#bzd-app .bzd-presentacion-copy p {

  margin:
    0 0 15px;

  font-size:16px;

  line-height:1.6;

  font-weight:400;

  color:#112A38 !important;

}


#bzd-app .bzd-presentacion-copy strong {

  font-weight:600;

}


/* =========================================================
   JUEGO
========================================================= */

#bzd-app .bzd-juego {

  position:relative;

  width:100%;

  margin:0;

  padding:
    0 24px 48px;

  text-align:center;

  background:#FFFFFF !important;

}


/* =========================================================
   03 · PARA EMPEZAR
========================================================= */

#bzd-app .bzd-prejuego {

  position:relative;

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

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

  margin:
    0 auto;

  padding:
    50px 0 72px;

  display:flex;

  align-items:center;
  justify-content:center;

  background:#FFFFFF !important;

}


#bzd-app .bzd-prejuego-inner {

  max-width:820px;

  margin:
    0 auto;

  text-align:center;

}


#bzd-app .bzd-pre-kick {

  margin:
    0 0 18px;

  font-size:12px;

  line-height:1.3;

  font-weight:700;

  letter-spacing:.16em;

  text-transform:uppercase;

  color:#184764 !important;

}


#bzd-app .bzd-pre-pregunta {

  max-width:780px;

  margin:
    0 auto;

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

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

  line-height:1.15;

  font-weight:700;

  letter-spacing:-.02em;

  color:#112A38 !important;

}


#bzd-app .bzd-pre-pregunta em {

  position:relative;

  white-space:nowrap;

  font-family:inherit !important;

  font-style:normal;

  color:#184764 !important;

  z-index:0;

}


#bzd-app .bzd-pre-pregunta em::after {

  content:"";

  position:absolute;

  left:0;
  right:0;

  bottom:.04em;

  height:.20em;

  border-radius:2px;

  background:#A0DF3E;

  opacity:.70;

  z-index:-1;

}


#bzd-app .bzd-privado {

  margin:
    22px 0 0;

  font-size:15px;

  line-height:1.55;

  font-weight:500;

  color:
    rgba(24,71,100,.72) !important;

}


#bzd-app .bzd-privado strong {

  font-weight:600;

  color:#112A38 !important;

}


#bzd-app .bzd-compromiso {

  margin-top:34px;

}


#bzd-app .bzd-la-tienes {

  margin:
    0 0 15px;

  font-size:20px;

  line-height:1.3;

  font-weight:600;

  color:#112A38 !important;

}


/* =========================================================
   BOTONES PRINCIPALES
========================================================= */

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

  min-height:54px;

  padding:
    14px 25px;

  border:
    2px solid
    #112A38 !important;

  border-radius:13px;

  background:#112A38 !important;

  color:#FFFFFF !important;

  font-size:14px;

  line-height:1.2;

  font-weight:700;

  cursor:pointer;

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

}


#bzd-app .bzd-tengo span {

  margin-left:8px;

  color:#A0DF3E !important;

}


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

  background:#FFFFFF !important;

  color:#112A38 !important;

  border-color:#112A38 !important;

  transform:
    translateY(-2px);

}


/* =========================================================
   ANTERIOR
========================================================= */

#bzd-app .bzd-volver {

  display:inline-flex !important;

  align-items:center;

  gap:5px;

  float:left;

  width:auto !important;

  margin-top:42px;

  padding:0 !important;

  border:0 !important;

  background:transparent !important;

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

  font-size:12px !important;

  line-height:1.3;

  font-weight:500;

  text-decoration:none !important;

}


#bzd-app .bzd-volver:hover {

  color:#184764 !important;

  text-decoration:underline !important;

  text-underline-offset:3px;

}


#bzd-app .bzd-volver--absolute {

  position:absolute;

  left:
    max(
      24px,
      calc((100vw - 1120px) / 2)
    );

  bottom:28px;

  margin:0;

}


/* =========================================================
   PROGRESO GRANDE
========================================================= */

#bzd-app .bzd-progress-big {

  position:fixed;

  left:
    clamp(
      26px,
      7vw,
      135px
    );

  top:50%;

  z-index:30;

  transform:
    translateY(-50%);

  text-align:left;

  pointer-events:none;

}


#bzd-app .bzd-progress-big strong {

  display:block;

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

  font-size:
    clamp(
      54px,
      6vw,
      82px
    );

  line-height:.95;

  font-weight:700;

  letter-spacing:-.04em;

  color:#112A38 !important;

}


#bzd-app .bzd-progress-big span {

  display:block;

  margin-top:8px;

  font-size:9px;

  line-height:1.2;

  font-weight:700;

  letter-spacing:.16em;

  color:
    rgba(24,71,100,.55) !important;

}


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

#bzd-app .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
    #D9DED5;

  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:#112A38 !important;

}


#bzd-app .bzd-decision-ancla::before {

  content:"";

  width:8px;
  height:8px;

  border-radius:50%;

  background:#A0DF3E;

}


/* =========================================================
   04 · DADO ORIGINAL
========================================================= */

#bzd-app .bzd-dado-stage {

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

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

  margin:
    0 auto;

  padding:
    34px 0 26px;

  text-align:center;

  background:#FFFFFF !important;

}


#bzd-app .bzd-instr {

  margin:
    0 auto 8px;

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

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

  line-height:1.2;

  font-weight:700;

  color:#112A38 !important;

}


#bzd-app .bzd-instr strong {

  font-family:inherit !important;

  color:#112A38 !important;

}


#bzd-app .bzd-dado-nota {

  max-width:440px;

  margin:
    18px auto 0;

  font-size:14px;

  line-height:1.5;

  font-weight:500;

  color:
    rgba(24,71,100,.72) !important;

}


#bzd-app .bzd-ronda-info {

  min-height:18px;

  margin:
    13px auto 0;

  font-size:11px;

  line-height:1.4;

  font-weight:500;

  color:
    rgba(24,71,100,.52) !important;

}


#bzd-app .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-app .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%,
      #CAC4A3 0%,
      #CAC4A3 58%,
      rgba(202,196,163,0) 100%
    );

  pointer-events:none;

}


#bzd-app .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-app .bzd-lanza {

  position:relative;

  z-index:2;

}


#bzd-app .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-app .bzd-cara {

  position:absolute;

  width:148px;
  height:148px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:18px;

  background:#184764 !important;

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

}


#bzd-app .bzd-pips {

  display:grid;

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

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

  gap:12px;

}


#bzd-app .bzd-pip {

  width:16px;
  height:16px;

  border-radius:50%;

}


#bzd-app .bzd-pip.on {

  background:#A0DF3E !important;

}


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

#bzd-app .bzd-esc.tirando
.bzd-lanza {

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

}


#bzd-app .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;

  }

}


/* =========================================================
   NAVEGACIÓN DEL JUEGO
========================================================= */

#bzd-app .bzd-game-nav {

  width:100%;

  margin-top:34px;

  display:flex;

  align-items:center;
  justify-content:space-between;

}


#bzd-app .bzd-game-nav .bzd-volver {

  float:none;

  margin:0;

}


#bzd-app .bzd-terminar {

  display:inline-flex;

  padding:0 !important;

  border:0 !important;

  background:transparent !important;

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

  font-size:12px;

  line-height:1.3;

  font-weight:600;

  text-decoration:none !important;

}


#bzd-app .bzd-terminar:hover {

  color:#112A38 !important;

  text-decoration:underline !important;

  text-decoration-color:#A0DF3E !important;

  text-underline-offset:3px;

}


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

#bzd-app .bzd-resultado {

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

  margin:
    0 auto;

  padding:
    34px 0 28px;

  text-align:center;

  background:#FFFFFF !important;

}


#bzd-app .bzd-tirada-wrap {

  display:flex;

  align-items:center;
  justify-content:center;

  gap:14px;

  margin:
    0 0 28px;

  flex-wrap:wrap;

}


#bzd-app .bzd-tirada {

  margin:0;

  font-size:11px;

  line-height:1.3;

  font-weight:700;

  letter-spacing:.15em;

  text-transform:uppercase;

  color:
    rgba(24,71,100,.72) !important;

}


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

#bzd-app .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 #D9DED5;

  border-radius:12px;

  background:#FFFFFF;

}


#bzd-app .bzd-mini-dado i {

  display:block;

  border-radius:50%;

}


#bzd-app .bzd-mini-dado i.on {

  background:#184764;

}


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

  background:#95CBED;

}


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

  background:#A0DF3E;

}


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

  background:#FFC736;

}


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

#bzd-app .bzd-step-kicker {

  margin:
    0 0 7px;

  font-size:18px;

  line-height:1.25;

  font-weight:400;

  letter-spacing:.02em;

  text-transform:uppercase;

  color:#184764 !important;

}


#bzd-app .bzd-step-title {

  max-width:760px;

  margin:0 auto;

  font-size:16px;

  line-height:1.4;

  font-weight:600;

  color:#112A38 !important;

}


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

#bzd-app .bzd-madre {

  max-width:780px;

  margin:
    22px auto 0;

  padding:
    30px 32px 26px;

  border-radius:18px;

  background:#184764 !important;

  color:#FFFFFF !important;

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

}


#bzd-app .bzd-madre-question {

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

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

  line-height:1.25;

  font-weight:700;

  letter-spacing:-.015em;

  color:#FFFFFF !important;

}


#bzd-app .bzd-madre-hint {

  margin-top:14px;

  font-size:14px;

  line-height:1.45;

  font-weight:400;

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

}


#bzd-app .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:#C3FD68 !important;

}


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

#bzd-app .bzd-pausa {

  max-width:620px;

  margin:
    24px auto 0;

  padding:
    20px 22px;

  border:
    1px solid
    #D9DED5;

  border-radius:18px;

  background:#F4F3ED !important;

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

}


#bzd-app .bzd-pausa.completada {

  background:#FFFFFF !important;

  border-color:#A0DF3E;

}


#bzd-app .bzd-pausa-texto {

  margin:0;

  font-size:16px;

  line-height:1.45;

  font-weight:500;

  color:#112A38 !important;

}


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

  display:block;

}


#bzd-app .bzd-pausa-texto strong {

  font-weight:600;

}


#bzd-app .bzd-pausa-texto span {

  margin-top:4px;

  font-size:14px;

  color:
    rgba(24,71,100,.72) !important;

}


#bzd-app .bzd-timer {

  margin-top:18px;

  display:flex;

  align-items:baseline;
  justify-content:center;

  gap:12px;

}


#bzd-app .bzd-timer-label {

  font-size:11px;

  line-height:1;

  font-weight:700;

  letter-spacing:.15em;

  text-transform:uppercase;

  color:#184764 !important;

}


#bzd-app .bzd-tiempo {

  min-width:72px;

  font-size:30px;

  line-height:1;

  font-weight:700;

  color:#112A38 !important;

  font-variant-numeric:
    tabular-nums;

}


#bzd-app .bzd-timer-track {

  width:100%;

  height:5px;

  margin-top:16px;

  overflow:hidden;

  border-radius:999px;

  background:#EBE9DD;

}


#bzd-app .bzd-timer-track span {

  display:block;

  width:0%;

  height:100%;

  border-radius:inherit;

  background:#A0DF3E;

  transition:
    width .25s linear;

}


#bzd-app .bzd-saltar-pausa {

  margin-top:14px !important;

  padding:
    4px 2px !important;

  border:0 !important;

  background:transparent !important;

  color:#184764 !important;

  font-size:12px !important;

  line-height:1.3;

  font-weight:600;

  text-decoration:underline;

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

  text-underline-offset:3px;

  cursor:pointer;

}


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

#bzd-app .bzd-paso2 {

  margin-top:42px;

  opacity:0;

  transform:
    translateY(10px);

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

}


#bzd-app .bzd-paso2.v {

  opacity:1;

  transform:none;

}


#bzd-app .bzd-paso2-head {

  margin-bottom:24px;

}


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

#bzd-app .bzd-nodos {

  max-width:900px;

  margin:0 auto;

  display:grid;

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

  gap:22px;

  align-items:start;

}


#bzd-app .bzd-nw {

  position:relative;

  opacity:0;

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

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

}


#bzd-app .bzd-nw.v {

  opacity:1;

  transform:none;

}


#bzd-app .bzd-carta {

  position:relative;

  width:100%;

  min-height:245px;

  padding:
    28px 20px !important;

  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  border:0 !important;

  border-radius:18px !important;

  cursor:pointer;

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

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

}


#bzd-app .bzd-carta:hover {

  transform:
    translateY(-3px);

}


#bzd-app .bzd-nw.c1
.bzd-carta {

  background:#184764 !important;

  color:#FFFFFF !important;

}


#bzd-app .bzd-nw.c2
.bzd-carta {

  background:#95CBED !important;

  color:#112A38 !important;

}


#bzd-app .bzd-nw.c3
.bzd-carta {

  background:#A0DF3E !important;

  color:#112A38 !important;

}


#bzd-app .bzd-card-num {

  display:block;

  margin-bottom:15px;

  font-size:11px;

  line-height:1.2;

  font-weight:700;

  letter-spacing:.15em;

  text-transform:uppercase;

  color:inherit !important;

  opacity:.78;

}


#bzd-app .bzd-card-main {

  display:block;

  font-size:20px;

  line-height:1.2;

  font-weight:700;

  letter-spacing:.08em;

  text-transform:uppercase;

  color:inherit !important;

}


#bzd-app .bzd-card-sub {

  display:block;

  margin-top:8px;

  font-size:13px;

  line-height:1.4;

  font-weight:500;

  color:inherit !important;

  opacity:.86;

}


#bzd-app .bzd-nw.abierta
.bzd-carta {

  box-shadow:
    0 0 0 3px #FFFFFF,
    0 0 0 6px
    rgba(160,223,62,.88),
    0 12px 28px
    rgba(24,71,100,.12) !important;

}


/* =========================================================
   PREGUNTA DEBAJO DE CADA CARTA
========================================================= */

#bzd-app .bzd-pregunta-bajo {

  display:none;

  margin-top:12px;

  padding:
    20px 18px 18px;

  text-align:left;

  border:
    1px solid #D9DED5;

  border-radius:16px;

  background:#FFFFFF !important;

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

}


#bzd-app .bzd-nw.abierta
.bzd-pregunta-bajo {

  display:block;

  animation:
    bzdAbre
    .22s ease;

}


#bzd-app .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:#184764 !important;

}


#bzd-app .bzd-pregunta-carta {

  display:block;

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

  font-size:20px;

  line-height:1.34;

  font-weight:700;

  color:#112A38 !important;

}


#bzd-app .bzd-pregunta-pista {

  display:block;

  margin-top:12px;

  font-size:13px;

  line-height:1.45;

  color:
    rgba(24,71,100,.72) !important;

}


#bzd-app .bzd-sesgo-mini {

  display:inline-block;

  margin-top:15px;

  padding-top:12px;

  border-top:
    1px solid #D9DED5;

  font-size:9px;

  line-height:1.3;

  font-weight:700;

  letter-spacing:.07em;

  text-transform:uppercase;

  color:#184764 !important;

}


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

#bzd-app .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-app .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 / NUEVA VUELTA
========================================================= */

#bzd-app .bzd-round-controls {

  margin-top:28px;

}


#bzd-app .bzd-siguiente {

  display:inline-flex !important;

  width:
    min(
      100%,
      300px
    );

  min-height:54px;

  margin:
    0 auto 6px;

  padding:
    14px 20px;

  align-items:center;
  justify-content:center;

  gap:9px;

  border:
    1px solid #112A38 !important;

  border-radius:13px;

  background:#112A38 !important;

  color:#FFFFFF !important;

  font-size:14px;

  line-height:1.2;

  font-weight:700;

  cursor:pointer;

}


#bzd-app .bzd-siguiente span {

  color:#A0DF3E !important;

}


#bzd-app .bzd-vuelta-completa {

  max-width:520px;

  margin:
    28px auto 0;

  padding:
    11px 15px;

  border-radius:10px;

  background:#F4F3ED;

  font-size:12px;

  line-height:1.4;

  font-weight:600;

  color:#184764 !important;

}


/* =========================================================
   05 · CIERRE
========================================================= */

#bzd-app .bzd-captura {

  width:100%;

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

  padding:
    60px 24px 42px;

  background:#FFFFFF !important;

}


#bzd-app .bzd-captura-inner {

  max-width:960px;

  margin:0 auto;

}


#bzd-app .bzd-final-title {

  max-width:850px;

  margin:0;

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

  font-size:
    clamp(
      35px,
      4.4vw,
      50px
    ) !important;

  line-height:1.08;

  font-weight:700;

  letter-spacing:-.025em;

  color:#112A38 !important;

}


#bzd-app .bzd-final-question {

  margin:
    14px 0 0;

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

  font-size:
    clamp(
      28px,
      3.4vw,
      38px
    ) !important;

  line-height:1.12;

  font-weight:700;

  color:#A0DF3E !important;

}


/* =========================================================
   TARJETAS FINALES
========================================================= */

#bzd-app .bzd-salida {

  display:grid;

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

  gap:20px;

  margin-top:34px;

}


#bzd-app .bzd-salida-card {

  --bzd-card-surface:#FFFFFF;

  display:flex;

  flex-direction:column;

  min-height:360px;

  padding:
    28px 26px;

  border-radius:18px;

  background:#FFFFFF !important;

}


#bzd-app .bzd-salida-card--solo {

  border:
    4px solid
    #EBE9DD;

}


#bzd-app .bzd-salida-card--bizea {

  border:
    4px solid
    #A0DF3E;

}


#bzd-app .bzd-salida-card h4 {

  margin:
    0 0 20px;

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

  font-size:30px !important;

  line-height:1.1;

  font-weight:700;

  color:#112A38 !important;

}


#bzd-app .bzd-salida-card p {

  margin:
    0 0 13px;

  font-size:15px;

  line-height:1.55;

  font-weight:500;

  color:#112A38 !important;

}


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

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

  appearance:none;

  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
    #112A38 !important;

  border-radius:12px;

  background:#112A38 !important;

  color:#C3FD68 !important;

  font-size:13px;

  line-height:1.3;

  font-weight:700;

  text-decoration:none !important;

  cursor:pointer;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;

}


#bzd-app
.bzd-salida-card
.bzd-contacto:hover {

  background:#FFFFFF !important;

  color:#112A38 !important;

  transform:
    translateY(-2px);

}


#bzd-app .bzd-final-volver {

  float:none;

  margin-top:34px;

}


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

#bzd-app .bzd-footer {

  width:100%;

  padding:
    11px 32px;

  background:#F4F3ED !important;

}


#bzd-app .bzd-footer-inner {

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

  margin:0 auto;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:28px;

}


#bzd-app .bzd-footer-logo {

  display:block;

  width:138px;

  height:auto;

}


#bzd-app .bzd-footer p {

  margin:0;

  font-size:11px;

  line-height:1.4;

  font-weight:500;

  color:#184764 !important;

}


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

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

  outline:
    3px solid #C3FD68;

  outline-offset:3px;

}


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

@media(max-width:1050px) {

  #bzd-app .bzd-progress-big {

    left:24px;

  }


  #bzd-app .bzd-progress-big strong {

    font-size:48px;

  }

}


@media(max-width:900px) {

  #bzd-app .bzd-resource-options {

    grid-template-columns:1fr;

  }


  #bzd-app .bzd-cover {

    min-height:auto;

  }


  #bzd-app .bzd-cover-logo--left {

    position:static;

    width:68px;

    margin:
      0 0 18px;

  }


  #bzd-app .bzd-cover-inner--resource {

    margin:0;

  }


  #bzd-app .bzd-nodos {

    gap:16px;

  }


  #bzd-app .bzd-progress-big {

    position:static;

    transform:none;

    margin:
      18px auto 0;

    text-align:center;

  }


  #bzd-app .bzd-progress-big strong {

    font-size:45px;

  }

}


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

@media(max-width:620px) {

  #bzd-app .bzd-cover {

    padding:
      24px 18px 28px;

  }


  #bzd-app .bzd-cover-inner--resource,
  #bzd-app .bzd-presentacion-inner {

    width:100%;

  }


  #bzd-app .bzd-resource-title {

    font-size:
      clamp(
        32px,
        9.5vw,
        42px
      ) !important;

  }


  #bzd-app .bzd-resource-copy {

    font-size:14px;

  }


  #bzd-app .bzd-resource-card {

    min-height:190px;

    padding:
      22px 20px;

  }


  #bzd-app .bzd-presentacion {

    min-height:auto;

    padding:
      42px 18px 72px;

  }


  #bzd-app .bzd-presentacion-title {

    font-size:
      34px !important;

  }


  #bzd-app .bzd-presentacion-copy p {

    font-size:15px;

  }


  #bzd-app .bzd-prejuego {

    min-height:auto;

    width:
      calc(100% - 32px);

    padding:
      40px 0 70px;

  }


  #bzd-app .bzd-pre-pregunta {

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

  }


  #bzd-app .bzd-juego {

    padding:
      0 16px 46px;

  }


  #bzd-app .bzd-dado-stage,
  #bzd-app .bzd-resultado {

    width:
      calc(100% - 32px);

  }


  #bzd-app .bzd-dado-stage {

    min-height:auto;

    padding-top:28px;

  }


  #bzd-app .bzd-progress-big {

    margin:
      6px auto 18px;

  }


  #bzd-app .bzd-progress-big strong {

    font-size:42px;

  }


  #bzd-app .bzd-esc {

    width:270px;
    height:270px;

  }


  #bzd-app .bzd-mesa {

    width:226px;
    height:66px;

  }


  #bzd-app .bzd-instr {

    font-size:31px !important;

  }


  #bzd-app .bzd-step-kicker {

    font-size:16px;

  }


  #bzd-app .bzd-step-title {

    max-width:330px;

    font-size:15px;

  }


  #bzd-app .bzd-madre {

    padding:
      25px 20px 22px;

  }


  #bzd-app .bzd-madre-question {

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

  }


  #bzd-app .bzd-nodos {

    grid-template-columns:1fr;

    max-width:300px;

    gap:20px;

  }


  #bzd-app .bzd-game-nav {

    margin-top:28px;

  }


  #bzd-app .bzd-captura {

    padding:
      44px 18px;

  }


  #bzd-app .bzd-final-title {

    font-size:
      34px !important;

  }


  #bzd-app .bzd-final-question {

    font-size:
      28px !important;

  }


  #bzd-app .bzd-salida {

    grid-template-columns:1fr;

  }


  #bzd-app .bzd-salida-card {

    min-height:0;

    padding:
      24px 20px;

  }


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

    width:100%;

    align-self:stretch;

    margin-top:14px;

  }


  #bzd-app .bzd-footer {

    padding:
      11px 18px;

  }


  #bzd-app .bzd-footer-inner {

    width:100%;

    flex-direction:column;

    gap:6px;

    text-align:center;

  }

}


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

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

  #bzd-app .bzd-cover,
  #bzd-app .bzd-presentacion,
  #bzd-app .bzd-juego,
  #bzd-app .bzd-prejuego,
  #bzd-app .bzd-cubo,
  #bzd-app .bzd-paso2,
  #bzd-app .bzd-nw {

    transition:none !important;

  }


  #bzd-app .bzd-esc.tirando
  .bzd-lanza,

  #bzd-app .bzd-esc.tirando
  .bzd-sombra,

  #bzd-app .bzd-nw.pulsa
  .bzd-onda {

    animation:none !important;

  }

}

</style>/* End custom CSS */