/* ================================================================
   PÁGINAS ESTÁTICAS - Modo Oscuro (ABUNDANCIA)
   ================================================================ */

/* CONTENEDOR PRINCIPAL ========================================= */
body.dark .pagina-estatica,
html.dark .pagina-estatica {
    background: var(--dark-bg);
    color: var(--dark-text);
}

/* HERO DORADO - MÁXIMA ESPECIFICIDAD ========================== */
body.dark .pagina-estatica .hero-estatico-dorado,
html.dark .pagina-estatica .hero-estatico-dorado,
body.dark section.hero-estatico-dorado,
html.dark section.hero-estatico-dorado {
    background: #B19B6D !important;
}

body.dark .hero-estatico-dorado h1,
html.dark .hero-estatico-dorado h1,
body.dark .pagina-estatica .hero-estatico-dorado h1,
html.dark .pagina-estatica .hero-estatico-dorado h1 {
    color: #FFFFFF !important;
}

body.dark .hero-estatico-dorado .hero-estatico-nivel,
html.dark .hero-estatico-dorado .hero-estatico-nivel,
body.dark .pagina-estatica .hero-estatico-dorado .hero-estatico-nivel,
html.dark .pagina-estatica .hero-estatico-dorado .hero-estatico-nivel {
    color: #FFFFFF !important;
}

/* HERO CON IMAGEN DE FONDO ===================================== */
body.dark .hero-estatico::before,
html.dark .hero-estatico::before {
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.5) 50%,
        rgba(0, 0, 0, 0.65) 100%
    );
}

body.dark .hero-estatico-nivel,
html.dark .hero-estatico-nivel {
    color: var(--dark-accent);
}

body.dark .hero-estatico h1,
html.dark .hero-estatico h1 {
    color: #ffffff;
}

/* VIÑETAS CON CHECKS =========================================== */
body.dark .vinetas-checks-left .vineta-item,
html.dark .vinetas-checks-left .vineta-item {
    color: var(--dark-text);
}

/* SECCIÓN CONTENIDO BEIGE ====================================== */
body.dark .seccion-beige,
html.dark .seccion-beige {
    background: transparent;
}

body.dark .seccion-beige h2,
html.dark .seccion-beige h2 {
    color: var(--dark-accent);
}

body.dark .seccion-beige p,
html.dark .seccion-beige p {
    color: var(--dark-text);
}

/* LISTA FONDO DORADO =========================================== */
body.dark .lista-fondo-dorado,
html.dark .lista-fondo-dorado {
    background: #B19B6D;  /* MISMO dorado que modo claro */
}

body.dark .lista-fondo-dorado p,
html.dark .lista-fondo-dorado p {
    color: #FFFFFF;  /* Blanco puro como en modo claro */
}

/* VIDEO EMBEBIDO =============================================== */
body.dark .video-wrapper,
html.dark .video-wrapper {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

body.dark .video-caption,
html.dark .video-caption {
    color: var(--dark-text);
}

body.dark .video-placeholder,
html.dark .video-placeholder {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

/* TEXTOS DESTACADOS ============================================ */
/* Verde (nivel 4 y 3-5) */
body.dark .texto-destacado,
html.dark .texto-destacado {
    background: rgba(76, 175, 80, 0.15);
    border-left-color: #4CAF50;
    color: #90EE90;
}

/* Amarillo (nivel 1-2) */
body.dark .texto-destacado-12,
html.dark .texto-destacado-12 {
    background: rgba(255, 152, 0, 0.15);
    border-left-color: #FF9800;
    color: #ffcc80;
}

/* Azul (nivel 3-5) */
body.dark .texto-destacado-35,
html.dark .texto-destacado-35 {
    background: rgba(74, 144, 226, 0.15);
    border-left-color: #4A90E2;
    color: #b9caff;
}

/* CTA BUTTON =================================================== */
body.dark .btn-cta,
html.dark .btn-cta {
    background: linear-gradient(135deg, var(--dark-accent) 0%, #b79846 100%);
    color: #000000 !important;
    box-shadow: 0 4px 12px rgba(198, 166, 100, 0.2);
    transition: all 0.6s ease;
}

body.dark .btn-cta:hover,
html.dark .btn-cta:hover {
    background: linear-gradient(135deg, var(--dark-accent-hover) 0%, #c6a664 100%);
    color: #000000 !important;
    box-shadow: 0 6px 20px rgba(198, 166, 100, 0.3);
}

body.dark .cta-subtexto,
html.dark .cta-subtexto {
    color: var(--dark-muted);
}

/* FORMULARIO BENEC ============================================= */
body.dark .formulario-benec,
html.dark .formulario-benec {
    color: var(--dark-text);
}

body.dark .formulario-bloque h3,
html.dark .formulario-bloque h3 {
    color: var(--dark-text);
}

body.dark .lista-normas li,
html.dark .lista-normas li {
    color: var(--dark-text);
}

body.dark .lista-normas li::before,
html.dark .lista-normas li::before {
    color: var(--dark-accent);
}

body.dark .checkbox-wrapper label,
html.dark .checkbox-wrapper label {
    color: var(--dark-text);
}

body.dark .checkbox-wrapper input[type="checkbox"],
html.dark .checkbox-wrapper input[type="checkbox"] {
    filter: brightness(0.9) contrast(1.2);
}

body.dark .formulario-campo h3,
html.dark .formulario-campo h3 {
    color: var(--dark-text);
}

body.dark .campo-descripcion,
html.dark .campo-descripcion {
    color: var(--dark-muted);
}

body.dark .formulario-campo textarea,
html.dark .formulario-campo textarea {
    background: #222;
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark .formulario-campo textarea:focus,
html.dark .formulario-campo textarea:focus {
    border-color: var(--dark-accent);
    box-shadow: 0 0 0 3px rgba(198, 166, 100, 0.25);
}

body.dark .contador-caracteres,
html.dark .contador-caracteres {
    color: var(--dark-muted);
}

body.dark .mensaje-exito,
html.dark .mensaje-exito {
    background: rgba(198, 166, 100, 0.12);
    border-color: rgba(198, 166, 100, 0.28);
}

body.dark .mensaje-exito p,
html.dark .mensaje-exito p {
    color: #e8d7ae;
}

body.dark .mensaje-exito strong,
html.dark .mensaje-exito strong {
    color: var(--dark-accent);
}

/* PRECIO BIENESTAR - Mejor contraste en modo oscuro ========== */
body.dark .seccion-beige p,
html.dark .seccion-beige p {
    color: var(--dark-text);
}

/* Asegurar que el precio sea visible */
body.dark .seccion-beige-inner p,
html.dark .seccion-beige-inner p {
    color: var(--dark-text) !important;
}