/* ==========================================================================
   Estilos Personalizados - Belisa Monforte
   Estética premium, transiciones suaves y optimización de componentes.
   ========================================================================== */

/* Ajustes del Logotipo Corporativo */
.u-logo-image-1 {
    max-height: 95px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Sombreado y fondo del Cabezal */
.u-header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Distribución Flexible del Encabezado (Alineación Vertical Perfecta en Escritorio) */
@media (min-width: 992px) {
    .u-header .u-sheet-1 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 120px !important;
        padding: 10px 20px !important;
        height: auto !important;
    }

    /* Resetear el posicionamiento absoluto rígido de Nicepage */
    .u-header .u-logo,
    .u-header .u-menu {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
        float: none !important;
    }
    
    /* El menú se alinea a la derecha */
    .u-header .u-menu {
        margin-left: auto !important;
    }
    
    /* Alinear ítems internos de navegación */
    .u-nav-container,
    .u-nav-1 {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
    
    .u-nav-item {
        display: flex !important;
        align-items: center !important;
    }
}

/* Transiciones interactivas para todos los botones */
.u-btn {
    transition: all 0.3s ease-in-out !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

.u-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
}

/* Efectos Premium en la Galería de Proyectos */
.proyecto-card img {
    transition: transform 0.5s ease !important;
}

.proyecto-card:hover img {
    transform: scale(1.05) !important;
}

/* Corrección de Iconos Sociales del Footer (Evitar que se corten) */
.u-footer .u-social-icons {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 15px !important;
}

.u-footer .u-social-icons .u-social-url {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    text-decoration: none !important;
}

.u-footer .u-social-icons .u-icon {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    padding: 0 !important;
    overflow: visible !important; /* Previene recortes del navegador */
}

.u-footer .u-social-icons svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
}