/*
Theme Name: Techwind Child
Description: Tema hijo de Techwind para personalizaciones seguras
Template: techwind
Version: 1.0.0
Author: Ing. Abel Cabral Ramirez, Tel +595982172897, Avanzantec Group SRL
*/

/* Importar estilos del tema padre */
@import url("../techwind/style.css");

/* Personalizaciones adicionales aquí */


/* Menú Footer Horizontal */
.footer .footer-widget-2 ul.menu,
.footer .footer-widget-2 ul.nav,
.footer .footer-widget-2 .widget_nav_menu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer .footer-widget-2 ul.menu li,
.footer .footer-widget-2 ul.nav li,
.footer .footer-widget-2 .widget_nav_menu ul li {
    margin-right: 30px !important;
    margin-bottom: 10px !important;
}

.footer .footer-widget-2 ul.menu li:last-child,
.footer .footer-widget-2 ul.nav li:last-child,
.footer .footer-widget-2 .widget_nav_menu ul li:last-child {
    margin-right: 0 !important;
}

.footer .footer-widget-2 ul.menu li a,
.footer .footer-widget-2 ul.nav li a,
.footer .footer-widget-2 .widget_nav_menu ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: color 0.3s ease !important;
}

.footer .footer-widget-2 ul.menu li a:hover,
.footer .footer-widget-2 ul.nav li a:hover,
.footer .footer-widget-2 .widget_nav_menu ul li a:hover {
    color: #4f46e5 !important;
}

/* Responsive - En móviles mantener vertical */
@media (max-width: 768px) {
    .footer .footer-widget-2 ul.menu,
    .footer .footer-widget-2 ul.nav,
    .footer .footer-widget-2 .widget_nav_menu ul {
        flex-direction: column !important;
    }
    
    .footer .footer-widget-2 ul.menu li,
    .footer .footer-widget-2 ul.nav li,
    .footer .footer-widget-2 .widget_nav_menu ul li {
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }
}


/* Logo Responsive - Móvil */
@media (max-width: 768px) {
    .site-logo img,
    .header-logo img,
    .logo img,
    .custom-logo {
        max-width: 200px !important;
        height: auto !important;
        width: auto !important;
    }
    
    .site-logo,
    .header-logo,
    .logo {
        text-align: center !important;
        margin: 10px 0 !important;
    }
    
    /* Header en móvil */
    .header .container {
        padding: 10px 15px !important;
    }
    
    /* Navbar en móvil */
    .navbar-brand img {
        max-width: 180px !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .site-logo img,
    .header-logo img,
    .logo img,
    .custom-logo,
    .navbar-brand img {
        max-width: 160px !important;
        height: auto !important;
    }
}

/* Específico para el tema Techwind */
@media (max-width: 768px) {
    .techwind-logo img,
    .site-branding img,
    .header-brand img {
        max-width: 200px !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .techwind-logo img,
    .site-branding img,
    .header-brand img {
        max-width: 150px !important;
        height: auto !important;
    }
}


/* Optimizaciones adicionales para móvil */
@media (max-width: 768px) {
    /* Header más compacto */
    .header {
        padding: 10px 0 !important;
    }
    
    /* Navegación móvil */
    .navbar-toggler {
        border: none !important;
        padding: 4px 8px !important;
    }
    
    /* Espaciado del contenido */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* CSS específico para logo PlazaDeDatos en móvil */
@media (max-width: 768px) {
    /* Selectores específicos para el logo */
    img[src*="LOGO-PLAZA"],
    img[src*="plazadedatos"],
    img[src*="cropped-LOGO-PLAZA"] {
        max-width: 180px !important;
        height: auto !important;
        width: auto !important;
    }
    
    /* Container del logo */
    .site-logo,
    .header-logo,
    .navbar-brand {
        max-width: 200px !important;
    }
}

@media (max-width: 480px) {
    img[src*="LOGO-PLAZA"],
    img[src*="plazadedatos"],
    img[src*="cropped-LOGO-PLAZA"] {
        max-width: 140px !important;
        height: auto !important;
    }
    
    .site-logo,
    .header-logo,
    .navbar-brand {
        max-width: 160px !important;
    }
}
