@font-face {
    font-family: 'MyriadPro';
    src: url('fonts/myriad/Myriad Pro Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.sticky-top {
    position: sticky;
    top: 0px; /* margen desde arriba */
    z-index: 1020; /* para que quede encima */
}
.table tr td {
    background: transparent;
}
.lila {
    color: #7f2ced;
}
.active {
    background: linear-gradient(90deg, #FFD2BF 0%, #8088E6 100%);
    -webkit-background-clip: text; /* Chrome, Safari */
    -webkit-text-fill-color: transparent;
    background-clip: text; /* Estándar */
    color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
}
.table {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
}
p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
}
ul li {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
}
a {
    text-decoration: none;
    color: #000;
}
a:hover {
    color: #7f2ced;
}
.rounded_30 {
    border-radius: 30px;
}
.header_rounded {
    border-radius: 30px;
}
.btn {
    border-radius: 50px;
    font-size: 12px;
    padding: 10px 15px;
    font-family: "Montserrat", sans-serif;
}
.seccion {
    padding-top: 120px; 
    padding-bottom: 110px;
}
.header ul li {
    float: left;
    margin-right: 50px;
}
.header ul li:last-child {
    margin-right: 0px;
}
.header ul li a {
    text-decoration: none; 
    color: #fff;
    font-family: "Montserrat", sans-serif;
}
.btn_degrade {
    border-radius: 50px; /* respeta el border-radius */
    padding: 20px 30px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 2px solid #7f2ced; 
}
.btn_degrade:hover {
    background: #7f2ced;
    color: #fff;
}
.btn_lila {
    border-radius: 50px; /* respeta el border-radius */
    padding: 20px 30px;
    font-weight: 600;
    color: #000;
    background: transparent;
    border: 2px solid #7f2ced; 
}
.btn_lila:hover {
    background: #7f2ced;
    color: #fff;
}
.btn_lila_full {
    background: #7f2ced;
    color: #fff;
}
.btn_lila_full:hover {
    background: #000000;
    color: #fff;
}
.btn_gris {
    background: #fff;
    color: #000; 
    border: 1px solid #e5e5e5;
}
.btn_gris:hover {
    background: #e5e5e5;
    color: #808080; 
    border: 1px solid #e5e5e5;
}
.header .dropdown-item {
    color: #000;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #000;
    background-color: #fff;
    border-color: none;
}
.inicio_sesion a {
    color: #fff;
    font-weight: 200;
}
.inicio_sesion a:hover {
    color: #7f2ced !important;
}
.dropdown-menu.show {
    display: block;
    margin: 0px 0px 0 -15px !important;
}
.contenedor {
    padding-left: 4%;
    padding-right: 4%;
}
.menu_resp {
    display: none;
}
.testimonio_box {
    padding-top: 100px; 
    padding-bottom: 80px;
}
.titulo_grande {
    font-size: 80px;
}
.footer ul li {
    float: left;
}
.slider_responsive {
    display: none;
}
@media screen and (max-width: 1199px) {
    .header ul li {
        margin-right: 20px;
    }
    .titulo_grande {
        font-size: 50px;
    }
}
@media screen and (max-width: 991px) {
    .header_rounded {
        border-radius: 0px;
    }
    .contenedor {
        padding-left: 0px;
        padding-right: 0px;
    }
    .menu_texto {
        display: none;
    }
    .btn_menu {
        display: none;
    }
    .menu_resp {
        display: block;
    }
    .seccion {
        padding-top: 60px; 
        padding-bottom: 60px;
    }
    .titulo_grande {
        font-size: 30px;
    }
    .testimonio_box {
        padding-top: 50px; 
        padding-bottom: 40px;
    }
    .slider_desk {
        display: none;
    }
    .slider_responsive {
        display: block;
    }
}

/* FOOTER */
.scrolltop {
    position: fixed;
    bottom: 120px; 
    right: 20px;
    z-index: 999;
    background: #FFD2BF;
    padding: 10px 10px;
    border-radius: 30px;
    width: 60px; 
    height: 90px;
    display: flex; 
    align-items: center;   
    cursor: pointer; 
}
/* Animación bounce */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-8px);
    }
}

.scrolltop:hover .scrolltop_icon {
    animation: bounce 1s;
}
.ws {
    position: fixed; 
    bottom: 20px; 
    right: 20px;
    z-index: 999;
    background: #08D054;
    padding: 10px 15px;
    border-radius: 30px;
    width: 60px; 
    height: 90px;
    display: flex; 
    align-items: center;   
    cursor: pointer; 
} 
.whatsapp {
    position: fixed; 
    bottom: 20px; 
    right: 100px;
    width: 400px; 
    overflow: hidden;
    border-radius: 30px;
    display: none;
}

@media screen and (max-width:991px) {
    .scrolltop {
        width: 50px;
        height: 50px;
        padding: 5px 8px;
        bottom: 70px;
        right: 10px;
    }
    .ws {
        width: 50px;
        height: 50px;
        padding: 5px 8px;
        right: 10px;
        bottom: 10px;
    }
    .whatsapp {
        position: fixed; 
        bottom: -2px; 
        right: 0px;
        width: 100%; 
        overflow: hidden;
        border-radius: 30px 30px 0 0;
        z-index: 9999999;
    }
}