/* Paleta de colores basada en Lotería Don Clemente */
        body {
            background-color: #FAFAEA; /* Fondo crema */
            color: #333333;
            font-family: 'Arial', sans-serif;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .titulo-elegante {
            font-family: 'Georgia', serif;
            color: #C62828; /* Rojo Carmín */
            font-weight: bold;
        }

        /* --- Estilos de las Cartas (Cards) --- */
        .contenedor-cartas {
            perspective: 1000px;
        }

        .opcion-card {
            border: 3px solid #C62828;
            border-radius: 10px;
            background-color: #fff;
            transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
            cursor: pointer;
            box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
        }

        .opcion-card:hover {
            transform: translateY(-10px);
            box-shadow: 0px 15px 25px rgba(198, 40, 40, 0.2);
        }

        .opcion-card .icono-carta {
            font-size: 3rem;
            color: #C62828;
            margin-bottom: 15px;
        }

        /* Clases dinámicas para la animación de selección */
        .opcion-card.shrink {
            transform: scale(0.85);
            opacity: 0.5;
            filter: grayscale(80%);
        }

        .opcion-card.active {
            transform: scale(1.05);
            box-shadow: 0px 20px 30px rgba(198, 40, 40, 0.4);
            border-width: 4px;
            z-index: 10;
        }

        /* --- Elementos del Formulario --- */
        .formulario-seccion {
            display: none;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.5s ease;
        }

        .formulario-seccion.show {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        .btn-rojo {
            background-color: #C62828;
            color: white;
            font-weight: bold;
            border: none;
            padding: 10px 30px;
            border-radius: 5px;
            transition: background 0.3s;
        }

        .btn-rojo:hover {
            background-color: #9b1e1e;
            color: white;
        }

        .tabla-resultados { display: none; }

        .estado {
            text-align: center;
            font-size: 9px;
            color: #28a745;
            margin-bottom: 20px;
        }

        /* Estilo que faltaba para la etiqueta (¡NUEVO!) dentro del h4 */
        .etiqueta-nueva {
            color: #28a745; /* Verde para destacar */
            font-size: 0.9em; /* Un poco más pequeño que el texto del h4 */
            font-weight: bold;
        }