.elementor-55 .elementor-element.elementor-element-255cf0e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9497774 */@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap");

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

.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#000;
    z-index:9999;
    font-family:"Cabin",sans-serif;
    transition:.3s ease;
}

.site-header *{
    box-sizing:border-box;
}

.site-header .wrap{
    width:min(calc(100% - 48px),1200px);
    margin:auto;
}

.site-header .nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:66px; /* Más delgado */
}

/*=========================
LOGO
=========================*/

.site-header .logo{
    display:flex;
    align-items:center;
    width:165px;
    flex-shrink:0;
}

.site-header .logo-image{
    display:block;
    width:100%;
    height:auto;
}

/*=========================
MENU
=========================*/

.site-header .nav-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    flex:1;
}

.site-header .nav-links a{
    position:relative;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:.3s ease;
}

.site-header .nav-links a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    background:#ff84ef;
    transition:width .3s ease;
}

.site-header .nav-links a:hover{
    color:#ff84ef;
}

.site-header .nav-links a:hover::after{
    width:100%;
}

/*=========================
BOTÓN
=========================*/

.site-header .btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 20px;
    background:#A20A89;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    transition:all .3s ease;
}

.site-header .btn-primary:hover{
    background:#860770;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(162,10,137,.35);
}

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

@media (max-width:991px){

    .site-header .nav{
        height:60px;
    }

    .site-header .logo{
        width:145px;
    }

    .site-header .nav-links{
        display:none;
    }

    .site-header .btn-primary{
        padding:9px 16px;
        font-size:12px;
    }

}

/* Evita que el contenido quede debajo del header */

body{
    padding-top:66px;
}/* End custom CSS */