/* ============================================================
 * promociones.css — Estilos del módulo de promociones/descuentos
 * Extraído desde: assets/js/promociones.js (const estilos, líneas 307-378)
 *                assets/js/promociones_test.js (const estilos, líneas 282-327)
 * Fecha de extracción: 2026-08-10
 * Plan: plans/analisis-extraccion-css-js.md — Fase A
 * 
 * Tokens renombrados para evitar colisión con Bootstrap 3:
 *   .badge           → .promo-badge
 *   .badge-success   → .promo-badge-success
 *   @keyframes fadeIn → @keyframes promo-fadeIn
 * ============================================================ */

:root {
  --promo-color-base: #0047FF;
  --promo-color-success: #00D26A;
  --promo-color-error: #dc3545;
  --promo-color-bg: #0B192C;
  --promo-color-accent: #2a2d77;
}

/* Origen: promociones.js:309-315 / promociones_test.js:284-290 */
.precio-tachado {
    color: #999;
    font-size: 1.1em;
    text-decoration: line-through;
    margin-bottom: 5px;
    display: block;
}

/* Origen: promociones.js:316-322 / promociones_test.js:291-297 */
.precio-descuento {
    color: #28a745;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

/* Origen: promociones.js:323-335 / promociones_test.js:298-310
 * Renombrado de .badge → .promo-badge (colisión con Bootstrap 3) */
.promo-badge {
    display: inline-block;
    padding: 0.5em 0.8em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    margin-top: 10px;
    animation: promo-fadeIn 0.5s;
}

/* Origen: promociones.js:336-339 / promociones_test.js:311-314
 * Renombrado de .badge-success → .promo-badge-success (colisión con Bootstrap 3) */
.promo-badge-success {
    color: #fff;
    background-color: #28a745;
}

/* Origen: promociones.js:340-343 / promociones_test.js:315-318
 * Renombrado de @keyframes fadeIn → @keyframes promo-fadeIn */
@keyframes promo-fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Origen: promociones.js:344-348 / promociones_test.js:319-323 */
#codigoPromocional {
    text-transform: uppercase;
    font-family: monospace;
    letter-spacing: 1px;
}

/* Origen: promociones.js:349-356 (solo en promociones.js) */
.precio-updated {
    color: #2a2d77;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    animation: promo-fadeIn 0.4s;
}

/* Origen: promociones.js:357-368 (solo en promociones.js) */
#badgeVigencia {
    display: inline-block;
    padding: 0.35em 0.7em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: #2a2d77;
    border-radius: 0.25rem;
    margin-top: 6px;
    margin-bottom: 4px;
}

/* Origen: promociones.js:369-371 (solo en promociones.js) */
#etiquetaPeriodo {
    margin-top: 4px;
}

/* Origen: promociones.js:372-374 (solo en promociones.js) */
#precioPorAnio {
    margin-top: 2px;
}

/* Origen: promociones.js:375-377 / promociones_test.js:324-326 */
#validarCodigo:disabled {
    cursor: not-allowed;
}