.elementor-124 .elementor-element.elementor-element-1466b3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:991;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-1466b3a *//* --- Estilos para el Footer (Pie de Página) --- */
.footer {
    background-color: #2C2C3E; /* Base Secundaria de Acero */
    color: #A0A8B8; /* Gris Medio para texto general del footer */
    padding: clamp(2.5rem, 6vw, 5rem) 20px; /* Padding adaptable */
    border-top: 1px solid #4A4E69; /* Acero Oscuro Pulido (borde sutil) */
    text-align: center;
    /* Patrón de fondo sutil para el footer */
    background-image: url('data:image/svg+xml,%3Csvg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="p" width="50" height="50" patternUnits="userSpaceOnUse"%3E%3Cpath d="M0 50V0h50" stroke="%234A4E69" stroke-width="0.5" fill="none" opacity="0.05"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100%" height="100%" fill="url(%23p)"/%3E%3C/svg%3E');
    background-repeat: repeat;
    background-size: auto; 
}

.footer .container { /* Contenedor interno del footer si lo usas */
    max-width: 1100px;
    margin: 0 auto;
    /* padding: 0 20px; Ya aplicado al .footer si .footer es el contenedor principal */
}

.footer-logo { 
    font-family: 'Rajdhani', sans-serif; /* Fuente Rajdhani para el logo */
    font-size: 2rem; /* Tamaño del logo */
    font-weight: 700; /* Bold */
    text-decoration: none;
    display: inline-block; /* Para centrar y aplicar margen */
    margin-bottom: 0.8rem;
}

.footer-logo .logo-ai-part { 
    color: #E0FFFF; /* Blanco Neón/Hielo */
    transition: color 0.3s ease, text-shadow 0.3s ease; 
}

.footer-logo .logo-weapon-part { 
    color: #7F00FF; /* Violeta Digital */
}

.footer-logo:hover .logo-ai-part { 
    color: #FF00FF; /* Magenta */
    text-shadow: 0 0 8px rgba(255, 0, 255, 0.7), 0 0 12px rgba(255, 0, 255, 0.5); /* Brillo Magenta */
}

.footer p.slogan { /* Estilo para el slogan debajo del logo */
    font-family: 'Inter', sans-serif;
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    color: #A0A8B8; /* Gris Medio */
    margin-top: 0;
    margin-bottom: 1.5rem;
    max-width: 400px; /* Para que no sea muy ancho */
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.footer-nav { 
    margin: 1.5rem 0; 
}

.footer-nav a {
    color: #A0A8B8; /* Gris Medio */
    margin: 0 12px; /* Espaciado entre enlaces */
    font-size: 0.9rem; /* Tamaño de fuente */
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500; /* Medium */
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.footer-nav a:hover {
    color: #7F00FF; /* Violeta Digital */
    text-shadow: 0 0 6px rgba(127, 0, 255, 0.4); /* Brillo Violeta sutil */
}

.social-icons { 
    margin: 1.5rem 0; 
}

.social-icons a { 
    color: #A0A8B8; /* Gris Medio */
    margin: 0 15px; /* Espaciado entre iconos sociales */
    font-size: 1.8rem; /* Tamaño de los iconos Phosphor */
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block; /* Para aplicar transform */
}

.social-icons a:hover { 
    color: #7F00FF; /* Violeta Digital */
    transform: translateY(-3px) scale(1.1); /* Ligero movimiento y aumento */
}

.social-icons i { 
    vertical-align: middle; 
}

.copyright { 
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem; 
    margin-top: 2rem;
    color: #4A4E69; /* Acero Oscuro Pulido, más sutil */
}

/* --- Estilos para Animación de Scroll (si se aplica a elementos del footer) --- */
/* Estas clases son genéricas, si ya las tienes definidas globalmente, no necesitas repetirlas. */
.animate-on-scroll {
    opacity: 0; 
    transform: translateY(20px); /* Desplazamiento inicial más sutil para el footer */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out; 
    /* El transition-delay se puede manejar con JS o inline style si quieres escalonar */
    /* transition-delay: var(--animation-delay, 0s); */ 
}

.animate-on-scroll.is-visible { 
    opacity: 1; 
    transform: translateY(0); 
}/* End custom CSS */