/*
 * Cuenta regresiva [gd_cuenta_regresiva]
 * Elementor quita los atributos del HTML del shortcode, por eso se estiliza por
 * estructura dentro de la clase global "gd-cuenta-regresiva":
 *   .gd-cuenta-regresiva > span (raíz)
 *     > span:nth-child(1)  título
 *     > span:nth-child(2)  casillas > span (casilla) > span:first-child (número) / span:last-child (etiqueta)
 *     > span:nth-child(3)  mensaje de fin
 */
.gd-cuenta-regresiva{display:block;cursor:default}
.gd-cuenta-regresiva > span{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px}
.gd-cuenta-regresiva > span > span:nth-child(1){font-weight:700;font-size:20px;line-height:1.2;color:#191B19}
.gd-cuenta-regresiva > span > span:nth-child(2){display:flex;gap:6px}
.gd-cuenta-regresiva > span > span:nth-child(2) > span{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px}
.gd-cuenta-regresiva > span > span:nth-child(2) > span:last-child{min-width:62px}
.gd-cuenta-regresiva > span > span:nth-child(2) > span > span:first-child{display:block;width:100%;box-sizing:border-box;padding:5px 6px;border-radius:5px;background:#FFFDF5;color:#191B19;font-size:16px;line-height:1.3;text-align:center;font-variant-numeric:tabular-nums}
.gd-cuenta-regresiva > span > span:nth-child(2) > span > span:last-child{font-size:12px;line-height:1.2;color:#191B19}
.gd-cuenta-regresiva > span > span:nth-child(3){display:none;font-weight:700;font-size:18px;line-height:1.3;color:#191B19;text-align:center}
.gd-cuenta-regresiva.gd-cr--fin > span > span:nth-child(1),
.gd-cuenta-regresiva.gd-cr--fin > span > span:nth-child(2){display:none}
.gd-cuenta-regresiva.gd-cr--fin > span > span:nth-child(3){display:block}
@media (max-width:767px){.gd-cuenta-regresiva > span{flex-direction:column;gap:10px}}