.elementor .e-4364819-3a87dad{width:100vw;height:100vh;overflow:hidden;padding:0px;margin:0px;gap:0px;}.elementor .e-32ae8e6-67f1b8a{width:50px;height:50px;opacity:50%;align-self:center;}.elementor .e-e1c230d{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;}.elementor .e-96d0f39{overflow:hidden;padding-block-start:40px;padding-block-end:20px;padding-inline-start:0px;padding-inline-end:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;background-image:url("https://anagely-diego.invitacionesvyk.com/wp-content/uploads/2026/09/textura03-300x300.webp");background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;flex-direction:column;gap:20px;justify-content:center;align-items:center;}.elementor .e-779837e{overflow:hidden;padding-block-start:0px;padding-block-end:50px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;background-color:#ffffff;flex-direction:column;gap:0px;}.elementor .e-a3b8aaf{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-db97f1d{overflow:hidden;padding-block-start:20px;padding-block-end:20px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;background-color:#ffffffab;flex-direction:column;gap:20px;justify-content:center;align-items:center;/* =========================================================
 MODELO DE CAJA
 ========================================================= */

.vyk-countdown-section,
.vyk-countdown-section *,
.vyk-countdown-section *::before,
.vyk-countdown-section *::after {
  box-sizing: border-box;
}


/* =========================================================
 CONTENEDOR GENERAL
 ========================================================= */

.vyk-countdown-section {
  --vyk-countdown-color: #65432a;

  --vyk-countdown-font:
      "Cormorant Garamond",
      "Times New Roman",
      Georgia,
      serif;

  width: 100% !important;
  max-width: 920px !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin-right: auto !important;
  margin-left: auto !important;

  padding:
      clamp(18px, 3vw, 34px)
      clamp(6px, 2.5vw, 24px) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 0 !important;

  overflow: visible !important;
}


/*
 * Compatibilidad si Elementor genera
 * un wrapper interno e-con-inner.
 */

.vyk-countdown-section > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 0 !important;
}


/* =========================================================
 CONTENEDORES INICIAL Y FINAL
 ========================================================= */

.vyk-countdown-section
.vyk-countdown-before,

.vyk-countdown-section
.vyk-countdown-after {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}


.vyk-countdown-before > .e-con-inner,
.vyk-countdown-after > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}


/* Estado normal */

.vyk-countdown-section
.vyk-countdown-before {
  display: flex !important;

  gap:
      clamp(
          10px,
          1.8vw,
          18px
      ) !important;
}


.vyk-countdown-section
.vyk-countdown-after {
  display: none !important;

  gap: 0 !important;
}


/* Estado finalizado */

.vyk-countdown-section.is-expired
.vyk-countdown-before {
  display: none !important;
}


.vyk-countdown-section.is-expired
.vyk-countdown-after {
  display: flex !important;

  animation:
      vyk-countdown-final-reveal
      0.7s
      ease
      both;
}


/* =========================================================
 WIDGETS DE ELEMENTOR
 ========================================================= */

.vyk-countdown-title,
.vyk-countdown-final-title,
.vyk-countdown-html {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
}


.vyk-countdown-title
> .elementor-widget-container,

.vyk-countdown-final-title
> .elementor-widget-container,

.vyk-countdown-html
> .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* =========================================================
 ENCABEZADO “FALTAN”
 ========================================================= */

.vyk-countdown-title
.elementor-heading-title {
  margin: 0 !important;

  color:
      var(
          --vyk-countdown-color
      ) !important;

  font-family:
      var(
          --vyk-countdown-font
      ) !important;

  font-size:
      clamp(
          23px,
          3.2vw,
          38px
      ) !important;

  font-weight:
      400 !important;

  line-height:
      1 !important;

  letter-spacing:
      0.04em !important;

  text-align:
      center !important;
}


/* =========================================================
 ENCABEZADO FINAL
 ========================================================= */

.vyk-countdown-final-title
.elementor-heading-title {
  width: 100%;
  max-width: 760px;

  margin:
      0 auto !important;

  color:
      var(
          --vyk-countdown-color
      ) !important;

  font-family:
      var(
          --vyk-countdown-font
      ) !important;

  font-size:
      clamp(
          30px,
          5.2vw,
          58px
      ) !important;

  font-weight:
      400 !important;

  line-height:
      1.08 !important;

  letter-spacing:
      0.01em !important;

  text-align:
      center !important;

  text-wrap: balance;
}


/* =========================================================
 CONTADOR
 ========================================================= */

.vyk-countdown {
  width: 100%;
  max-width: 860px;
  min-width: 0;

  margin:
      0 auto;

  padding: 0;

  color:
      var(
          --vyk-countdown-color
      );

  /*
   * Permite adaptar el contenido según
   * el ancho real del contenedor.
   */

  container-type:
      inline-size;
}


/* =========================================================
 CUADRÍCULA
 ========================================================= */

.vyk-countdown__grid {
  width: 100%;
  min-width: 0;

  display: grid;

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

  column-gap:
      clamp(
          1px,
          0.9vw,
          12px
      );

  align-items:
      start;
}


/* =========================================================
 CADA UNIDAD
 ========================================================= */

.vyk-countdown__unit {
  min-width: 0;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* =========================================================
 NÚMEROS Y SEPARADORES
 ========================================================= */

.vyk-countdown__value,
.vyk-countdown__separator {
  color:
      var(
          --vyk-countdown-color
      );

  font-family:
      var(
          --vyk-countdown-font
      );

  /*
   * Fallback para navegadores sin cqi.
   */

  font-size:
      clamp(
          34px,
          10.5vw,
          84px
      );

  font-weight: 400;

  line-height: 0.86;

  font-variant-numeric:
      tabular-nums
      lining-nums;

  font-feature-settings:
      "tnum" 1,
      "lnum" 1;

  white-space: nowrap;

  -webkit-font-smoothing:
      antialiased;

  text-rendering:
      optimizeLegibility;
}


/*
 * Tamaño basado en el contenedor real,
 * no solamente en el viewport.
 */

@supports (font-size: 1cqi) {
  .vyk-countdown__value,
  .vyk-countdown__separator {
      font-size:
          clamp(
              34px,
              10.5cqi,
              84px
          );
  }
}


.vyk-countdown__value {
  display: block;

  min-width: 0;

  letter-spacing:
      0.01em;
}


.vyk-countdown__separator {
  display: block;

  width: 0.28em;

  line-height: 0.78;

  text-align: center;

  transform:
      translateY(-0.01em);

  user-select: none;
}


/* =========================================================
 ETIQUETAS
 ========================================================= */

.vyk-countdown__label {
  display: block;

  margin-top:
      clamp(
          8px,
          1.2vw,
          15px
      );

  color:
      var(
          --vyk-countdown-color
      );

  font-family:
      var(
          --vyk-countdown-font
      );

  font-size:
      clamp(
          8.5px,
          1.9vw,
          15px
      );

  font-weight: 500;

  line-height: 1;

  letter-spacing:
      0.035em;

  white-space: nowrap;

  -webkit-font-smoothing:
      antialiased;
}


@supports (font-size: 1cqi) {
  .vyk-countdown__label {
      margin-top:
          clamp(
              8px,
              1.4cqi,
              15px
          );

      font-size:
          clamp(
              8.5px,
              1.9cqi,
              15px
          );
  }
}


/* =========================================================
 ESTADOS
 ========================================================= */

.vyk-countdown[data-state="loading"] {
  opacity: 0.72;
}


.vyk-countdown[data-state="error"]
.vyk-countdown__value {
  opacity: 0.65;
}


/* =========================================================
 TEXTO SOLO PARA LECTORES DE PANTALLA
 ========================================================= */

.vyk-countdown__sr-status {
  position:
      absolute !important;

  width:
      1px !important;

  height:
      1px !important;

  padding:
      0 !important;

  margin:
      -1px !important;

  overflow:
      hidden !important;

  clip:
      rect(
          0,
          0,
          0,
          0
      ) !important;

  white-space:
      nowrap !important;

  border:
      0 !important;
}


/* =========================================================
 ANIMACIÓN FINAL
 ========================================================= */

@keyframes vyk-countdown-final-reveal {
  from {
      opacity: 0;

      transform:
          translateY(10px);
  }

  to {
      opacity: 1;

      transform:
          translateY(0);
  }
}


/* =========================================================
 MÓVILES
 ========================================================= */

@media (max-width: 480px) {
  .vyk-countdown-section {
      padding:
          16px
          4px !important;
  }

  .vyk-countdown-section
  .vyk-countdown-before {
      gap:
          9px !important;
  }

  .vyk-countdown__grid {
      column-gap: 0;
  }

  .vyk-countdown__value,
  .vyk-countdown__separator {
      font-size:
          clamp(
              31px,
              10.5vw,
              44px
          );
  }

  @supports (font-size: 1cqi) {
      .vyk-countdown__value,
      .vyk-countdown__separator {
          font-size:
              clamp(
                  31px,
                  10.5cqi,
                  44px
              );
      }
  }

  .vyk-countdown__label {
      margin-top: 8px;

      font-size: 8.5px;

      letter-spacing:
          0.015em;
  }

  .vyk-countdown-final-title
  .elementor-heading-title {
      font-size:
          clamp(
              28px,
              9vw,
              42px
          ) !important;

      line-height:
          1.12 !important;
  }
}


/* =========================================================
 MÓVILES MUY ESTRECHOS
 ========================================================= */

@media (max-width: 340px) {
  .vyk-countdown__value,
  .vyk-countdown__separator {
      font-size: 30px;
  }

  .vyk-countdown__label {
      font-size: 8px;

      letter-spacing: 0;
  }
}


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

@media (prefers-reduced-motion: reduce) {
  .vyk-countdown-section.is-expired
  .vyk-countdown-after {
      animation: none;
  }
}\n}.elementor .e-43ef3f1-524f4e7{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-2f6fa7b{overflow:hidden;background-color:#ffffffcc;flex-direction:column;}.elementor .e-ead26d1{overflow:hidden;padding:30px;background-image:url("https://anagely-diego.invitacionesvyk.com/wp-content/uploads/2026/09/textura03-150x150.webp");background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-84289a4-6ec1cf3{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-2ccb002{overflow:hidden;padding-block-start:0px;padding-block-end:20px;padding-inline-start:0px;padding-inline-end:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;background-color:#ffffffcc;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-cd42fc3-dbd5960{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-de87343{overflow:hidden;padding-block-start:20px;padding-block-end:20px;background-color:#ffffffcc;flex-direction:column;}.elementor .e-82822d2-a8cd4c5{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;justify-content:center;align-items:center;}.elementor .e-33f59ca{overflow:hidden;background-image:url("https://anagely-diego.invitacionesvyk.com/wp-content/uploads/2026/09/textura03-300x300.webp");background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:center center;flex-direction:column;justify-content:center;align-items:center;}.elementor .e-1ec236c{overflow:hidden;padding:0px;margin:0px;flex-direction:column;gap:0px;justify-content:center;align-items:center;}