/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 04 2025 | 15:23:23 */
header.site-header > .inside-header{
    max-width:1200px;
    height:100px;
    padding:0px 5px;
}

.header-image.is-logo-image{
    width:200px;
    height:60px;
    object-fit:contain;
    object-position:center;
    vertical-align:middle;
}

header .main-navigation .main-nav ul li a{
    line-height:1.5;
    color:#222;
    font-weight:500;
    font-size:16px
}

.btn-border-gradient{
    background:linear-gradient(60deg , var(--fucsia-rojizo), var(--naranja));
    padding:3px;
    border-radius:3em
}

header .main-navigation .main-nav ul li.btn-border-gradient a{
    background:#fff;
    line-height:35px;
    border-radius:3em;
    transition:.3s all ease
}

header .main-navigation .main-nav ul li.btn-border-gradient a:hover{
    color:#fff !important;
    background:linear-gradient(60deg , var(--fucsia-rojizo), var(--naranja));
}

header .main-navigation .main-nav ul li[class*="current-menu-"] > a{ color:var(--naranja) }

header .main-navigation .main-nav ul li > a:hover{
    color:var(--naranja) !important
}

.st-margin-bottom{
    margin-bottom:120px
}

ul.carrusel-empresas {
    margin:0px;
    padding:0px;
    list-style:none;
}

/* ------------------------------ Carrusel de empresas ---------------------------------- */
.carrusel-empresas img{
    filter:grayscale(1);
    width: 100%;
    height:140px;
    object-fit: contain;
    object-position: center;
    transition:.3s all ease
}

.carrusel-empresas img:hover{
    filter:grayscale(0);
    cursor: grab;
}

.carrusel-empresas .elementor-swiper-button svg path{
    fill: #00000085;
    transition: .3s all ease;
}

.carrusel-empresas .elementor-swiper-button:hover svg path{
    fill:#000
}

.btn-degradado .elementor-button{
    background: rgb(255,40,100);
    background: linear-gradient(90deg, rgba(255,40,100,1) 0%, rgba(255,74,75,1) 100%);
    
}