@charset "UTF-8";

/*scroll*/
body *:not(.popup)::-webkit-scrollbar{width:8px;height:8px}
body *:not(.popup)::-webkit-scrollbar-track{background:#eee;border-radius:10px}
body *:not(.popup)::-webkit-scrollbar-thumb{background-color:#0069b4;border:2px solid #eee;border-radius:10px}

/*fuente*/
/*fuente icomoon*/
@media(min-width:992px){
    .icon-flecha0.abajo:after{content:'\e90a'}
    .icon-flecha0.arriba:after{content:'\e90b'}
    .icon-flecha0.derecha:after{content:'\e90c'}
    .icon-flecha0.izquierda:after{content:'\e90d'}
    .icon-flecha1.abajo:after{content:'\e90e'}
    .icon-flecha1.arriba:after{content:'\e90f'}
    .icon-flecha1.derecha:after{content:'\e910'}
    .icon-flecha1.izquierda:after{content:'\e911'}
    .icon-flecha2.abajo:after{content:'\e912'}
    .icon-flecha2.arriba:after{content:'\e913'}
    .icon-flecha2.derecha:after{content:'\e914'}
    .icon-flecha2.izquierda:after{content:'\e915'}
}

/*cabecera*/
#cabecera.capa-debajo:before{background:rgba(32,54,109,0.95);opacity:0;transition:opacity 0.4s;will-change:opacity}
body.soporte #cabecera.capa-debajo:before{opacity:1}
@media(max-width:991.98px){
    #control-sanguche:checked~#cabecera.capa-debajo:before{opacity:1}
}
/*cabecera menu*/
@media(min-width:992px){
    .cabecera_menu-link:before{content:'';background:#fff;display:block;width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;transition:opacity 0.4s;will-change:opacity}
    .cabecera_menu-link:hover{color:#0069b4}
    .cabecera_menu-link:hover:before{opacity:1}
    .cabecera_menu-link.activo{color:#0069b4}
    .cabecera_menu-link.activo:before{opacity:1}
}
/*cabecera sanguche*/
@media(max-width:991.98px){
    #cabecera_sang-icon u{background:#fff;transform-origin:left center;transition:transform 0.4s;will-change:transform}
    #cabecera_sang-icon u:first-child{transform:translateY(-0.3em)}
    #cabecera_sang-icon u:last-child{transform:translateY(0.3em)}
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u{transform-origin:center center}
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u:nth-child(1){transform:rotate(45deg)}
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u:nth-child(2){transform:scaleX(0)}
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u:nth-child(3){transform:rotate(-45deg)}
}

/*sanguche*/
#sanguche{background:#fff;transition-duration:0.4s}
/*sanguche contenedor*/
@media(max-width:991.98px){
    #sanguche_con0{border-top-color:transparent}
}
/*sanguche menu*/
.sanguche_menu-item:not(:last-child){border-bottom-color:rgba(0,105,180,0.3)}
.sanguche_menu-titu{color:#20366d}
@media(max-width:991.98px){
    .sanguche_menu-item.panel.activo .sanguche_menu-titu--text{font-weight:600}
}
@media(min-width:992px){
    .sanguche_menu-titu{color:#fff;opacity:0.5;transition:opacity 0.4s;will-change:opacity}
    .sanguche_menu-titu--text{transition:transform 0.4s;will-change:transform}
    .sanguche_menu-item:hover{z-index:1}
    .sanguche_menu-item:hover .sanguche_menu-titu{font-weight:700;opacity:1;z-index:1}
    .sanguche_menu-item:hover .sanguche_menu-titu--text{transform:translateX(3rem)}
}

/*mayor*/
.mayor{background:#fff}

/*pie*/
#pie{background:#fff;border-top-color:rgba(32,54,109,0.1);z-index: 1}
/*pie fila*/
#pie_fila{color:#20366d}
/*pie redes*/
#pie_rede a.capa-encima:after, .meta__social a.capa-encima:after{border:1px solid #20366d;border-radius:50%}
@media(min-width:992px){
    #pie_rede a:hover, .meta__social a:hover{color:#fff}
    #pie_rede a.capa-lg-debajo:before, .meta__social a.capa-lg-debajo:before{background:#20366d;border-radius:50%;transform:scale(0);transition:transform 0.4s;will-change:transform}
    #pie_rede a.capa-lg-debajo:hover:before, .meta__social a.capa-lg-debajo:hover:before{transform:scale(1)}
}
/*pie menu*/
@media(min-width:992px){
    .pie_menu-con1 a:hover{color:#e6332a}
}
/*pie creditos*/
.pie_cred-item address{color:rgba(26,32,46,0.4)}
@media(min-width:992px){
    .pie_cred-item a:hover{color:#20366d}
}

/*calltoaction*/
@media(min-width:992px){
    .calltoaction_link:before{content:'';border-radius:50%;display:block;width:100%;height:100%;position:absolute;left:0;top:0;animation:_onda 2s infinite}
    .calltoaction_link .figura{transition:transform 0.4s;will-change:transform}
    .calltoaction_link:hover .figura{transform:scale(1.1)}
    .calltoaction.telefono .calltoaction_link:before{background:#0069b4}
    .calltoaction.whatsapp .calltoaction_link:before{background:#23c02e}
}

/*popup*/
.popup{background:rgba(0,0,0,0.8)}
.popup-btn.popup-cer{background:#fff;border-radius:50%;color:#0069b4}
@media(min-width:992px){
    .popup-btn.popup-cer:before{content:'';background:#00a8dc;border-radius:50%;display:block;width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;transition:opacity 0.4s;will-change:opacity}
    .popup-btn.popup-cer:hover{color:#fff}
    .popup-btn.popup-cer:hover:before{opacity:1}
}

/*boton*/
.boton{color:#fff}
.boton:before,
.boton:after{content:'';border-radius:100px;display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;transition:opacity 0.4s;will-change:opacity}
.boton:before{background:#e6332a;}
.boton:after{background:#fff;border:2px solid #e6332a;opacity:0}
.boton.activo{color:#e6332a}
.boton.activo:before{opacity:0}
.boton.activo:after{opacity:1}
@media(min-width:992px){
    .boton:hover{color:#e6332a}
    .boton:hover:before{opacity:0}
    .boton:hover:after{opacity:1}
}

/*carrusel*/
@keyframes _vineta{from{transform:translateX(-200%)}to{transform:translateX(-100%)}}
.carrusel-pun span{border-radius:10px;overflow:hidden}
.carrusel-pun span:before{border-radius:10px;transition:transform 11s linear;will-change:transform}
.carrusel-pun li.activo span:before{transform:translateX(-100%);animation:_vineta 10s linear}
@media(min-width:992px){
    .carrusel-pun button:hover span{outline:1px solid}
}
/*carrusel banner*/
#carrusel-banner{color:#fff}
#carrusel-banner .texto.titulo{text-shadow:0 0 10px rgba(0,0,0,0.5)}
#carrusel-banner .carrusel-pun span{background:rgba(251,249,237,0.5)}
#carrusel-banner .carrusel-pun span:before{background:#fbf9ed}
@media(min-width:992px){
    #carrusel-banner .carrusel-ite{transition-duration:1s}
    #carrusel-banner .carrusel-ite .texto{transition-duration:0.8s}
    #carrusel-banner .carrusel-ite .texto.subtitulo{transition-delay:0.4s}
    #carrusel-banner .carrusel-ite.activo .texto{transform:translateX(100%)}
    #carrusel-banner .carrusel-pun button:hover span{outline-color:#fbf9ed}
}
/*carrusel base*/
.carrusel-base .carrusel-fle{border-color:#20366d;border-radius:50%;color:#20366d;opacity:0.3}
.carrusel-base .carrusel-pun span{background:rgba(228,228,228,0.5)}
.carrusel-base .carrusel-pun span:before{background:#7fb4d9}
.carrusel-base .carrusel-fra{color:#20366d}
@media(min-width:992px){
    .carrusel-base .carrusel-fle{transition:opacity 0.4s;will-change:opacity}
    .carrusel-base .carrusel-fle:hover{opacity:1}
    .carrusel-base .carrusel-pun button:hover span{outline-color:#7fb4d9}
}

/*contactos*/
.contactos-ite .icon.icon-contacto1,
.contactos-tit .texto.titulo{color:#0069b4}
.contactos-dat .texto{color:#000}
@media(min-width:992px){
    .contactos-dat a:not([href*='tel:']):hover,
    .contactos-lin:not([href*='tel:']):hover .texto.dato{color:#0069b4}
}

/*encabezado*/
.encabezado hr{background:#0069b4}
.encabezado .texto.subtitulo,
.encabezado .texto.enriquecido{color:#000}

/*fondo*/
/*fondo bolas*/
/*.fondo-bol{background:url(../img/fondo-bolas.webp) no-repeat center center;background-size:cover;opacity:0.1}*/

/*formulario*/
.formulario-cam.has-feedback.has-success .formulario-con:before{background-image:url(../img/form-success.webp);border-color:#20366d}
.formulario-cam.escrito{background:#fff;border-color:transparent;border-radius:5px;color:#20366d}
.formulario-cam.escrito .formulario-con:before{top:calc(5px + 0.7rem)}
.formulario-cam.escrito .formulario-ctr:disabled~.formulario-mar{background:#eee;color:#ccc}
.formulario-cam.escrito .formulario-ctr:-webkit-autofill~.formulario-mar span{color:#0069b4;transform:scale(0.7) translateY(-100%)}
.formulario-cam.escrito .formulario-ctr:focus~.formulario-mar span,
.formulario-cam.escrito .formulario-ctr:active~.formulario-mar span,
.formulario-cam.escrito.activo .formulario-mar span{color:#0069b4;transform:scale(0.7) translateY(-100%)}
.formulario-cam.escrito.has-feedback .formulario-con{border-right-width:30px!important}
.formulario-cam.visto:before{margin-top:-0.5em;top:50%}
.formulario-cam.visto .formulario-cas:before{border:1px solid #fff;border-radius:5px}
.formulario-cam.visto .formulario-cas:after{border:solid #fff;border-width:0 2px 2px 0}
.formulario-cam.visto .formulario-mar{color:#fff}
.formulario-cam.visto.has-feedback .control~.formulario-con{border-right-width:30px!important}
@media(min-width:992px){
    .formulario-cam.visto .formulario-mar a:hover{color:#e6332a}
}
/*formulario inicio*/
.formulario-inicio{background:#20366d}
.formulario-inicio .texto{color:#fff}
@media(min-width:992px){
    .formulario-inicio{border-radius:5px}
}

/*postal*/
/*postal1*/
.postal1-fon{background:#20366d;border-radius:5px}
.postal1-fon .fondo-img{opacity:0.2}
.postal1-bol:before{content:'';border:1px dashed #fff;border-radius:50%;display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.postal1-tit .texto.titulo{color:#fff}
.postal1-btn{display:none}
@media(min-width:992px){
    .postal1-fon{transition:font-size 0.2s}
    .postal1-fon:before{content:'';background:#04060a;display:block;width:100%;height:100%;opacity:0;position:absolute;left:0;top:0;z-index:1;transition:opacity 0.4s;will-change:opacity}
    .postal1-fon .fondo-img{transition:opacity 0.6s;will-change:opacity}
    .postal1-bol,
    .postal1-bol:before{transition:transform 0.4s;will-change:transform}
    .postal1-bol{transform-origin:center bottom}
    .postal1-tit{transition:transform 0.4s;will-change:transform}
    .postal1-btn{display:block;opacity:0;transition:opacity 0.4s;will-change:opacity}
    .postal1-lin:hover .postal1-fon:before{opacity:0.5}
    .postal1-lin:hover .postal1-fon .fondo-img{opacity:0.7}
    .postal1-lin:hover .postal1-bol{transform:scale(1.5);transition-delay:0.2s}
    .postal1-lin:hover .postal1-bol:before{transform:rotate(90deg);transition-duration:0.8s;transition-delay:0.4s}
    .postal1-lin:hover .postal1-tit{transform:translateY(10px);transition-delay:0.4s}
    .postal1-lin:hover .postal1-btn{opacity:1;transition-delay:0.6s}
}

/*reproductor*/
.reproductor{border-radius:1.5rem;overflow:hidden}
.reproductor .fondo{background:#20366d}
.reproductor .fondo-img{opacity:0.8}
.reproductor .icon.icon-play{color:#fff;opacity:0.7}
@media(min-width:992px){
    .reproductor .fondo-img{transition:opacity 0.4s;will-change:opacity}
    .reproductor .icon.icon-play{transition:opacity 0.4s;will-change:opacity}
    .reproductor:hover .fondo-img{opacity:0.4}
    .reproductor:hover .icon.icon-play{opacity:1}
}

/*texto*/
/*texto enriquecido*/
.texto.enriquecido a{color:#0069b4}
.texto.enriquecido button{background:#0069b4;border-color:#fff;border-radius:100px;color:#fff}
.texto.enriquecido hr{background:#eee}
.texto.enriquecido li::marker{color:#20366d}
.texto.enriquecido td{border-color:#0069b4}
@media(min-width:992px){
    .texto.enriquecido a:hover{color:#e6332a;text-decoration:underline}
    .texto.enriquecido button:hover{background:#fff;border-color:#0069b4;color:#0069b4}
}
/*texto titular*/
.texto.titulo.titular{color:#20366d}

@media (max-width: 991.98px){
    .pie_menu-item {
        border-top-color: rgba(0, 105, 180, 0.3);
    }
}

/*.fondo-bol {
    background: url(../img/fondo-bolas.webp) no-repeat center center;
    background-size: cover;
    opacity: 0.1;
}*/

.tarjeta1-co0 {
    background: #fff;
    border-radius: 5px;
}

.tarjeta1-img .figura {
    position: relative;
}

/*.tarjeta1-img .figura::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(transparent 30%, #000000ca);
    transition: background 200ms linear;
}*/
/*.carrusel-base .carrusel-fle.cursos:hover {
    background-color: white;
}*/

@media (min-width: 992px){
    .tarjeta1-img .figura:hover::after {
        background: rgba(32, 54, 109, .6);
    }
}

@media (min-width: 992px){
    .tarjeta1-lin:hover .figura {
        transform: scale(1.05);
    }
}

@media (min-width: 992px){
    .tarjeta1-img {
        overflow: hidden;
    }
}

@media (min-width: 992px){
    .tarjeta1-img .figura {
        transition: transform 0.6s;
        will-change: transform;
    }
}

@media (max-width: 991.98px){
    #cabecera_sang-icon u:first-child, #cabecera_inner_sang-icon u:first-child {
        transform: translateY(-0.3em);
    }
}

@media (max-width: 991.98px){
    #cabecera_sang-icon u, #cabecera_inner_sang-icon u {
        background: #fff;
        transform-origin: left center;
        transition: transform 0.4s;
        will-change: transform;
    }
}

@media (max-width: 991.98px){
    #cabecera_sang-icon u, #cabecera_inner_sang-icon u {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}

@media (max-width: 991.98px){
    #cabecera_sang-icon u:last-child, #cabecera_inner_sang-icon u:last-child {
        transform: translateY(0.3em);
    }
}

#sanguche, #sanguche_inner {
    background: #fff;
    transition-duration: 0.4s;
}

@media (max-width: 991.98px){
    #control-sanguche:checked~#cabecera.capa-debajo:before, #control-sanguche_inner:checked~#cabecera_inner.capa-debajo:before {
        opacity: 1;
    }

}

@media (max-width: 991.98px){
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u:nth-child(1), #control-sanguche_inner:checked~#cabecera_inner #cabecera_inner_sang-icon u:nth-child(1) {
        transform: rotate(45deg);
    }
}

@media (max-width: 991.98px){
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u, #control-sanguche_inner:checked~#cabecera_inner #cabecera_inner_sang-icon u {
        transform-origin: center center;
    }

}

@media (max-width: 991.98px){
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u:nth-child(3), #control-sanguche_inner:checked~#cabecera_inner #cabecera_inner_sang-icon u:nth-child(3) {
        transform: rotate(-45deg);
    }
}

@media (max-width: 991.98px){
    #control-sanguche:checked~#cabecera #cabecera_sang-icon u:nth-child(2), #control-sanguche_inner:checked~#cabecera_inner #cabecera_inner_sang-icon u:nth-child(2) {
        transform: scaleX(0);
    }
}

.tarjeta1-txt .texto.titulo {
    color: #000;
}

@media (min-width: 992px){
    .postal1-tit .texto.titulo:before {
        content: '';
        background: #e6332a;
        border-radius: 100px;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(0);
        transition: transform 0.4s;
        will-change: transform;
    }
}

@media (min-width: 992px){
    .tarjeta1-lin:hover:before {
        transform: scaleY(1);
    }

}

.tarjeta1-txt hr {
    background: #20366d;
}
/*INICIO ICONO WHATSAPP*/
.whatsapp-icon {
    position: fixed;
    bottom: 85px;
    right: 20px;
    width: 90px;
    height: 90px;
    z-index: 1000;
    animation: pulse 1.5s ease-in-out infinite;
}

.whatsapp-icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* Animación de pulsación */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
/* Estilos Responsive */
@media (max-width: 768px) {
    .whatsapp-icon {
        width: 70px;
        height: 70px;
        bottom: 15px;
        right: 15px;
    }
}

@media (max-width: 480px) {
    .whatsapp-icon {
        width: 70px;
        height: 70px;
        bottom: 10px;
        right: 10px;
    }
}
/*FIN ICONO WHATSAPP*/