/* VDM - Cuenta regresiva. La imagen conserva exactamente su proporción 2029×775. */
.vdm-countdown {
    width: 100%;
    max-width: 2029px;
    margin: 0 auto;
    container-type: inline-size;
}
.vdm-countdown__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2029 / 775;
    overflow: hidden;
}
.vdm-countdown__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 0;
    margin: 0;
    padding: 0;
}
.vdm-countdown__number {
    position: absolute;
    top: 53.8%;
    transform: translate(-50%, -50%);
    display: block;
    width: 15.5%;
    font-family: Impact, "Arial Narrow", "Roboto Condensed", "Arial Black", sans-serif;
    font-weight: 800;
    font-size: clamp(12px, 5.3vw, 106px); /* Respaldo para navegadores antiguos. */
    line-height: 1;
    letter-spacing: -0.025em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
    text-align: center;
    white-space: nowrap;
    color: #111b65;
    text-shadow: 0 1px 1px rgba(12, 21, 66, 0.12);
    pointer-events: none;
    box-sizing: border-box;
}
.vdm-countdown__number--days { left: 22.40%; }
.vdm-countdown__number--hours { left: 40.48%; }
.vdm-countdown__number--minutes { left: 58.72%; }
.vdm-countdown__number--seconds { left: 76.78%; }
@supports (container-type: inline-size) {
    .vdm-countdown__number {
        font-size: clamp(12px, 5.3cqw, 106px);
    }
    .vdm-countdown__number--days[data-length="4"] { font-size: clamp(11px, 4.15cqw, 85px); }
    .vdm-countdown__number--days[data-length="5"] { font-size: clamp(10px, 3.4cqw, 69px); }
}
.vdm-countdown__finished {
    margin: 0.25em 0 0;
    text-align: center;
    font-weight: 700;
    font-size: clamp(14px, 2.5cqw, 29px);
    color: #111b65;
}
.vdm-countdown__finished[hidden] { display: none !important; }
.vdm-countdown__notice {
    padding: 12px 15px;
    border-inline-start: 4px solid #c99112;
    background: #fff8e7;
    color: #292929;
}