/* home-footer.css - Estilos exclusivos para el footer del Index (Aplicados Globalmente) */

/* Sobreescribimos los estilos base solo cuando este archivo se carga */

footer.home-footer {
    background-color: #020617; /* Fondo oscuro */
    color: #94a3b8;
    border-top: 1px solid #1e293b;
    padding-top: 80px;
    position: relative;
    /* Aseguramos que el contenido esté centrado en el footer de escritorio */
    text-align: left; 
}

/* Efecto de luz superior */
footer.home-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
    opacity: 0.5;
}

/* Títulos con efecto neón */
footer.home-footer .footer-col h4 {
    color: #ffffff;
    position: relative;
    display: inline-block;
}

footer.home-footer .footer-col h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 30px;
    height: 2px;
    background-color: var(--color-primary);
    box-shadow: 0 0 8px var(--color-primary);
}

/* --- AJUSTE CRÍTICO: FORZAR COLUMNAS EN ESCRITORIO --- */
/* Esta regla asegura el diseño de 3 columnas en la imagen (image_088023.png) */
/* El display: grid ya está en .footer-grid, pero reforzamos la columna aquí */
@media (min-width: 992px) {
    footer.home-footer .footer-grid {
        display: grid;
        /* Forzar 3 columnas de ancho similar */
        grid-template-columns: 1fr 1fr 1fr; 
        gap: 40px;
        text-align: left; /* Asegurar alineación izquierda del contenido de la grilla */
    }
}


/* Enlaces en modo oscuro */
footer.home-footer .footer-col a {
    color: #94a3b8;
    text-align: left; /* Asegurar que los enlaces también se alineen a la izquierda */
}

footer.home-footer .footer-col a:hover {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255,255,255,0.3);
    transform: translateX(5px);
    display: inline-block;
}

footer.home-footer .footer-col li {
    color: #94a3b8;
}

footer.home-footer .footer-col strong {
    color: #e2e8f0;
}

/* Barra inferior MEJORADA (Integrada) */
footer.home-footer .footer-bottom {
    background-color: transparent; /* Ya no es negro sólido */
    border-top: 1px solid rgba(255, 255, 255, 0.05); /* Línea muy sutil */
    color: #64748b;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center; /* El copyright suele ir centrado */
}

/* Estilos de footer móvil (se asegura el fondo oscuro) */
footer.mobile-footer {
    background-color: #020617 !important; /* Fondo oscuro forzado */
    color: #94a3b8 !important;
    border-top: 1px solid #1e293b !important;
}

footer.mobile-footer .footer-links a {
    color: #cbd5e1 !important;
}

footer.mobile-footer .footer-contact-info p {
    color: #94a3b8 !important;
}