/********************************************* GENERALES *********************************************/
@media (max-width: 425px){
    .nav_header{
        max-width: 88vw !important;
    }
    header #logo img{
        width: auto !important;
    }
    #banner_home .container .flex{
        flex-direction:column;
        height: 90%;
    }
    .slider-home .pattern.light{
        position: relative;
        left: 0;
    }
    .flex.taco span{
        display: flex;
        flex-direction: column;
    }
    .bx-controls{
        display: none !important;
    }
}
.titulo-header{
    color: #00375E;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 800;
    line-height: 1em;
    text-shadow: 0px 4px 20px #00375E;
}
@media (max-width: 768px){
    .titulo-header{
        font-size: 3em;
        font-weight: 800;
        line-height: 1em;
    }
}
@media (max-width: 480px){
    .titulo-header{
        font-size: 2.5em;
        line-height: .9em;
    }
}
.align-items-center{
    align-items: center;
}
.breadcrumb a,
.breadcrumb span,
.breadcrumb > li + li:before{
    /*color: #00375E;*/
    font-size: 1.2em;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.breadcrumb a{
    text-decoration: underline;
}
.header-inner i{
    color: #00375E;
}
#institucional,
#turnos,
#servicios,
#informacion,
#areas,
#contacto,
#staff,
article .content{
    background-color: #ffffff !important;
}
#turnos{
    height: auto;
    padding: 6rem 0 14rem 0;
}
article .content{
    padding:10rem 0 45px 0px !important;
}
.home-turnos p,
.home-emergencias p,
.home-staff p,
.home-contacto p,
.home-contacto span,
#institucional p,
#turnos p,
#servicios p,
#informacion p,
#areas p,
#contacto p,
#directorio p,
#directorio b,
i{
    font-family: 'Montserrat', sans-serif;
}
.dropdown-menu,
.dropdown-submenu > .dropdown-menu{
    background: #025780;
}
.dropdown-menu li > a,
.breadcrumb > li > a{
    font-family: 'Montserrat', sans-serif;
}
.dropdown-menu li > a:hover{
    background: #4DBBFF;
}
header #navbar > ul > li > a{
    color: #025780;
    color: #001A2A;
    text-transform: uppercase;
}
.editor p{
    margin: 0;
    margin: 0 0 11px 0;
}
@media (max-width: 1370px){
    /*.slider-home .wrap-pattern h2{
        margin-top: 150px !important;
    }*/
    .slider-home .pattern.light{
        top: 125px !important;
    }
    /*.titulo-header{
        margin-top: 200px;
    }*/
}
@media (max-width: 768px){
    header #wrap .li-informes,
    header #wrap .li-cv{
        position: relative;
        bottom: 0;
        right: 0;
    }
    header #wrap{
        border-bottom: none;
    }
}
@media (min-width: 426px) and (max-width: 620px){
    .slider-home .wrap-pattern h2 {
        margin-top: -28px !important;
    }
}

@media (max-width: 425px){
    header #logo{
        padding: 0;
    }
    .titulo-header{
        font-size: 2em;
    }
    .slider-home .wrap-pattern{
        padding-left: 0;
    }
    .slider-home .wrap-pattern .btn{
        padding: 10px 0;
    }
}
@media (max-width: 325px){
    .slider-home .wrap-pattern h2 {
        font-size: 1.5em !important;
        margin-top: 0px !important;
        margin: 124px 9px -6px 0px !important;
    }

}

.accordion-blocks li .editor ul li:before{
    display: none;
}
.accordion-blocks li .editor ul li{
    padding-left: 13px;
}
.accordion-blocks li .editor ul li span{
    display: flex;
}
.accordion-blocks li .editor ul li b{
    color: #001A2A;
    font-weight: 400;
    margin-right: .81rem;
}
.accordion-blocks .blocklist p{
    font-weight: 400;
}
/********************************************* HOME ******************************************************/
.container-decorador-slider-superior,
.container-decorador-slider-inferior {
    position: absolute;
    display: none;
}

.container-decorador-slider-superior{
    width: 250px;
    height: 250px;
}

.container-decorador-slider-inferior {
    width: 250px;
    height: 250px;
    bottom: -4.5rem;
    right: 0;
}

.container-decorador-slider-superior img,
.container-decorador-slider-inferior img {
    width: 100%;
    height: auto;
}

#banner_home {
    /* background-image: url('../../../../storage/app/media/slider-home-1.webp'); */
}

/* Backgrounds para cada slide - Prueba con colores */
.slider-home .bxitem:nth-child(1) {
    /* background-color: blue; */
    background-image: url('../../../../storage/app/media/slider-home-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slider-home .bxitem:nth-child(2) {
    /* background-color: red; */
    background-image: url('../../../../storage/app/media/slider-home-2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main-home-container {
    background-image: url('../../../../storage/app/media/fondo-home_v2.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: red;  */
    /* padding: 5rem 0; */
}

.container-logo-aniversario {
    /* width: 50px; */
    width: 50px;
    max-height: 100px;
    z-index: 1;
    position: absolute;
    left: -0.3rem;
    bottom: -11.8rem;
    display: none;
}

.container-logo-aniversario img {
    width: 100%;
    height: auto;
}

#navbar .logo_mobile{
    display: none;
}
#banner_home h1{
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 38px;
    width: 120%;
    letter-spacing: 0px;
    margin-bottom: 0;
}
#banner_home h2{
    color: #004772;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    /* width: 156%; */
    line-height: normal;
    font-size: 38px;
    letter-spacing: 0;
}
#banner_home h2::after{
    content: '';
    width: 108px;
    height: 4px;
    background: #004772;
    margin: 15px 0 20px;
    display: block;
}
#banner_home p{
    /* width: 120%; */
    color: #ffffff;
    padding-top: 2rem;
    font-weight: 500;
    font-size: 18px;
    line-height: inherit;
    padding: 0;
    /* margin-bottom: 12rem; */
}
#banner_home a{
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}
#banner_home a i,
#banner_home a svg{
    color: #4DBBFF;
    padding-left: 1rem;
}
.container-video-incubadora {
    max-width: 450px;
    max-height: 300px;
    position: relative;
}

.container-video-incubadora video {
    width: 100%;
    height: auto;
    border-radius: 3rem;
    position: relative;
}


/* @media (max-width: 425px){ */
@media (max-width: 1500px){
    #banner_home h1,
    #banner_home h2{
        font-size: 40px;
        /* margin-top: 1rem !important; */
    }
    #banner_home p {
        font-size: 16px;
        /* margin-bottom: 3rem; */
    }
    #banner_home a{
        font-size: 16px;
        margin-bottom: 3rem;
    }

}

@media (max-width: 1200px){
    #banner_home p {
        line-height: normal;
    }
}

@media (max-width: 886px){
    header #navbar > ul > li > a{
        color: #fff;
    }
}

@media (max-width: 768px){
    #banner_home {
        /* background-image: url('../../../../storage/app/media/banner_home_mobile.webp'); */
    }
    .container{
        max-width: 88vw;
        max-width: 88%;
    }
    .header-inner .container{
        max-width: 84%;
    }
    #banner_home .pattern span{
        padding-left: 0;
    }
    #banner_home h1{
        width: 100%;
        /* margin-top: 1rem !important; */
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 30px;
    }
    #banner_home h2{
        width: 100%;
        font-size: 30px;
        line-height: 1.1em;
        /* margin-top: 1rem !important; */
        margin-top: 0 !important;
    }
    #banner_home p{
        width: 100%;
        font-size: 16px;
        margin-bottom: 2rem;
    }
    header #navbar > ul > li > a{
        text-align: left;
    }
    header #navbar > ul > .li-informes > a,
    header #navbar > ul > .li-cv > a{
        text-align: center;
    }
    header #navbar.active{
        background: #00375E;
        flex-direction: column;
    }
    #navbar > ul{
        max-height: 525px;
    }
    header #navbar > ul > li > a{
        color: #fff;
    }
    #navbar .logo_mobile{
        display: block;
        margin-bottom: 75px;
        width: 130px;
    }
    #navbar .link-special{
        margin-top: 75px;
    }
    .container-video-incubadora{
        margin-top: 10rem;
    }
    .slider-home .bxitem:nth-child(1) {
        background-image: url('../../../../storage/app/media/slider-home-1-mobile.webp');
    }
    .slider-home .bxitem:nth-child(2) {
        background-image: url('../../../../storage/app/media/slider-home-2-mobile.webp');
    }
}
@media(max-width:340px){
    #banner_home p {
        width: 100%;
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .container-decorador-slider-superior,
    .container-decorador-slider-inferior { 
        display: block;
    }
}

/********************************************* BLOQUE TURNOS *********************************************/


.overlay{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image: url(http://localhost/sanatorio_ninos/storage/app/media/home.png);*/
    background-size: cover;
    opacity: 1;
}
.home-turnos{
    /* background-image: url(../../../../storage/app/media/turnos.webp);
    background-color: #F2F2F2;
    background-size: cover;
    height: auto; */
    min-height: 700px;
    display: flex;
    /* padding: 15rem 0; */
}
.container-turnos{
    /*
    display: flex;
    justify-content: space-between;
    margin: auto;
    height: 75%;
    height: calc(100vw + -74vw);*/
    display: flex;
    justify-content: space-between;
    gap: 10px; /* espacio entre cards */
    margin: auto;
    flex-wrap: wrap;
}
.container-turnos > div:first-child {
      margin-right: auto;/*0*/
}
.container-turnos > div:last-child {
    margin-left: auto;
}
.container-turnos > div:nth-child(2),
.container-turnos > div:nth-child(3) {
    margin-left: auto;/*0*/
    margin-right: auto;/*0*/
}
.card-turno{
    flex: 1;
    min-height: 340px;
    max-height: 440px;
    border-radius: 39px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.card-img{
    text-align: center;
    padding: 20px 0 0 0;
}
.card-img img{
    width: auto;
    height: 240px;
}
.card-texto{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
}
.card-texto h3{
    color: #00375E;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 1.5rem 0;
    text-align: center;
}
.card-texto p{
    color: #808080;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
}
.card-texto a{
    margin-top: auto;
    text-transform: uppercase;
    background: #00375E;
    color: #fff;
    padding: 12px 18px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    width: 80%;
    text-align: center;
}
.card-texto a svg{
       padding: 0 0rem 0 calc(100vw + -98vw);
    margin-right: calc(100vw + -103vw);
}
.card-texto h3,
.card-texto p,
.card-texto a,
.emergencias-info h2,
.emergencias-info ul li,
.btn-videoconsulta,
.btn-mas-info,
.banner-staff h3,
.banner-staff p,
.banner-staff a,
.banner-profesionales h3,
.banner-profesionales a,
.contacto-formulario h2,
.titulo-contacto,
#banner_home p,
#banner_home h1,
#banner_home h2{
    font-family: 'Montserrat', sans-serif !important;
}
.card-texto i{
    margin-left: 0;
    position: relative;
    left: calc(100vw + -97vw);
}
.decorador-video-incubadora{
    position: absolute;
    right: -7rem;
    bottom: -3rem;
    width: 200px;
    display: none;
}
.decorador-celeste-video-incubadora{
    position: absolute;
    right: -9rem;
    top: -7rem;
    display: none;
}

.header-inner ul.breadcrumb {
    display: none;
}


@media (min-width: 1671px) {
    .card-turno {
        max-height: 600px;
    }
    .card-img img {
        height: 300px;
    }
} 
@media (min-width: 1501px) and (max-width: 1670px){
}
@media (min-width: 1371px) and (max-width: 1500px){
}

@media (min-width: 1440px) {
    .container-video-incubadora {
        max-width: 650px;
    }
    .decorador-video-incubadora{
        bottom: -14rem;
    }
}

@media (min-width: 1200px) {
    .lg-flex-end{
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .decorador-video-incubadora{
        display: block;
    }
}
@media (max-width: 1370px){
    .home-turnos{
        min-height: 600px;
    }
    /* .container-turnos{
        height: calc(100vw + -68vw);
    } */
    .card-texto a{
        bottom: 20px;
        font-size: 12.5px;
        bottom: 25px;
    }
    .card-texto h3{
        font-size: 16px;
        font-size: 14.5px;
    }
    .card-texto p{
        line-height: 1em;
        font-size: 12px;
    }
    .card-img img{
        /*width: 210px;*/
    }
}
@media (min-width: 800px) and (max-width: 1150px){

    .container-video-incubadora {
        margin-top: 7rem;
    }
}

@media (min-width: 800px) and (max-width: 1150px){
    .container-logo-aniversario {
        left: -3px;
        top: 8.9rem;
    }

}

@media (min-width: 768px) and (max-width: 799px){
    .container-logo-aniversario {
        left: -3px;
        top: 6rem;
    }
}
@media (min-width: 769px) and (max-width: 908px){
    .card-turno{
        padding: 0.4rem;
    }
    .card-img img {
        width: 100%;
    }
    .card-turno.wow.bounceInDown a{
        font-size: 8.9px;
    }
}
@media (max-width: 800px){
    .home-turnos{
        height: auto;
        padding: 20px 0;
    }
     .container-turnos{
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }
    .card-turno{
        width: 70%;
        /* height: 350px; */
        min-height: 280px;
        margin: auto;
        margin-bottom: 10px;
    }
    /* .card-img img{
        width: 150px;
    } */
    .card-texto a{
        width: 100%;
    }
    .card-texto i {
        left: calc(100vw + -93vw);
    }

    .main-home-container {
        background-image: url('../../../../storage/app/media/fondo_home_mobile.webp');
    }

    .home-emergencias .back_incubadora h4,
    .home-emergencias .back_incubadora p {
        color: #004772 !important;
    }

    .home-emergencias .back_incubadora h4:after {
        background-color: #004772 !important;
    }

}

@media (max-width: 625px){
    .home-turnos{
        height: auto;
        /* background-image: url('../../../../storage/app/media/turnos_mobile.webp'); */
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
     .container-turnos{
        flex-direction: column;
    }
    /* .card-img img{
        width: 210px;
    } */
    .card-turno{
        width: 70%;
        margin-top: 20px;
        height: 400px;
    }

    .container-logo-aniversario {
        width: 40px;
        height: 100px;
        left: -0.2rem;
        bottom: -10rem;
    }

}
@media (max-width: 400px){
    .container-logo-aniversario {
        width: 30px;
    }
}

/********************************************* BLOQUE EMERGENCIAS *********************************************/

.home-emergencias{
    /* background-color: #ffffff;   */
    position: relative;
    height: auto;
    padding: 0 0 0 0;
}
.emergencias-container{
    display: flex;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.emergencias-container .row{
    justify-content: space-between;
    width: 100%;
    margin: auto;
}
.emergencias-container .conteFondoImg{
    background-image: url('../../../../storage/app/media/fondo_sem.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height:17.84vw;
    align-content: center;
    max-width: 48%;
}
.emergencias-container .conteFondoImg2{
    background-image: url('../../../../storage/app/media/fondo_ovu.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height:17.84vw;
    align-content: center;
    max-width: 48%;
}
/*
.emergencias-container .conteFondoImg2 .emergencias-info{
    padding-left: 3rem;
}
*/
.emergencias-info h4{
    font-family: 'Montserrat', sans-serif;
    color: white;
    margin-bottom: 4rem;
    font-weight: 700;
    font-size: 5rem;
    font-size: 26px;
}
.emergencias-info a{
    font-family: 'Montserrat', sans-serif;
    color: #004772;
    font-weight: 700;
    background-color: white;
    padding: 1rem 2rem;
    border-radius: 35px;
    font-size: 12px;
    transition: all .3s ease-in-out;
}
.emergencias-info a:hover{
    box-shadow: 0px 0px 17px rgb(148, 147, 147);
}
.emergencias-info a i{
    padding-left: 1rem;
}
.home-emergencias .back_incubadora{
    /* background-image: url(../../../../storage/app/media/imagen_incubadora.webp);
    background-color: #F2F2F2;
    background-size: cover; */
    height: 30vw;
    display: flex;
    align-items: center;
}
.home-emergencias .back_incubadora h4{
    color: #fff;
    font-weight:500;
    font-size: 38px;
}
.home-emergencias .back_incubadora h4:after{
    background-color: #fff;
}
.home-emergencias .back_incubadora p{
    color: #ffffff;
}
.home-emergencias .back_incubadora a{
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
    border-radius: 50px;
    color: #004772;
    padding: 1rem 2rem;
    font-weight: 700;
    position: relative;
    top: 2rem;
    font-size: 15px;
    transition: all .3s ease-in-out;
}
.home-emergencias .back_incubadora a:hover{
    box-shadow: 0px 0px 17px rgb(148, 147, 147);
}
.home-emergencias .back_incubadora a i{
    padding-left: 1rem;
}

@media (max-width: 1600px){
    .emergencias-info h4{
        font-size: 24px;
    }
    .emergencias-info a{
        padding: 0.71rem 1.2rem;
        font-size: 11.3px;
    }
    .home-emergencias .back_incubadora h4{
        font-size: 35px;
    }
}
@media (max-width: 1370px){
    /* .home-emergencias{
        background-size: cover !important;
    } */
    .emergencias-info h2{
        font-size: 32px;
    }
    .emergencias-info ul{
        margin-top: 50px;
    }
    .emergencias-info li{
        margin-bottom: 10px;
        font-size: 18px;
    }
    .emergencias-info span{
         width: 50px;
         height: 50px;
    }
    .emergencias-info li i{
        font-size: 30px;
    }
    .emergencias-info .btn-videoconsulta,
    .emergencias-info .btn-mas-info{
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 12px;
    }
    .emergencias-info .btn-mas-info{
        margin-top: 20px;
    }
    .emergencias-info .container-cen{
        width: 27rem;
    }
    .emergencias-info .container-cen img{
        width: 8rem;
        height: 2.5rem;
    }
}
@media (max-width: 1299px){
    .emergencias-info h4 {
        font-size: 17px;
    }
    .home-emergencias .back_incubadora h4{
        font-size: 27px;
    }
    .home-emergencias .back_incubadora p{
        font-size: 15px;
    }
    .home-emergencias .back_incubadora a{
        padding: .71rem 1.2rem;
        font-size: 13px;
    }
}
@media (max-width: 1100px){
    .emergencias-container .conteFondoImg .row {
        flex-direction: column;
        max-width: 100%;
        width: 87%;
        margin: auto;
    }
    .emergencias-container .conteFondoImg .row .col-6:nth-child(2){
        max-width: 100%;
        /* width: 89%; */
        text-align: end;
    }
    .emergencias-container .conteFondoImg2 .row {
        flex-direction: column;
        max-width: 100%;
        width: 90%;
        margin: auto;
    }
    .emergencias-container .conteFondoImg2 .row .col-6:nth-child(1){
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 900px){
    .emergencias-container .row {
        width: 100%;
        margin: auto;
        flex-direction: row;
    }
    .emergencias-container .conteFondoImg{
        width: 70%;
        /* max-width: 100%; */
        margin: auto;
        background-size: contain;
        padding: 7.93rem 0;
        height: 18rem;
        margin-bottom: 2rem;
    }
    .emergencias-container .conteFondoImg2{
        width: 70%;
        margin: auto;
        /* max-width: 100%; */
        background-size: contain;
        padding: 7.93rem 0;
        height: 18rem;
    }
    .home-emergencias .back_incubadora{
        /* background-image: url(../../../../storage/app/media/imagen_incubadora_mobile.webp); */
        height: auto;
        /* padding: 8vh 0; */
    }
    .back_incubadora .row{
        flex-direction: column;
    }
    .back_incubadora .row .col-5 {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 768px){
    .emergencias-container {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        max-width: 100%;
        height: auto;
        padding: 0;
    }
    .emergencias-img, .emergencias-info {
        max-width: 100%;
        width: 100%;
        text-align: end;
    }
    .emergencias-container .conteFondoImg{
        padding: 3.8rem 0;
        margin: 1%;
    }
    .emergencias-container .conteFondoImg2{
        padding: 3.8rem 0;
         margin: 1%;
    }
    .emergencias-container .conteFondoImg2 .emergencias-info {
        padding-left: 1rem;
        text-align: left;
    }
    .container-cen{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .emergencias-info .container-cen {
        position: absolute;
        flex-direction: column;
    }
    .emergencias-info .container-cen img{
        position: relative;
        margin-top: 10px;
        margin-top: 14px;
        align-self: flex-start;
    }
    .emergencias-info .btn-videoconsulta,
    .emergencias-info .btn-mas-info{
        padding: 10px 15px;
        margin-left: 0;
    }
    .emergencias-info .btn-mas-info{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .btn-videoconsulta{
        margin-left: 8px;
    }
    /* .emergencias-info .container-cen img {
        display: none;
    } */
}
@media (max-width: 600px){
    .emergencias-container .conteFondoImg{
        width: 95%;
    }
    .emergencias-container .conteFondoImg2{
        width: 95%;
    }
    .emergencias-info h4 {
        font-size: 22px;
    }
    .emergencias-info a {
        font-size: 11px;
    }
}

@media (max-width: 435px){
    .home-emergencias{
        /* background-size: cover !important; */
        /* background-position: 40% !important; */
        height: auto;
        /*padding-bottom: 20px;*/
    }
    .emergencias-container h2{
        font-size: 26px;
        font-weight: 600;
    }
    .emergencias-info span{
        width: 30px;
        height: 30px;
    }
    .emergencias-info ul{
        margin-top: 20px;
    }
    .emergencias-info li{
        font-size: 14px;
    }
    .emergencias-info li i{
        font-size: 20px;
    }
    .emergencias-container .row {
        flex-direction: column;
    }
    .emergencias-container .row .col-6{
        max-width: 100%;
    }
    .home-emergencias .back_incubadora{
        height: auto;
        /* padding: 8rem 0 30rem; */
    }
    .emergencias-info .btn-videoconsulta,
    .emergencias-info .btn-mas-info{
        font-size: 10px;
        padding: 5px 20px;
        margin-top: 10px;
    }
    .emergencias-info .btn-videoconsulta{
        position: relative;
    }
    .emergencias-info .container-cen img{
        width: 100px;
        margin-left: -15px;
    }
    .emergencias-info .btn-videoconsulta i{
        position: absolute;
        top: 14px;
        right: 15px;
        top: 7px;
        right: 13px;
    }
}

/********************************************* BLOQUE STAFF *********************************************/
.home_contact_final{
    background-color: white;
    /* background-image: url(../../../../storage/app/media/fondo_contacto.webp);
    background-repeat: no-repeat;
    background-position: initial;
    background-size: cover; */
}
.banner-staff,
.banner-profesionales{
    border-radius: 50px;
    height: 300px;
}
.home-staff .row.wow{
    max-width: 100%;
    width: 100%;
    margin: auto;
    justify-content: center;
    padding: 15rem 0;
}
.home-staff .col-7{
    text-align: left;
    background-color: #00336300;
    margin-right: 0px;
    margin-left: 0;
    background-image: url(../../../../storage/app/media/fondo-staff.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 0px;
    flex: 0 0 76.333333%;
    max-width: 63.333333%;
    width: 90%;
    height: 20.95vw;
    background-size: cover;
    align-content: center;
    border-radius: 28px;
}
.home-staff .col-5{
    flex: 0 0 54.666667%;
    max-width: 33.666667%;
    align-content: space-evenly;
    align-items: center;
    align-self: normal;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.banner-staff .row{
    padding: 12rem 0;
}
.banner-staff .contacto-container{
    background-color: white;
}
.home-staff .info{
    text-align: left;
    padding: 20px 27px;
}
.home-staff .img img{
    height: 100%
}
.home-staff .info h3{
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 3rem;
    font-family: 'Montserrat', sans-serif;
}

.home-staff .info p{
    color: #FFF;
    font-size: 16px;
    text-align: left;
    padding-left: 3rem;
    font-family: 'Montserrat', sans-serif;
}
.home-staff .info a{
    font-family: 'Montserrat', sans-serif;
    background: #ffffff;
    color: #004772;
    padding: 10px 10px 10px 25px;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    margin-top: 8%;
    cursor: pointer;
    margin-left: 3rem;
}
.home-staff .info i{
    margin-left: 15px;
}
.banner-profesionales{
    width: 100%;
    /* width: calc(100vw + -77.85vw); */
    height: 21.95vw;
    height: auto;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.banner-profesionales h3{
    color: #FFF;
    font-size: 35px;
}
.banner-profesionales hr{
    width: 100%;
    border: 0;
    height: 2px;
    background-color: #78D3C3;
    margin: 20px 0 0;
}
.emergencias-info .contenedor-hr,
.banner-profesionales .contenedor-hr{
    position: relative;
}
.emergencias-info hr:before,
.banner-profesionales hr:before{
    content: '';
    display: block;
    border-top: 5px solid #78D3C3;
    width: 30%;
    position: absolute;
    border-radius: 2px;
    top: -1px;
}
.banner-profesionales a{
    background: #FFF;
    color: #213A8E;
    padding: 10px 10px 10px 25px;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
}
.banner-profesionales a img{
    height: auto;
}
.banner-profesionales i{
    margin-left: 15px;
}
.banner-profesionales .contenedor-img{
    position: relative;
    height: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.img-nube-entera{
    position: absolute;
    right: 0;
    width: 200px;
    bottom: -12vw;
}
.btn_turno_staff{
    background: #0C7ABE;
    color: #fff;
    padding: 10px 10px 10px 25px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 15px auto;
}
.btn_turno_staff:hover{
    color: #fff;
}
.title{
    color: #0C7ABE;
}
.card-alignment{
    background: #ffffff;
}
.container_btn_staff{
    text-align: left;
}
@media (min-width: 1278px){
    .col-md-5 {
        flex: 0 0 38rem;
        max-width: 29rem;
    }
}
@media (max-width: 1650px){
    .home-staff .info p{
        padding-left: 22%;
        font-size: 14px;
    }
    .home-staff .info h3 {
        font-size: 28px;
        padding-left: 22%;
    }
    .home-staff .info a{
        font-size: 14px;
        margin-left: 22%;
    }
}
@media (max-width: 1300px) {
    .home-staff .info h3{
        padding-left: 1%;
    }
    .home-staff .info p {
        padding-left: 1%;
        font-size: 14.5px;
    }
}
@media (max-width: 768px){
    .header-staff {
        background-image: url('../../../../storage/app/media/BannerStaffProfesionalFinal.webp');
    }
    .img-nube-entera{
        width: 130px;
    }
}
@media (max-width: 425px){
    .img-nube-entera{
        width: 75px;
        display: none;
    }
    .staff-search h2.title{
        text-align: center;
        text-align: left;
    }
    .title::after{
        margin: 15px auto;
    }
    .container_btn_staff{
        text-align: center;
    }
    .filtro_especilidad{
        margin: 15px 0;
    }
}

@media (max-width: 1370px){
    .img-nube-entera{
        width: 170px;
        bottom: -17vw;
    }
}

@media (max-width: 768px){
    .img-nube-entera{
        width: 90px;
        bottom: -17vw;
    }
}



/********************************************* BLOQUE CONTACTO *********************************************/

.home-contacto{
    /*background-image: url('../../../../storage/app/media/contacto.png');*/
    background-color: #f2f2f200;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 1370px){
    .home-contacto{
        background-size: contain;
    }
}
.home-contacto .contacto-container{
    padding-bottom: 100px;
}
.contacto-banner{
    padding: 30px 0;
    height: 28vw;
    width: 100%;
    margin: auto;
    height: auto;
    margin-top: 5rem;
}
/* .contacto-formulario{
    margin-top: 40px;
    margin-top: 5rem;
} */
.home-contacto .contacto-formulario{
    margin-top: 1rem;
}
.contacto-formulario .contacto-formulario-container{
    display: flex;
}
.contacto-formulario h2{
    color: #00375E;
    font-weight: 800;
    font-size: 35px;
    padding: 5rem 0 1rem 0;
}
.contacto-formulario h2::after{
    background: #00375e;
}
.contacto-left{
    padding-right: 20px;
}
.contacto-formulario .contacto-left{
    width: 40%;
}
.contacto-formulario .contacto-right{
    width: 60%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}
.contacto-left ul{
    margin-top: 50px;
    margin-bottom: 50px;
}
.contacto-left ul li div{
    padding-left: 1rem;
}
.contacto-left ul li svg{
    color: #0c7abe;
    margin-left: 0px;
}
.contacto-left ul li,
#contacto .contacto-telefonos ul li{
    display: flex;
}
.contacto-left ul li i,
#contacto .contacto-telefonos ul li i{
    font-size: 20px;
    color: #0C7ABE;
    margin-top: 5px;
    margin-right: 10px;
}
.contacto-left div p:first-child,
#contacto .contacto-telefonos div p:first-child{
    font-weight: bold;
    color: #444;
    margin-bottom: 0;
}
.contacto-left .titulo-contacto,
.contacto-right .titulo-contacto{
    color: #0C7ABE;
    font-size: 26px;
    font-weight: bold;
}
.contacto-left .titulo-contacto::after,
.contacto-right .titulo-contacto::after{
    content: '';
    width: 52px;
    height: 3px;
    background: #0C7ABE;
    margin: 15px 0 20px;
    display: block;
}
.contacto-left .titulo-contacto,
.contacto-right .titulo-contacto{
    margin-bottom: 0px;
}
.home-contacto .whats{
  padding-top: 4rem;
  padding-bottom: 2rem;
}
.home-contacto .contacto-left p{
    margin: 0;
}
.home-contacto span svg{
    color: #0C7ABE;
}
.contacto-right .titulo-redes{
    margin-top: 40px;
}
.contacto-left .direccion-contacto i{
    color: #0C7ABE;
    margin-right: 5px;
}
.contacto-left img{
    margin-top: 10px;
}
.contacto-formulario button{
    background: #004772;
    color: white;
    border: 0px;
    border-radius: 50px;
    padding: 10px;
    text-transform: uppercase;
    width: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacto-formulario button i,
.contacto-formulario button svg{
    margin-left: 10px;
    color: #ffffff;
}
.contacto-formulario button:hover{
    color: white;
}
.contacto-right ul{
    display: flex;
    margin-top: 20px;
}
.contacto-right ul li a{
    width: 50px;
    height: 50px;
    background: #0C7ABE;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #FFF;
    margin-right: 15px;
}
.contacto-right .titulo-contacto.titulo-redes{
    margin-bottom: -1rem;
}
.home-contacto .contacto_bg_bottom{
    display: none;
}
@media (max-width: 1370px){
    .banner-profesionales img.desktop {
        display: block;
    }
    .banner-profesionales h3{
        font-size: 28px;
    }
    .banner-profesionales hr{
        margin: 15px 0 0;
    }
    .banner-profesionales img{
        width: 75px;
    }
    .banner-profesionales a{
        /*padding: 10px 10px 10px 15px;*/
        font-size: 14px;
    }
    .banner-profesionales {
        height: auto;
    }
    article, aside, details, figcaption, figure, footer,  hgroup, main, menu, section, summary{/*nav,header*/
        overflow: hidden;
    }
    nav{
        overflow: inherit !important;
    }
    .header-inner .bx-wrapper .bx-pager-item {
        display: none;
    }
}
@media (max-width: 1300px) {
    .home-staff .info {
        text-align: left;
        padding: 3px 27px;
    }
    .home-staff .info a {
        margin-top: 1%;
        width: 15rem;
        padding: 4px 10px;
    }
}
@media (max-width: 900px) {
    /*.home-staff {
        height: auto;
        background-size: 77%;
        background-position: left;
        background-position-x: -2px;
        background-position-y: 39px;
    }*/
}
@media (max-width: 1000px) {
    .contacto-banner {
        flex-direction: column;
    }
    .home-staff{
        width: 100%;
    }
    .banner-profesionales {
        width: 25rem;
        width: 100%;
        margin: auto;
    }
    .home-staff .row.wow {
        flex-direction: column;
        padding: 5rem 0;
    }
    .home-staff .col-7{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 3rem 0;
    }
    .fondoMobile{
        padding: 12rem 0 0 0;
        background-color: #28282866;
        border-radius: 28px;
    }
    .home-staff .col-7 .info .row{
        flex-direction: column;
    }
    .home-staff .col-5{
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 768px){
    /* .home-staff{
        height: auto;
    } */
    .home-staff,
    .banner-profesionales{
        width: 100%;
    }
    .banner-profesionales{
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        height: auto;
    }
    .home-staff .col-5{
        padding: 0;
    }
    .banner-profesionales hr{
        width: 50%;
    }
    .banner-profesionales img{
        width: 150px;
        margin-bottom: 80px;
        margin-bottom: 5px;
    }
    .contacto-formulario-container{
        flex-direction: column;
    }
    .contacto-formulario .contacto-left {
        width: 100%;
    }
    #gplace img {
        width: 90%;
    }
    .contacto-formulario .contacto-right{
        width: 100%;
    }
    body {
        background: #f2f2f2;
    }
    .home-contacto {
        margin-top:110px;
        margin-top:10px;
    }
    .home-contacto .contacto_bg_bottom{
        display: block;
        position: absolute;
        bottom: 0;
    }
    .contacto-banner{
        flex-direction: column;
        height: auto;
        padding: 9rem 0 1rem 0;
    }
    .banner-profesionales {
        flex-direction: column;
    }
    .home-staff .info{
        padding: 20px 30px;
        flex-direction: column;
    }
    .home-staff .info .col-6:nth-child(2){
        max-width: 100%;
        /*background-color: #00375ec4;*/
        padding: 2rem;
        border-radius: 9px;
    }
    .home-staff .info h3{
        font-size: 28px;
        margin-top: 0;
    }
    .home-staff .info p{
        font-size: 12px;
    }
    .home-staff .info a{
        margin-top: 5px;
        font-size: 12px;
        padding: 10px;
        margin-left: 0%;
    }
    .banner-profesionales{
        padding: 0px 0px;
        margin-top: 20px;
        margin-top: 5px;
        height: auto;
    }
    .banner-profesionales a {
        margin-bottom:50px;
        margin-bottom: 10px;
    }
    .banner-profesionales .contenedor-img{
        justify-content: space-between;
    }
    .banner-profesionales h3{
        font-size: 28px;
    }
    .banner-profesionales hr{
        width: 62%;
    }
    .banner-profesionales a{
        padding: 0px;
        font-size: 10px;
    }
    .banner-profesionales img{
        width: 120px;
        margin-bottom: 80px;
        margin-bottom: 8px;
    }
    .home-contacto .contacto-formulario h2{
        font-size: 30px;
    }
    .contacto-formulario-container{
        flex-direction: column;
    }
    .contacto-left .titulo-contacto,
    .contacto-right .titulo-contacto{
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 0rem;
    }
    .contacto-formulario .contacto-left,
    .contacto-formulario .contacto-right{
        width: 100%;
    }
    .contacto-left ul{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .home-contacto .contacto-container{
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .contacto-left .titulo-contacto::before,
    .contacto-right .titulo-contacto::before{
        margin-bottom: 15px;
    }
    #gplace{
        margin-top: 10px;
    }
    .contacto-formulario{
        margin-top: 20px;
    }
}

/********************************************* INSTITUCIONAL *********************************************/
.header-institucional{
    background-image: url('../../../../storage/app/media/BannerInstitucionalFinal.webp');
}
.img_quienessomos_mobile,
.img_infraestructura_mobile,
.img_calidad_mobile{
    display: none;
}
#institucional .title{
    color: #FFC200;
    color: #0C7ABE;
    font-size: 32px;
    font-size: 39px;
    margin-top: 0;
    margin-bottom: 40px;
    margin-bottom: 2rem;
}
#institucional .title:after{
    background: #FFC200;
    background: #0C7ABE;
}
#institucional #quienes-somos, #institucional #infraestructura,#institucional #institucionalSec,
#institucional #directorio,#institucional #instalaciones,#institucional #calidad{
    padding-top: 5.4rem;
}
#institucional #infraestructura, #institucional #directorio,
#institucional #calidad{
    margin-top: 4rem;
}
#institucional .container-btn-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}
#institucional .container-btn-info a{
    background: #004772;
    color: #fff;
    border-radius: 33px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    width: 88%;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
}
#bg-institucional-down {
    background-image: url(../../../../storage/app/media/back-acreditaciones-certificaciones.png);
}
#acreditaciones-certificaciones {
    margin-top: 4rem;
}
#institucional h6{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #001A2A;
    margin-bottom: 4rem;
}

#acreditaciones-certificaciones .row{
    padding: 2rem 0;
}

#acreditaciones-certificaciones label {
    font-family: 'Montserrat', sans-serif;
    color: #001A2A;
}
#acreditaciones-certificaciones p {
    line-height: 20px;
}

#acreditaciones-certificaciones .container-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    width: 120px;
}
#acreditaciones-certificaciones .container-logo img {
    width: 100%;
    height: auto;
}

#infraestructura .izq .img,
#calidad .der .img,
#quienes-somos .der .img{
    text-align: right;
    position: relative;
}
#infraestructura .izq .img i,
#calidad .der .img i,
#quienes-somos .der .img i{
    position: absolute;
    top: 48%;
    color: #00375E;
    font-size: 22px;
}
#institucional #quienes-somos{
    display: flex;
    align-items: center;
}
#infraestructura .izq .img i{
    right: 0;
}
#institucional #institucionalSec .row{
    display: flex;
    justify-content: space-between;
}
#institucional #institucionalSec .row .col-md-6:nth-child(1){
    width: 50%;
    padding-right: 40px;
}
#institucional #institucionalSec .row .col-md-6:nth-child(2){
    width: 49.5%;
    padding-left: 40px;
}
#institucional .izq .editor{
    width: 80%
}
#institucional p{
    font-size: 18px;
    line-height: 27px;
}
#institucional #infraestructura .conte_swiper{
    overflow: hidden;
}
#institucional #contInstalAcordeon{
    max-width: 100%;
    width: 100%;
    height: 39rem;
    overflow: hidden;
    align-items: center;
    display: flex;
    padding: 0;
    margin: auto;
}
#institucional #contInstalAcordeon .col-md-6{
    padding: 0;
}
#institucional #contInstalAcordeon .col-md-6:nth-child(1){
    background-color: #004772;
    height: 100%;
    align-content: center;
    width: 52%;
    padding-left: 78px;
    padding-right: 50px;
}
#institucional #contInstalAcordeon .col-md-6:nth-child(2){
    width: 48%;
}
#institucional #contInstalAcordeon .title{
    color: white;
    font-size: 36px;
}
#institucional #contInstalAcordeon .title:after{
    background: #ffffff;
}
#institucional #contInstalAcordeon p{
    color: white;
}
.swiper-pagination{
    z-index: 1;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    width: auto;
}
.swiper-pagination-bullet {
    width: 32.8%;
    height: 5rem;
    border-radius: 2px;
    background-color: #BABABA;
    opacity: 1;
    text-align: center;
    align-content: center;
}
.swiper-pagination span:nth-child(1){
    margin-left: 0 !important;
}
.swiper-pagination span:nth-child(3){
    margin-right: 0 !important;
}
.swiper-pagination span:nth-child(1)::before{
    content: 'Instalaciones';
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}
.swiper-pagination span:nth-child(2)::before{
    content: 'Resultados';
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}
.swiper-pagination span:nth-child(3)::before{
    content: 'Quirófano';
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}
.swiper-pagination-bullet-active{
 background-color: #0C7ABE;
}
#infraestructura .izq h4{
    font-weight: 800;
}
#infraestructura .izq h4:after{
    background: #FFC200;
    background: #0C7ABE ;
    color: #FFF;
}


#infraestructura .izq .img{
    margin-top: 40px;
}
#infraestructura .der .editor{
    width: 78%;
}
#infraestructura .der .sub-title{
    margin: 30px 0 40px 0;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    border-bottom: 2px solid #E9E9E9;
    padding-bottom: 10px;
}
#infraestructura h4,
#infraestructura b,
#infraestructura ul li{
    font-family: 'Montserrat', sans-serif;
}
#infraestructura .der .sub-title:after{
    content: '';
    background: #FFC200;
    background: #0C7ABE;
    display: block;
    width: 70px;
    height: 3px;
    margin: 10px 0 0 0;
    position: absolute;
}
#infraestructura .der i{
    font-size: 12px;
    margin-right: 10px;
}
#directorio p{
    color: #001A2A;
    display: inline-block;
    margin-left: 10px;
    margin-left: 0px;
}
#directorio p,
#directorio b{
    color: #001A2A;
    font-size: 20px;
    margin: 0;
}
.coordinacion_nombres{
    padding-top: 5rem;
}
#calidad{
    margin-top: 30px;
}
#calidad .izq p{
    width: 85%;
}
#calidad .izq i{
    font-size: 12px;
    margin-right: 10px;
}
#calidad .der img:first-child{
    width: 100%;
    width: 88%;
}
#calidad .der img.img-pdf,
#informacion .folleto-informativo img.img-pdf{
    width: 5%;
    width: 9.5%;
}
#calidad .der a,
#informacion .folleto-informativo a{
    display: flex;
    width: 25px;
    height: 20px;
    background: #FFC200;
    background: #0C7ABE;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 10px;
}
#calidad .der .calidad-descargas div,
#informacion .folleto-informativo{
    background: #E9E9E9;
    border-radius: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 10px;
    margin: 10px 0;
    color: #999999;
    position: relative;
}
#calidad .der .calidad-descargas div p,
#informacion .folleto-informativo div p{
    margin: 0;
}

@media(min-width:1800px){
    #institucional #contInstalAcordeon{
        height: 43rem;
    }
}
@media(min-width:1590px){
    #institucional #contInstalAcordeon .col-md-6 img{
        width: 100%;
    }
}

@media (max-width: 1450px){
    #institucional p{
        font-size: 15px;
    }
}
@media (max-width: 1370px){
    #institucional .title{
        font-size: 28px;
    }
    #institucional p{
        font-size: 13px;
    }
    #calidad .der .calidad-descargas{
        margin-top: 50px;
    }
    #calidad .der .calidad-descargas div{
        padding: 10px;
    }
    .swiper-pagination-bullet{
        width: 32.7%;
    }
}
@media (max-width: 1200px){
    #institucional #contInstalAcordeon .col-md-6:nth-child(1){
        padding-left: 16px;
        padding-right: 8px;
    }
    #institucional #contInstalAcordeon .title{
        font-size: 23px;
    }
    .swiper-pagination-bullet{
        width: 21.7%;
    }
    .swiper-pagination span:nth-child(1)::before{
        font-size: 13px;
    }
    .swiper-pagination span:nth-child(2)::before{
        font-size: 13px;
    }
    .swiper-pagination span:nth-child(3)::before{
        font-size: 13px;
    }
}

@media (max-width: 900px){
    .title:after{
        margin: 10px 0 10px;
    }
    #institucional #contInstalAcordeon .title{
        margin-bottom: 0;
    }
    #institucional #contInstalAcordeon{
        flex-direction: column;
        height: 40rem;
    }
    #institucional #contInstalAcordeon .col-md-6 img{
        max-width: 100%;
        width: 100%;
        margin-top: -9rem;
    }
    #institucional #contInstalAcordeon .col-md-6:nth-child(1){
        max-width: 100%;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 9px;
        z-index: 12;
    }
    #institucional #contInstalAcordeon .col-md-6:nth-child(2){
        max-width: 100%;
        width: 100%;
        padding-bottom: 9px;
        z-index: 1;
    }
    .swiper-pagination-bullet {
        width: 30.7%;
        width: calc(100vw + -75.013vw);
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px) !important;
    }
    .swiper-pagination span:nth-child(1)::before {
        font-size: 9px;
    }
    .swiper-pagination span:nth-child(2)::before {
        font-size: 9px;
    }
    .swiper-pagination span:nth-child(3)::before {
        font-size: 9px;
    }
}
/* @media (max-width: 425px){ */
@media (max-width: 768px){
    .breadcrumb{
        padding: 8px 0px;
    }
    .breadcrumb a, .breadcrumb span, .breadcrumb > li + li:before{
        font-size: 1.31rem;
    }
    .breadcrumb a, .breadcrumb span, .breadcrumb > li + li:before {
        padding: 0;
    }
    .header-institucional{
        background-image: url('../../../../storage/app/media/BannerInstitucionalFinal.webp');
        background-position-x: 0;
    }
    #infraestructura .der .editor,
    #institucional .izq .editor,
    #calidad .izq p{
        width: 100%
    }
    #institucional #institucionalSec .row {
        flex-direction: column;
    }
    #institucional #institucionalSec .row .col-md-6:nth-child(1){
        width: 100%;
        padding: 0 15px;
    }
    #institucional #institucionalSec .row .col-md-6:nth-child(2){
        width: 100%;
        padding: 0 15px;
    }
    #directorio .directorio_nombres{
        display: flex;
        flex-direction: column;
    }
    #directorio .directorio_nombres br{
        display: none;
    }
    #directorio .directorio_nombres p{
        margin: 0;
    }
    .img_quienessomos_desktop,
    .img_infraestructura_desktop,
    .img_calidad_desktop,
    .fa-angle-right,
    .fa-angle-left{
        display: none;
    }
    .img_quienessomos_mobile,
    .img_infraestructura_mobile,
    .img_calidad_mobile{
        display: block;
    }
    #calidad .der img.img-pdf, #informacion .folleto-informativo img.img-pdf {
        width: 25%;
    }
    #calidad .der a, #informacion .folleto-informativo a{
        right: 1px;
        padding: 7px;
        width: auto;
        height: auto;
    }
    #informacion .folleto-informativo p {
        margin-bottom: 0;
        padding: 1rem;
    }
}
@media (max-width: 375px){
    .swiper-pagination-bullet{
        width:calc(100vw + -75.3vw);
    }
}
@media (max-width: 345px){
    .swiper-pagination-bullet{
        width:calc(100vw + -76.013vw);
    }
}
/********************************************* TURNOS *********************************************/
.header-turnos{
    background-image: url('../../../../storage/app/media/BannerTurnosFinal.webp');
}
.img_vacunacion_mobile{
    display: none;
}
#turnos .title{
    color: #BC80B2;
    color: #004772;
    font-size: 32px;
    margin-top: 0;
}
#turnos .title:after{
    background: #BC80B2;
    background: #004772;
}
/*
.turnos-telefonos .col-sm-6,
.turnos-telefonos .col-md-6,
.turnos-telefonos .col-md-12{
    padding: 2px !important;
}
*/
#turnos .turnos-telefonos div.col-md-12{
    margin-bottom: 0;
}
/*
.turnos-telefonos .col-sm-12{
    padding: 0;
}
*/
#turnos .turnos-telefonos a,
#turnos .turnos-vacunacion a,
#staff #btn-staff-turnos{
    background: #BC80B2;
    background: #004772;
    color: #fff;
    padding: 10px 10px 10px 25px;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
#turnos .turnos-telefonos a p{
    font-weight: 500;
    font-size: 19px;
}
#turnos .turnos-vacunacion a{
    margin-top: 20px;
}
#turnos .turnos-telefonos a i,
#turnos .turnos-vacunacion a i{
    margin-left: 10px;
}
#turnos .turnos-banner{
    margin-top: 50px;
    position: relative;
}
#turnos .turnos-banner .turnos-vacunacion p{
    font-size: 20px;
    line-height: 1.5em;
}
#turnos .turnos-vacunacion{
    position: absolute;
    top: 4vh;
    left: 13vw;
}
#turnos .turnos-telefonos h3,
#turnos .turnos-vacunacion h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #464646;
}
#turnos .turnos-vacunacion h3:after{
    content: '';
    width: 52px;
    height: 3px;
    background: #BC80B2;
    margin: 15px 0 20px;
    display: block;
}
#turnos .turnos-telefonos p,
#turnos .turnos-vacunacion p{
    color: #464646;
    font-size: 17px;
}
#turnos .turnos-telefonos .turno-whatsapp{
    font-weight: bold;
}
#turnos .turnos-telefonos div{
    margin-bottom: 20px;
}
#turnos .turnos-banner img{
    width: 100%;
}
#turnos .turnos-banner .turnos-vacunacion p{
    width: 30%;
}
@media (max-width: 1370px){
    #turnos .title{
        font-size: 28px;
        text-align: left;
    }
}
@media (max-width: 1023px){
    #turnos .turnos-telefonos .row{
        flex-direction: column;
        max-width: 100%;
        margin: auto;
    }
    /* #turnos .turnos-telefonos h3{
        padding: 0 15px;
    } */
    /* #turnos .turnos-telefonos p{
        padding: 0 15px;
    } */
    /* #turnos .turnos-telefonos a{
        padding: 10px 15px !important;
    } */
}
@media (max-width: 900px){
    #turnos .turnos-telefonos div {
        margin-bottom: 20px;
        text-align: left;
        padding: 0;
    }
}
@media (max-width: 768px){
    .turnos-banner div{
        height: 50vw;
    }
    #turnos .turnos-banner img{
        width: 150%;
    }
/* }
@media (max-width: 425px){
    #turnos .turnos-banner{
        margin-top: 0;
    }
    .turnos-banner div{
        height: auto;
    } */
    #turnos .turnos-banner img{
        width: 100%;
    }
    .header-turnos{
        background-image: url('../../../../storage/app/media/BannerTurnosFinal.webp');
        background-position-x: 0;
    }
    .img_vacunacion_mobile{
        display: block;
    }
    .img_vacunacion_desktop{
        display: none;
    }
    #turnos .turnos-vacunacion{
        top: 0;
        left: 0;
    }
    #turnos .turnos-banner .turnos-vacunacion p{
        font-size: 14px;
        width: 75%;
        margin: auto;
    }
    #turnos .turnos-vacunacion h3::after{
        margin: 15px auto 0;
    }
}
@media (max-width: 425px){
    #turnos .turnos-banner{
        margin-top: 0;
    }
    .turnos-banner div{
        height: auto;
    }
    #turnos .turnos-banner img{
        width: 100%;
    }
}
/********************************************* STAFF *********************************************/

/********************************************* SERVICIOS *********************************************/
.header-servicios{
    background-image: url('../../../../storage/app/media/back_img_seervicios.webp');
}
    #servicios .title{
    color: #0C7ABE;
    font-size: 32px;
    margin-top: 0;
}
#servicios .title:after{
    background: #0C7ABE;
}
#servicios .accordion-blocks > ul > li > h4:after,
#servicios .accordion-blocks > .column-2 > ul > li h4:after{
    background: #0C7ABE;
    color: #FFF;
}
#servicios .accordion-blocks > ul > li h4,
#servicios .accordion-blocks > .column-2 > ul > li h4{
    font-weight: 700;
}
#servicios .accordion-blocks ul .blocklist .block .editor h4{
    cursor: auto;
    font-size: 15px;
    padding: 2rem 0 0 0;
    font-weight: 600;
}
#servicios .accordion-blocks ul .blocklist .block .editor h4::after{
    background: #0c7abe00;
    color: #ffffff00;
}
#servicios .accordion-blocks ul .blocklist .block .editor p{
    font-size: 15px;
}
#servicios .accordion-blocks ul .blocklist .block .editor p span{
    padding: 0 1rem 0 1.2rem;
    color: #001A2A;
}
#servicios .accordion-blocks ul .blocklist .block .editor p b{
    margin-top: 2.8rem;
    display: block;
}
#servicios .accordion-blocks ul .blocklist .block .editor h6{
    color: #001A2A;
    cursor: auto;
    font-size: 15px;
    padding: 2rem 0 0 0;
    font-weight: 600;
    text-decoration: underline;
}

#servicios .editor a{
    background: #999999;
    color: #FFF;
    padding: 10px 25px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    padding: 1px 14px;
    margin-left: 1rem;
}
#servicios .editor i{
    margin-left: 5px;
    margin-left: 0px;
}
#servicios h4{
    font-family: 'Montserrat', sans-serif;
}
/* @media (max-width: 425px){ */
@media (max-width: 768px){
    .header-servicios{
        background-image: url('../../../../storage/app/media/header_servicios_mobile.png');
        background-size: cover;
        background-position-x: 0;
    }
}
/********************************************* INFORMACION *********************************************/
.header-informacion{
    background-image: url('../../../../storage/app/media/BannerInfoPacientesFinal.webp');
}
#informacion{
    padding-bottom: 15rem;
}
#informacion h2,
#informacion h4,
#informacion ul li{
    font-family: 'Montserrat', sans-serif;
}
#informacion .title{
    color: #FF8F73;
    color: #0C7ABE;
    font-size: 32px;
}
#informacion .title:after{
    background: #FF8F73;
    background: #0C7ABE;
}
#informacion .row{
    padding-left: 15px;
}
#informacion p{
    color: #001A2A;
    font-size: 17px;
}
#informacion .folleto-informativo{
    background: #E9E9E9;
}
#informacion .folleto-informativo a{
    background: #999999;
}
#informacion .folleto-informativo p{
    margin-bottom: 0;
}
#informacion-general p{
    margin: 0;
}
#informacion .contenedor-informacion{
    background: #E4E4E4;
    color: #001A2A;
    padding: 12px 43px;
    margin-top: 3rem;
    margin-bottom: 7rem;
}
#informacion .contenedor-informacion h4{
    color: #001A2A;
    font-weight: 800;
}
#informacion .contenedor-informacion p{
    color: #001A2A;
}
#informacion .contenedor-informacion a{
    color: #001A2A;
    text-decoration: underline;
}
#informacion .contenedor-informacion p.info-italic {
    font-style: italic;
    color: gray;
    margin-top: 1rem;
}
#informacion .contenedor-horarios,
#informacion .contenedores-adicionales{
    height: 160px;
    height: auto;
    background: #E9E9E9;
    color: #666666;
    width: 48%;
    padding: 19px 32px;
}

#informacion-horarios{
    padding: 3rem 0 5rem 0;
}
#informacion-horarios h4{
    color: #001A2A;
}
#informacion-horarios p{
    color: #001A2A;
}
#informacion-horarios li{
    color: #001A2A;
}
#informacion .primer-contenedor-horarios,
#informacion .primer-contenedor-adicional{
    margin-right: 2%;
    /*padding-top: 9px;*/
}
#informacion .tercer-contenedor-adicional{
    margin-top: 20px;
}
#informacion .contenedor-horarios h4,
#informacion .contenedores-adicionales h4{
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #001A2A;
}
#informacion .contenedor-horarios h4.centro-vacunacion{
    margin-top: 20px;
}
#informacion .contenedor-horarios ul li i,
#informacion .contenedores-adicionales ul li i{
    font-size: 12px;
    margin-right: 5px;
}
#informacion .contenedor-folletos{
    padding-left: 0;
}
@media (max-width: 768px){
    #informacion .contenedor-horarios,
    #informacion .contenedores-adicionales{
        width: 100%;
        margin-top: 10px;
        margin-top: 14px;
        padding: 0.7rem 0.81rem 0 0.81rem;
    }
    .header-informacion{
        background-image: url('../../../../storage/app/media/BannerInfoPacientesFinal.webp');
        background-position-x: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #informacion .contenedor-horarios,
    #informacion .contenedores-adicionales{
        height: auto;
        padding: 21px 11px;
    }
    #informacion p {
        font-size: 15px;
    }
    #informacion-horarios li {
        font-size: 15px;
    }
    #informacion .contenedor-informacion{
        padding: 12px 17px;
    }
    #informacion .title{
        font-size: 24px;
    }
}
@media (max-width: 425px){
    #informacion .row{
        padding-right: 15px;
    }
    .segundo-contenedor-horarios,
    .primer-contenedor-adicional,
    .segundo-contenedor-adicional{
        height: 150px;
    }

}
/********************************************* ESTUDIOS DIAGNOSTICOS *********************************************/
.header-especialidades{
    background-image: url('../../../../storage/app/media/bg_especialidadesmedicas_desktop.png');
}
.header-areas-especializadas{
    /* background-image: url('../../../../storage/app/media/estudios_diagnosticos.webp');     */
    /* background-image: url('../../../../storage/app/media/banner_estudios_diagnosticos.webp');     */
    background-image: url('../../../../storage/app/media/BannerEstudiosDiagnosticosFinal.webp');
}
#areas{
    height: 93vw;
    height: auto;
    padding-bottom: 22vw;
}
#areas h4,
#areas h2{
    font-family: 'Montserrat', sans-serif;
}
#areas .title{
    color: #0C7ABE;
    margin-top: 50px;
    font-size: 39px;
    line-height: 37px;
}
#areas .title:after{
    color: #0C7ABE;
}
#areas .title span{
    font-size: 28px;
}
#areas .accordion-blocks > ul > li > h4:after,
#areas .accordion-blocks > .column-2 > ul > li h4:after{
    background: #0C7ABE;
    color: #FFF;
}
#areas .editor a{
    background: #999999;
    color: #FFF;
    padding: 10px 25px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
#areas .editor a.contacto{
    background: transparent;
    color: #999999;
    padding: 0;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
#areas .editor i{
    margin-left: 5px;
}

#areas article .txt{
    max-width: calc(100vw + -47vw);
}
#areas article .txt ul li{
    padding-left: 13px;
}
#areas article .txt ul li span{
    display: flex;
}
#areas article .txt ul li b{
    color: #001A2A;
    font-weight: 400;
    margin-right: .81rem;
}

@media(max-width: 900px){
    article .content {
        padding: 8rem 0 45px 0px !important;
    }
    #areas .title{
        margin-top: 0;
        font-size: 26px;
        line-height: 32px;
        padding-top: 3rem;
    }
    #areas .title span {
        font-size: 20px;
    }
    #areas article .txt {
    max-width: calc(100vw + -16vw);
    }
}
@media (max-width: 768px){
    #especialidades .grid{
        column-count: 2;
    }
    .header-areas-especializadas{
        background-image: url('../../../../storage/app/media/BannerEstudiosDiagnosticosMobile.webp');
        background-position-x: 0;
    }
}
@media (max-width: 768px) {
    .header-areas-especializadas.tecnicasComplem .titulo-header{
        font-size: 3.6rem;
    }
}
@media (max-width: 480px){
    .header-areas-especializadas.tecnicasComplem .titulo-header{
        font-size: 3rem;
    }
}

@media (max-width: 425px){
    #especialidades .grid{
        column-count: 1;
    }
    .header-areas-especializadas .titulo-header{
        font-size: 1.88em;
        font-weight: 800;
        line-height: 1em;
    }
    .header-areas-especializadas.tecnicasComplem .titulo-header{
        font-size: 2.2rem;
    }
}

/********************************************* ESTUDIOS GENETICOS *********************************************/
.header-areas-especializadas.geneticos{
    background-image: url('../../../../storage/app/media/BannerEstudiosGeneticosFinal.webp');
}
#areas.estGeneticos{
}
#areas .accordion-blocks .blocklist h5{
    font-family: 'Montserrat', sans-serif;
    color: #001A2A;
    font-weight: 600;
    padding-top: 1.52rem;
    padding-bottom: 0.52rem;
    margin-bottom: .3rem;
    font-size: 18px;
}
#areas .accordion-blocks .blocklist h6{
    font-family: 'Montserrat', sans-serif;
    color: #004772;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 17px;
}
#areas .accordion-blocks{
    padding-top: 3rem;
}
/********************************************* ESTUDIOS TRATAMIENTOS *********************************************/

.header-areas-especializadas.tratamientos{
    background-image: url('../../../../storage/app/media/BannerTratamientosFinal.webp');
}
#areas.estTratamientos .accordion-blocks .blocklist h5 {
    color: #001A2A;
    font-weight: 600;
    padding-top: 1.52rem;
    font-size: 18px;
    margin-bottom: 0px;
}
#areas.estTratamientos ul{
    padding-top: 1rem;
}
#areas.estTratamientos ul li span {
    display: flex;
}
#areas.estTratamientos ul li{
    padding-left: 13px;
}
#areas.estTratamientos ul li b {
    color: #001A2A;
    font-weight: 400;
    margin-right: .81rem;
}
#areas.estTratamientos ul li p{
    font-weight: 400;
    margin-bottom: 0;
}
#areas.estTratamientos p span{
    color: #004772;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
#areas.estTratamientos h3{
    font-family: 'Montserrat', sans-serif;
    color: #001A2A;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 18px;
}



/********************************************* TECNICAS COMPLEMENTARIAS *********************************************/
.header-areas-especializadas.tecnicasComplem{
    background-image: url('../../../../storage/app/media/BannerTecnicasComplementariasFinal.webp');
}

/********************************************* PRESERVACION FERTILIDAD *********************************************/
.header-areas-especializadas.preservacionFertil{
    background-image: url('../../../../storage/app/media/BannerPreservacionFertilidadFinal.webp');
}

/********************************************* DONACION DE SEMEN *********************************************/
.header-areas-especializadas.donarSemen{
    background-image: url('../../../../storage/app/media/back_donar_sem.webp');
}

#areas.donacionSemen h3 {
    color: #001A2A;
    font-weight: 700;
    margin-top: 4.5rem;
    margin-bottom: 1rem;
    font-size: 20px;
}
#areas.donacionSemen ul li {
    padding-left: 13px;
}
#areas.donacionSemen ul li span {
    display: flex;
}
#areas.donacionSemen ul li b {
    color: #001A2A;
    font-weight: 400;
    margin-right: .81rem;
}
#areas.donacionSemen ul li p {
    font-weight: 400;
    margin-bottom: 0;
}

#areas.donacionSemen .contenedor-informacion {
    background: #E4E4E4;
    color: #001A2A;
    padding: 20px 43px;
    margin-top: 3rem;
    margin-bottom: 7rem;
}
#areas.donacionSemen .contenedor-informacion h3{
    margin-top: 0px;
}
#areas.donacionSemen .proceso .row{
    align-content: center;
    justify-content: space-between;
    text-align: center;
    margin: auto;
    padding-top: 1.4rem;
    max-width: 100%;
    width: 95%;
}
#areas.donacionSemen .proceso .row .col-3{
    background-color: #0C7ABE;
    border-radius: 9px;
    align-content: center;
    max-width: 252px;
    flex: 0 0 51%;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
#areas.donacionSemen .proceso .row .col-3:hover{
    box-shadow: 0px 0px 17px rgba(128, 128, 128, 0.788);
}
#areas.donacionSemen .proceso .row .col-3:nth-child(1)::before{
    content: '';
    color: #ff000000;
    border-bottom: 8px solid #0c7abe;
    position: absolute;
    top: 5rem;
    margin-left: 8rem;
    width: 23rem;
    z-index: 0;
}
#areas.donacionSemen .proceso .row .col-3:nth-child(2)::before{
    content: '';
    color: #ff000000;
    border-bottom: 8px solid #0c7abe;
    position: absolute;
    top: 5rem;
    margin-left: 8rem;
    width: 23rem;
    z-index: 0;
}
#areas.donacionSemen .proceso .row .col-3 p{
    color: white;
    margin: 0;
    line-height: 21px;
    position: relative;
    padding: 2rem 32px;
    z-index: 22;
}
#areas.donacionSemen .modalConte{
    display: none;
}
#areas.donacionSemen .modalConte2{
    display: none;
}
#areas.donacionSemen .modalConte3{
    display: none;
}
#areas.donacionSemen .modalConteDos {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #262626b5;
    width: 100%;
    height: 100vh;
    z-index: 100;
    align-content: center;
    transition: .5s;
    text-align: center;
}
#areas.donacionSemen .modalConteDos img:before{
    content: 'X';
    color: white;
    background-color: red;
    padding: 1rem;
    border-radius: 9px;
}
#areas.donacionSemen .dudas{
    padding-top: 2rem;
    padding-bottom: 1.4rem;
}

#areas.donacionSemen .conteDudas{
    margin-top: 8rem;
    background-color: #4DBBFF;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 11px 11px 0px #004772;
}
#areas.donacionSemen .conteDudas .row{
    text-align: center;
    align-self: center;
}
#areas.donacionSemen .conteDudas .col-md-4{
    align-content: center;
}
#areas.donacionSemen .conteDudas .col-md-4 h3{
    margin: 0;
}
#areas.donacionSemen .conteDudas .col-md-8{
    text-align: left;
    align-content: center;
}
#areas.donacionSemen .conteDudas .col-md-8 p{
    margin: 0;
    line-height: 24px;
}
#areas.donacionSemen .conteDudas .col-md-8 p b{
    color: #001A2A;
}

@media(min-width:1500px){
    #areas.donacionSemen .conteDudas{
        width: 96rem;
        margin: auto;
        margin-top: 8rem;
    }
}
@media(max-width:1200px){
    #areas.donacionSemen .proceso .row .col-3{
        max-width: 202px;
    }
    #areas.donacionSemen .proceso .row .col-3:nth-child(1)::before{
        margin-left: 7rem;
        width: 11rem;
    }
    #areas.donacionSemen .proceso .row .col-3:nth-child(2)::before{
        margin-left: 7rem;
        width: 11rem;
    }
}
@media (max-width: 900px) {
    #areas.donacionSemen .proceso .row .col-3 {
        max-width: 146px;
    }
    #areas.donacionSemen .proceso .row .col-3 p{
        padding: 2rem 2px;
    }
    #areas.donacionSemen .proceso .row .col-3 p{
        font-size: 14px;
    }
    #areas.donacionSemen .modalConteDos img{
        max-width: 100%;
        width: 99%;
        margin: auto;
    }
}

@media (max-width: 600px) {
    #areas.donacionSemen .proceso .row{
        flex-direction: column;
    }
    #areas.donacionSemen .proceso .row .col-3 {
        max-width: 90%;
        padding: 2rem;
        margin: 2rem auto;
    }
    #areas.donacionSemen .proceso .row .col-3:nth-child(1)::before {
        margin-left: calc(100vh + -81rem);
        margin-top: 8rem;
        width: 13rem;
        transform: rotate(90deg);
    }
    #areas.donacionSemen .proceso .row .col-3:nth-child(2)::before {
        margin-left: calc(100vh + -81rem);
        margin-top: 8rem;
        width: 13rem;
        transform: rotate(90deg);
    }
}

/********************************************* DONACION DE OVULOS *********************************************/

.header-areas-especializadas.donarOvulos{
    background-image: url('../../../../storage/app/media/back_donar_ovu.webp');
}

#areas.donacionOvulos h3 {
    color: #001A2A;
    font-weight: 700;
    margin-top: 4.5rem;
    margin-bottom: 1rem;
    font-size: 20px;
}
#areas.donacionOvulos ul li {
    padding-left: 13px;
}
#areas.donacionOvulos ul li span {
    display: flex;
}
#areas.donacionOvulos ul li b {
    color: #001A2A;
    font-weight: 400;
    margin-right: .81rem;
}
#areas.donacionOvulos ul li p {
    font-weight: 400;
    margin-bottom: 0;
}

#areas.donacionOvulos .contenedor-informacion {
    background: #E4E4E4;
    color: #001A2A;
    padding: 20px 43px;
    margin-top: 3rem;
    margin-bottom: 7rem;
}
#areas.donacionOvulos .contenedor-informacion h3{
    margin-top: 0px;
}
#areas.donacionOvulos .proceso .row{
    align-content: center;
    justify-content: space-between;
    text-align: center;
    margin: auto;
    padding-top: 1.4rem;
    max-width: 100%;
    width: 95%;
}
#areas.donacionOvulos .proceso .row .col-3{
    background-color: #0C7ABE;
    border-radius: 9px;
    align-content: center;
    max-width: 252px;
    flex: 0 0 51%;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
#areas.donacionOvulos .proceso .row .col-3:hover{
    box-shadow: 0px 0px 18px rgba(128, 128, 128, 0.774);
}
#areas.donacionOvulos .proceso .row .col-3:nth-child(1)::before{
    content: '';
    color: #ff000000;
    border-bottom: 8px solid #0c7abe;
    position: absolute;
    top: 5rem;
    margin-left: 8rem;
    width: 23rem;
    z-index: 0;
}
#areas.donacionOvulos .proceso .row .col-3:nth-child(2)::before{
    content: '';
    color: #ff000000;
    border-bottom: 8px solid #0c7abe;
    position: absolute;
    top: 5rem;
    margin-left: 8rem;
    width: 23rem;
    z-index: 0;
}
#areas.donacionOvulos .proceso .row .col-3:nth-child(3)::before{
    content: '';
    color: #ff000000;
    border-bottom: 8px solid #0c7abe;
    position: absolute;
    top: 5rem;
    margin-left: 8rem;
    width: 23rem;
    z-index: 0;
}
#areas.donacionOvulos .proceso .row .col-3 p{
    color: white;
    margin: 0;
    line-height: 21px;
    position: relative;
    padding: 2rem 32px;
    z-index: 22;
}
#areas.donacionOvulos .modalConteOvu{
    display: none;
}
#areas.donacionOvulos .modalConteOvu2{
    display: none;
}
#areas.donacionOvulos .modalConteOvu3{
    display: none;
}
#areas.donacionOvulos .modalConteOvu4{
    display: none;
}
#areas.donacionOvulos .modalConteDos {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #262626b5;
    width: 100%;
    height: 100vh;
    z-index: 100;
    align-content: center;
    transition: .5s;
    text-align: center;
}
#areas.donacionOvulos .dudas{
    padding-top: 2rem;
    padding-bottom: 1.4rem;
}

#areas.donacionOvulos .conteDudas{
    margin-top: 8rem;
    background-color: #4DBBFF;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 11px 11px 0px #004772;
}
#areas.donacionOvulos .conteDudas .row{
    text-align: center;
    align-self: center;
}
#areas.donacionOvulos .conteDudas .col-md-4{
    align-content: center;
}
#areas.donacionOvulos .conteDudas .col-md-4 h3{
    margin: 0;
}
#areas.donacionOvulos .conteDudas .col-md-8{
    text-align: left;
    align-content: center;
}
#areas.donacionOvulos .conteDudas .col-md-8 p{
    margin: 0;
    line-height: 24px;
}
#areas.donacionOvulos .conteDudas .col-md-8 p b{
    color: #001A2A;
}

@media(min-width:1500px){
    #areas.donacionOvulos .conteDudas{
        width: 96rem;
        margin: auto;
        margin-top: 8rem;
    }
}

@media(max-width:1200px){
    #areas.donacionOvulos .proceso .row .col-3{
        max-width: 202px;
    }
    #areas.donacionOvulos .proceso .row .col-3:nth-child(1)::before{
        margin-left: 7rem;
        width: 11rem;
    }
    #areas.donacionOvulos .proceso .row .col-3:nth-child(2)::before{
        margin-left: 7rem;
        width: 11rem;
    }

    #areas.donacionOvulos .proceso .row .col-3:nth-child(3)::before{
        margin-left: 7rem;
        width: 11rem;
    }
}
@media (max-width: 900px) {
    #areas.donacionOvulos .proceso .row .col-3 {
        max-width: 146px;
    }
    #areas.donacionOvulos .proceso .row .col-3 p{
        padding: 2rem 2px;
    }
    #areas.donacionOvulos .proceso .row .col-3 p{
        font-size: 14px;
    }
    #areas.donacionOvulos .modalConteDos img{
        max-width: 100%;
        width: 99%;
        margin: auto;
    }
}

@media (max-width: 600px) {
    #areas.donacionOvulos .proceso .row{
        flex-direction: column;
    }
    #areas.donacionOvulos .proceso .row .col-3 {
        max-width: 90%;
        padding: 2rem;
        margin: 2rem auto;
    }
    #areas.donacionOvulos .proceso .row .col-3:nth-child(1)::before {
        margin-left: calc(100vh + -81rem);
        margin-top: 8rem;
        width: 13rem;
        transform: rotate(90deg);
    }
    #areas.donacionOvulos .proceso .row .col-3:nth-child(2)::before {
        margin-left: calc(100vh + -81rem);
        margin-top: 8rem;
        width: 13rem;
        transform: rotate(90deg);
    }
    #areas.donacionOvulos .proceso .row .col-3:nth-child(3)::before {
        margin-left: calc(100vh + -81rem);
        margin-top: 8rem;
        width: 13rem;
        transform: rotate(90deg);
    }
}



/********************************************* CONTACTO *********************************************/
.header-contacto{
    /*
    background-image: url('../../../../storage/app/media/70026%20_%20SN_%20Desarrollo%20web_contacto-08.jpg');
    background-image: url('../../../../storage/app/media/back_img_contacto.webp');  */
    /* background-image: url('../../../../storage/app/media/banner_contacto.webp');   */
    /* background-image: url('../../../../storage/app/media/banner_contacto.webp');   */
    background-image: url('../../../../storage/app/media/BannerContactoFinal.webp');
}
#contacto .title{
    color: #FF8F73;
    color: #0C7ABE;
    font-size: 32px;
    margin-top: 0;
}
#contacto .title:after{
    background: #FF8F73;
    background: #0C7ABE;
}
#contacto .contacto-telefonos ul li i{
    color: #FF8F73;
    color: #0C7ABE;
}
#contacto .contacto-telefonos ul li p{
    margin: 0;
}
#contacto .contacto-telefonos ul li.whatsapp {
    margin-top: .51rem;
}
#contacto .contacto-telefonos ul li.whatsapp div{
    padding-left: 1rem;
}
#contacto .contacto-telefonos a,
#contacto .contacto-formulario button.btn.btn-custom,
#contacto .trabaja a,
.btn-sugerencias{
    background: #FF8F73 ;
    background: #0C7ABE !important;
    color: #FFF;
    padding: 10px 10px 10px 11px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 700;
}
#contacto .trabaja a{
   /* background: #78D3C3 !important;*/
    background: #0C7ABE !important;
    padding: 10px 29px;
}
#contacto .contacto-telefonos i,
#contacto .contacto-formulario button.btn.btn-custom i,
#contacto .trabaja i,
#contacto .contacto-telefonos svg,
#contacto .contacto-formulario button.btn.btn-custom svg,
#contacto .trabaja svg{
    /*color: #FFF;*/
    color: #0c7abe;
    margin-left: 5px;
}

#contacto .contacto-formulario button.btn.btn-custom svg,
#contacto .contacto-telefonos .sugerencias svg{
    color: #FFF;
    margin-left: 6px;
}
#contacto .contacto-formulario button.btn.btn-custom{
    float: left;
}
#contacto .contacto-redes{
    display: flex;
    justify-content: end;
}
#contacto .contacto-redes li a{
    width: 40px;
    height: 40px;
    background: #FF8F73;
    background: #0C7ABE;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #FFF;
}
#contacto ul li:first-child{
    margin-right: 15px;
}
#contacto ul li:first-child div{
        padding-left: 1rem;
}
#contacto article .img, article .txt{
    margin-bottom: 36px;
    margin-bottom: 13px;
}
#contacto .row .col-md-12 .txt .title{
    margin-top: 50px;
}
#contacto .direccion-mapa{
    margin-top: 15px;
}
#contacto .direccion-mapa iframe{
    width: 100%;
    height: 50rem;
    height: 42vh;
}

#contacto .direccion-contacto{
    font-family: 'Montserrat';
}
#contacto .direccion-contacto i,
#contacto .direccion-contacto svg{
    color: #FF8F73;
    color: #0C7ABE;
    margin-right: 5px;
}
/* #contacto-sugerencias{
    margin-top: 1rem;
} */
#contacto .trabaja{
    background-color: #00375E;
    height: auto;
    margin-bottom: 50px;
    margin-bottom: 0px;
    padding: 6rem 0 7.5rem 0;
}
#contacto .trabaja .content{
    background-color: #00375E !important;
    padding: 0 !important;
}
#contacto .trabaja .content .txt{
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
}
#contacto .trabaja h2{
    color: #78D3C3;
    color: #4DBBFF;
}
#contacto .trabaja h2:after{
    background: #4DBBFF;
}
#contacto .trabaja p{
color: white;
padding: 1rem 0;
}
#contacto .trabaja .txt .contenedor-btn-trabaja{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7rem;
}
#contacto .trabaja a svg{
        color: #FFF;
    margin-left: 6px;
}
#contacto textarea.form-control{
    height: auto;
    min-height: 217px;
    max-height: 217px;
}
#contacto .contacto-telefonos.col-md-5 {
    max-width: 100%;
}
@media (max-width: 1450px){
    .banner-profesionales a{
        font-size:12px;
    }
}

@media (max-width: 1370px){
    #contacto .trabaja{
        height: 60vh;
        height: auto;
    }
}
@media (max-width: 1270px){
    .emergencias-container .conteFondoImg2 .emergencias-info {
        padding: 4% 7%;
        font-size: 11px;
    }
}
@media (max-width: 900px){
    #contacto article .conteDonantes{
        flex-direction: column;
    }
    #contacto article .conteDonantes .col-3{
        max-width: 100%;
    }
    #contacto article .conteDonantes .col-9{
        max-width: 100%;
    }
}
@media (max-width: 768px){
    #contacto .contacto-formulario button.btn.btn-custom{
        width: 50%;
    }
    .header-contacto{
        background-image: url('../../../../storage/app/media/BannerContactoMobile.webp');
        background-position-x: 0;
    }
    #contacto .title{
        font-size: 24px;
    }
    #contacto .title br{
        display: none;
    }
    .justify-center-sm{
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 425px){
    .header-contacto{
       /* background-position-x: -40px;*/
        background-position:0px;
    }
    .title::after{
        margin: 15px 0;
    }
    #contacto .trabaja .txt .contenedor-btn-trabaja{
        flex-direction: column;
        align-items: flex-start;
    }
    #contacto .trabaja a{
        margin: 15px 0;
    }
}
/********************************************* PARALLAX *********************************************/
.parallax-section {
    position: relative;
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: cover;
    overflow: hidden;
}

/**/
@media (max-width: 768px){

    .decorador-celeste-video-incubadora {
        display: block;
    }

    .home-staff .col-7 {
        background-image: url(../../../../storage/app/media/fondo-staff-mobile.webp);
        background-position-x: center;
    }

}

@media (min-width: 800px) and (max-width: 1150px){
    .decorador-celeste-video-incubadora {
        display: block;
    }
}