/**
 * TAZDUCA - FOOTER TEXT WHITE FORCE
 * Forzar que TODAS las letras del footer aparezcan en BLANCO
 * DREV1 Requirement: Todo el texto del footer debe ser blanco
 */

/* ============================================
   FORZAR TEXTO BLANCO EN TODO EL FOOTER
   ============================================ */

/* Footer principal y todo su contenido - BLANCO por defecto */
.footer-ultra,
.footer-ultra * {
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* EXCEPCIÓN: Títulos de secciones deben ser ROSA SUAVE */
.footer-ultra .footer-section-ultra h4 {
    color: #FFB6C1 !important;
}

/* Título principal TAZDUCA - mantener blanco */
.footer-brand-ultra h3 {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background-clip: unset !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* Títulos de secciones - ROSA SUAVE #FFB6C1 según DREV1 */
.footer-section-ultra h4 {
    color: #FFB6C1 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #FFB6C1 !important;
    background-clip: unset !important;
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.8) !important,
        0 0 10px rgba(255, 182, 193, 0.4) !important;
    font-weight: 700 !important;
}

/* Descripción de la empresa */
.footer-brand-ultra p {
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Enlaces de redes sociales */
.footer-social-ultra a {
    color: #FFFFFF !important;
}

/* TODAS las secciones del footer */
.footer-section-ultra ul li,
.footer-section-ultra ul li a {
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Elementos específicos mencionados por DREV1 */
.footer-section-ultra ul li a[href="nosotros.html"], /* Nosotros */
.footer-section-ultra ul li a[href="#cotizar"], /* Cotización y Contacto */
.footer-section-ultra ul li a[href="#servicios"], /* Mantenimiento de Jardines, Albercas */
.footer-section-ultra ul li a[href="#minisuper"], /* Mini-Super Virtual */
.footer-section-ultra ul li a[href="tel:+527776215980"], /* Teléfono */
.footer-section-ultra ul li a[href="mailto:drevanmormx@protonmail.com"] { /* Email */
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Texto sin enlaces también en blanco */
.footer-section-ultra ul li:not(:has(a)) {
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Estados hover también en blanco (opcional: mantener blanco) */
.footer-section-ultra ul li a:hover {
    color: #FFFFFF !important;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 0.6) !important,
        0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Footer bottom también en blanco */
.footer-bottom-ultra,
.footer-bottom-ultra p {
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* ============================================
   TÍTULOS ROSA SUAVE - DREV1 ESPECÍFICO
   ============================================ */

/* Los títulos que deben ser rosa suave #FFB6C1 según DREV1:
   - "Nuestros Servicios"
   - "Empresa" 
   - "Contacto"
*/
.footer-section-ultra h4 {
    color: #FFB6C1 !important;
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.8) !important,
        0 0 10px rgba(255, 182, 193, 0.4) !important;
    font-weight: 700 !important;
}

/* Asegurar que específicamente estos títulos sean rosa */
.footer-section-ultra:nth-child(2) h4, /* "Nuestros Servicios" */
.footer-section-ultra:nth-child(3) h4, /* "Empresa" */
.footer-section-ultra:nth-child(4) h4 { /* "Contacto" */
    color: #FFB6C1 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #FFB6C1 !important;
    background-clip: unset !important;
}

/* ============================================
   ELEMENTOS ESPECÍFICOS DREV1
   ============================================ */

/* Lista completa de elementos solicitados */
.footer-section-ultra:nth-child(2) ul li, /* Nuestros Servicios */
.footer-section-ultra:nth-child(3) ul li, /* Empresa */
.footer-section-ultra:nth-child(4) ul li { /* Contacto */
    color: #FFFFFF !important;
}

/* Asegurar que todos los enlaces estén en blanco */
.footer-section-ultra:nth-child(2) ul li a, /* Mantenimiento de Jardines, Albercas, etc */
.footer-section-ultra:nth-child(3) ul li a, /* Nosotros, Cotización, Contacto */
.footer-section-ultra:nth-child(4) ul li a { /* Teléfono, Email */
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* ============================================
   RESPONSIVE - MÓVIL
   ============================================ */

@media (max-width: 768px) {
    .footer-ultra,
    .footer-ultra *,
    .footer-content-ultra,
    .footer-brand-ultra,
    .footer-section-ultra,
    .footer-bottom-ultra {
        color: #FFFFFF !important;
    }
    
    .footer-section-ultra ul li a {
        color: #FFFFFF !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .footer-section-ultra ul li a {
        color: #FFFFFF !important;
        font-size: 13px !important;
    }
}

/* ============================================
   PREVENIR OVERRIDE DE OTROS ESTILOS
   ============================================ */

/* Selector muy específico para asegurar prioridad */
.footer-ultra .footer-content-ultra .footer-section-ultra ul li,
.footer-ultra .footer-content-ultra .footer-section-ultra ul li a,
.footer-ultra .footer-content-ultra .footer-brand-ultra h3,
.footer-ultra .footer-content-ultra .footer-brand-ultra p,
.footer-ultra .footer-content-ultra .footer-section-ultra h4 {
    color: #FFFFFF !important;
}

/* ============================================
   DEBUG MODE (comentar en producción)
   ============================================ */

/*
.debug-footer-white .footer-ultra * {
    border: 1px solid lime !important;
}

.debug-footer-white .footer-ultra .footer-section-ultra ul li a::after {
    content: ' [BLANCO]' !important;
    color: lime !important;
    font-size: 10px !important;
}
*/