/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 15 2025 | 00:51:42 */
.header-logo {
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto
}
/* ---------------------- Header -------------------------------*/
.header-menu ul{
	gap: 5px;
    width: 100%;
    flex-wrap: nowrap;
}


/* ---------------------- btn header -------------------------------- */
.header-btn a {
    line-height: 1.5 !important;
    padding: 5px 20px !important;
    background: #ffffff;
    border-radius: 3em;
    color: #000; /* Color de texto por defecto */
    transition: color 0.3s ease; /* Animación suave del color */
    position: relative; /* Para pseudo-elemento */
    overflow: hidden; /* Para limitar efecto */
    position:relative;
}

.header-btn{
    padding:2px !important
}

.header-btn::before {
    content:"";
    display:block;
    background:linear-gradient(60deg , #f68633, #FFBE8E );
    width:100%;
    height:100%;
    position:absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    border-radius:30px;
}

.header-btn a:hover {
    color: #fff !important;
    background:#00000000
}

.header-btn a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(60deg , #f68633, #FFBE8E);
    border-radius: 3em;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

.header-btn a:hover::before {
    opacity: 1;
}

/* banner*/

.banner-inal .prev-arrow{
    left:0.5% !important;
    width:55px;
    height:55px;
    border-radius:0px 10px 10px 0px;
    background:#fff url('/wp-content/uploads/2025/08/ArrowCircleLeft-1.webp')center/40px no-repeat !important;
}

.banner-inal .next-arrow{
    right:0.5% !important;
    width:55px;
    height:55px;
    border-radius:10px 0px 0px 10px;
    background:#fff url('/wp-content/uploads/2025/08/ArrowCircleLeft.webp')center/40px no-repeat !important;
}

.banner-inal .prev-arrow svg,
.banner-inal .next-arrow svg{
    display:none;
}

/* ----------------------------------- btn desliza ----------------------------------- */
.btn-desliza {
    position:absolute;
    bottom:0;
    right:0
}

.btn-desliza .elementor-button-content-wrapper{
    align-items:center
}

.texto-naranja{
	color:#F68633
}