/* Estilos adaptados para contenedores de fondo claro (Light Mode) */
    .rules-wrapper {
        color: #1e293b; /* Texto principal azul/gris oscuro de alto contraste */
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .rules-card {
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
        border-radius: 8px;
    }

    .rules-main-title {
        color: #8f5b00; /* Dorado oscuro/Marrón noble visible en fondo blanco */
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .rule-section-title {
        color: #b45309; /* Naranja/Dorado profundo para subtítulos */
        font-weight: 700;
        font-size: 1.05rem;
    }

    .rule-item-title {
        font-weight: 700;
        color: #0f172a;
    }

    .rule-box {
        background-color: #f8fafc; /* Gris claro muy suave para tarjetas internas */
        border: 1px solid #cbd5e1;
        border-left: 4px solid #d97706; /* Detalle lateral dorado */
        border-radius: 6px;
        transition: all 0.2s ease-in-out;
    }

    .rule-box:hover {
        background-color: #f1f5f9;
        border-color: #94a3b8;
        border-left-color: #b45309;
    }

    .rule-note-box {
        background-color: #fffbeb; /* Fondo amarillo cálido muy suave */
        border: 1px solid #fde68a;
        border-left: 4px solid #f59e0b;
        color: #92400e;
        font-size: 0.88rem;
        border-radius: 4px;
    }

    .rule-link {
        color: #b45309;
        font-weight: 600;
        text-decoration: underline;
    }

    .rule-link:hover {
        color: #78350f;
    }

    /* Caja de Sanciones adaptada para fondo claro */
    .sanctions-box {
        background-color: #fef2f2; /* Rojo cálido pastel */
        border: 1px solid #fecaca;
        border-left: 5px solid #dc2626;
        border-radius: 6px;
        color: #7f1d1d;
    }

    .sanctions-title {
        color: #991b1b;
        font-weight: 800;
    }

    .rules-list {
        padding-left: 1.25rem;
        margin-bottom: 0;
    }

    .rules-list li {
        margin-bottom: 0.5rem;
    }