.elementor-4125 .elementor-element.elementor-element-94288a3{--display:flex;--min-height:0px;--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;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4{width:100%;max-width:100%;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 .logo-bg{background:#FFFFFF;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 .main-menu>ul>li>a{margin:6px 6px 6px 6px !important;padding:0px 0px 0px 0px !important;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 .th_btn{color:#FFFFFF;background:#233155;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 .th_btn:hover{color:#FFFFFF !important;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 .th_btn:before{background:#E68F22 !important;}.elementor-4125 .elementor-element.elementor-element-f1a5bb4 .th_btn:after{background:#E68F22 !important;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-4125 .elementor-element.elementor-element-94288a3{--width:100%;}}/* Start custom CSS for ensafheader, class: .elementor-element-f1a5bb4 *//* =========================================================
   1. AJUSTE DE LA FRANJA BLANCA DETRÁS DEL LOGO
========================================================= */
.header-layout1 .header-logo .logo-bg {
    height: 100% !important; 
    top: 0 !important;       
    bottom: 0 !important;    
}

/* =========================================================
   2. CONTENEDOR FLEXIBLE (SEGURO)
========================================================= */
.header-layout1 .header-logo {
    height: 100% !important; 
    display: flex !important;
    align-items: center !important; /* Centrado base */
}

/* =========================================================
   3. LIMPIEZA DEL ENLACE
========================================================= */
.header-layout1 .header-logo a {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important; 
}

/* =========================================================
   4. LA IMAGEN Y SU AJUSTE MILIMÉTRICO
========================================================= */
.header-layout1 .header-logo img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 80px !important; /* Evita que crezca desproporcionadamente */
    
    /* LA MAGIA: Cambia este número para empujarlo abajo (ej: 5px, 8px, 12px) 
       o hacia arriba con números negativos (ej: -5px) */
    transform: translateY(6px) !important; 
}
/* =========================================================
   5. AJUSTE DE REDES SOCIALES (COLOR BLANCO Y VISIBILIDAD)
========================================================= */
.social-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
}

/* Color para iconos de fuente (Facebook, Instagram, LinkedIn) */
.social-links a i,
.social-links a {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Color para iconos SVG (YouTube, TikTok, Google) */
.social-links a svg {
    fill: #ffffff !important; /* El color en los SVG se aplica con 'fill' */
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
}

/* Efecto hover (opcional: se ponen un poco grises al pasar el mouse) */
.social-links a:hover i,
.social-links a:hover svg {
    color: #dddddd !important;
    fill: #dddddd !important;
    transition: all 0.3s ease;
}/* End custom CSS */