/* Cáceres Tevé - Directos de evento v1.2.0
   Paleta del LEEME: #C0303C solo "Directo", #006CB4 accionable, #3E9FE0 solo :hover */

.ctv-cuenta { text-align: center; margin: 0 0 22px; }
.ctv-cuenta-titulo { margin: 0 0 10px; color: #9AA2B1; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; }
.ctv-cuenta-cajas { display: flex; justify-content: center; gap: 12px; }
.ctv-cuenta-caja { min-width: 82px; padding: 12px 8px 10px; background: #12141A; border: 1px solid #2C2D42; border-radius: 8px; }
.ctv-cuenta .ctv-n { display: block; color: #FFFFFF; font-size: 38px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ctv-cuenta .ctv-l { display: block; margin-top: 4px; color: #9AA2B1; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.ctv-cuenta.ctv-sin-dias .ctv-cuenta-caja:first-child { display: none; }

.ctv-cuenta-vivo, .ctv-cuenta-fin { display: none; margin: 0; }
.ctv-cuenta-vivo { color: #FFFFFF; background: #C0303C; display: none; padding: 8px 16px; border-radius: 4px; font-weight: 700; letter-spacing: .1em; font-size: 15px; }
.ctv-cuenta-fin { color: #9AA2B1; font-size: 16px; }

.ctv-cuenta.ctv-estado-vivo .ctv-cuenta-titulo,
.ctv-cuenta.ctv-estado-vivo .ctv-cuenta-cajas,
.ctv-cuenta.ctv-estado-fin .ctv-cuenta-titulo,
.ctv-cuenta.ctv-estado-fin .ctv-cuenta-cajas { display: none; }
.ctv-cuenta.ctv-estado-vivo .ctv-cuenta-vivo { display: inline-block; }
.ctv-cuenta.ctv-estado-fin .ctv-cuenta-fin { display: block; }

.ctv-recordatorio { margin: 0 0 30px; padding: 18px 20px; text-align: center; background: #12141A; border: 1px solid #2C2D42; border-radius: 8px; }
.ctv-recordatorio-txt { margin: 0 0 12px; color: #FFFFFF; font-size: 16px; }
.ctv-recordatorio-botones { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ctv-recordatorio .ctv-btn { display: inline-block; padding: 11px 18px; background: #006CB4; color: #FFFFFF !important; border-radius: 4px; font-weight: 700; font-size: 15px; text-decoration: none !important; }
.ctv-recordatorio .ctv-btn:hover, .ctv-recordatorio .ctv-btn:focus { background: #3E9FE0; }

@media (max-width: 600px) {
	.ctv-cuenta-cajas { gap: 8px; }
	.ctv-cuenta-caja { min-width: 64px; padding: 10px 4px 8px; }
	.ctv-cuenta .ctv-n { font-size: 28px; }
	.ctv-cuenta .ctv-l { font-size: 11px; }
	.ctv-recordatorio .ctv-btn { width: 100%; box-sizing: border-box; }
}