/* OVA GYM — estilos de la promo con pago: /reservar (el aviso de la confirmación), /promo y /arrepentimiento. Va aparte
   de web.css para que las demás páginas no lo bajen (menos de 200 KB por página). Usa las variables de web.css. */
/* ---------- promo con pago (Simón, 07/10): el precio solo lo ve quien reservó; amarillo solo en el botón de pagar ---------- */
.promo-aviso{border:3px solid var(--blanco)}
.promo-aviso h2{margin-bottom:6px}
.promo-etiqueta{display:inline-block;border:2px solid currentColor;border-radius:10px;padding:2px 12px;font-weight:700;font-size:.9rem;margin:0 0 12px}
.promo-precio{font-family:var(--display);font-size:clamp(2.8rem,13vw,3.8rem);line-height:1;margin:0 0 12px}
.promo-precio small{font-family:var(--font);font-size:.95rem;font-weight:600;margin-left:8px}
.promo-incluye{white-space:pre-line;overflow-wrap:anywhere}
.promo-cabeza{background:var(--negro);color:var(--blanco);border-radius:var(--radio);padding:20px 18px;margin:18px 0 14px}
.promo-cabeza h1{font-size:clamp(2.2rem,9vw,3.2rem);margin-bottom:10px}
.reloj{border:3px solid var(--negro);border-radius:var(--radio);padding:12px 16px;margin:0 0 16px;background:var(--blanco)}
.reloj-frase{margin:0;font-weight:700}
.reloj-frase .chica{display:block;font-weight:400}
.reloj-num{display:block;font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:1.05;font-variant-numeric:tabular-nums}
.reloj-num:empty{display:none}
.reloj-oscuro{background:transparent;border-color:var(--blanco)}
.reloj-alerta,.reloj-estado{font-weight:700;margin:0 0 10px}
.reloj-alerta:empty,.reloj-estado:empty{margin:0}   /* sin display:none: las regiones que se anuncian tienen que existir desde el principio */
/* "Necesito más tiempo": grande y a mano (INV-U11), sin amarillo (el amarillo es la acción de pagar) */
.btn-mas{min-height:56px;margin-top:10px}
.promo-condiciones{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 12px}
/* el derecho de arrepentimiento, destacado y justo antes de pagar (CCyC art. 1111) */
.promo-arrep{border-left:6px solid var(--negro);background:var(--blanco);border-radius:var(--radio-chico);padding:12px 14px;margin:0 0 14px}
.promo-arrep a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
.despues{padding-left:22px;margin:0 0 6px}
.despues li{margin-bottom:8px}
.codigo-constancia{display:block;font-family:var(--display);font-size:clamp(2.2rem,11vw,3rem);letter-spacing:.05em;margin:6px 0 12px;overflow-wrap:anywhere}
.trampa{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.promo-precio{white-space:nowrap}
/* en la promo y el arrepentimiento, el único amarillo es la acción de la página (sin "Probá gratis" arriba) */
.sin-pildora .menu a.pildora{display:none}