/**
 * Correcciones de estilos del portal
 * Sobrescribe estilos de govco-main.css y Bootstrap que causan problemas
 */

/* ========================================
   CORRECCIONES DE BOOTSTRAP EN HEADER
   ======================================== */

/* Eliminar padding horizontal de Bootstrap en elementos del header */
.header-govco .row > *,
.header-principal-govco .row > *,
.barra-superior-govco .row > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Contenedor del header debe usar su propio padding */
.header-govco .container,
.header-principal-govco .container,
.barra-superior-govco .container {
    padding-right: 15px;
    padding-left: 15px;
}

/* ========================================
   ELIMINAR LOGOS INYECTADOS POR CSS
   ======================================== */

/* Eliminar TODOS los logos inyectados por govco-main.css */
.barra-superior-govco a,
.barra-superior-govco a::before,
.barra-superior-govco a::after {
    content: none !important;
    height: auto !important;
    width: auto !important;
    background-image: none !important;
}

.container-logo-header-govco .logo-header-govco,
.container-logo-header-govco .logo-header-govco::before,
.container-logo-header-govco .logo-header-govco::after {
    content: none !important;
    height: auto !important;
    background-image: none !important;
}

.icon-entidad-menu-govco {
    content: none !important;
    height: auto !important;
    background-image: none !important;
}

.barra-superior-govco {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Asegurar que los enlaces dentro de la barra superior se comporten normalmente */
.barra-superior-govco a {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* Permitir que las imágenes dentro de enlaces se muestren normalmente */
.barra-superior-govco a img {
    display: inline-block !important;
    /* height: auto !important; */ /* Comentado para respetar el style inline */
    width: auto !important;
    max-height: 30px !important;
}

/* ========================================
   HEADER RESPONSIVE
   ======================================== */

/* Header principal responsive */
.header-principal-govco {
    padding: 1rem 0;
}

.logo-header-govco {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.logo-header-govco img {
    max-width: 100%;
    height: auto;
}

/* Búsqueda responsive */
.search-header-govco form {
    width: 100%;
}

.search-header-govco input {
    width: 100%;
}

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

@media (max-width: 768px) {
    /* Logos más pequeños en móvil pero ambos visibles */
    .logo-header-govco img,
    .logo-entidad,
    .logo-entidad-modern,
    .logo-gobernacion {
        height: 40px !important;
        max-width: 70px !important;
    }
    
    /* Barra superior más compacta */
    .barra-superior-govco {
        padding: 0.5rem 0 !important;
    }
    
    .barra-superior-govco .container {
        padding: 0 10px;
    }
    
    /* Ocultar texto "Gobierno de Colombia" en móvil */
    .barra-superior-govco span {
        display: none;
    }
    
    /* Logo Colombia centrado en móvil */
    .barra-superior-govco .logo-colombia {
        margin: 0 auto;
    }
    
    /* Header principal más compacto */
    .header-principal-govco {
        padding: 0.5rem 0;
    }
    
    /* Búsqueda a ancho completo en móvil */
    .col-md-6:has(.search-header-govco) {
        order: 3;
        margin-top: 1rem;
    }
    
    /* Botón ingresar más pequeño */
    .col-md-3:has(.btn-primary) .btn {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 576px) {
    /* Logo Colombia más pequeño en móvil pequeño */
    .logo-colombia {
        height: 24px !important;
    }
    
    /* Logo GOV.CO más pequeño */
    .barra-superior-govco a img {
        height: 24px !important;
    }
}

/* ========================================
   LOGOS DEL FOOTER
   ======================================== */

.footer-govco .gap-3 a img,
.footer-modern .gap-3 a img {
    transition: all 0.3s ease;
    opacity: 0.8;
}

.footer-govco .gap-3 a:hover img,
.footer-modern .gap-3 a:hover img {
    opacity: 1;
    transform: scale(1.1);
}

/* ========================================
   LOGOS DEL HEADER
   ======================================== */

.logo-header-govco img,
.logo-header-modern img,
.logo-gobernacion {
    transition: all 0.3s ease;
}

.logo-header-govco a:hover img,
.logo-header-modern a:hover img {
    transform: scale(1.05);
}

/* ========================================
   NAVEGACIÓN RESPONSIVE
   ======================================== */

@media (max-width: 991px) {
    .navbar-nav {
        padding: 1rem 0;
    }
    
    .navbar-nav .nav-item {
        padding: 0.5rem 0;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 1rem;
    }
}