/* ========Estilos responsivos======== */
@media (max-width: 1750px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 450%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 230%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 470%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 305%;
        text-align: left;
        list-style-type: circle;
        padding-left: 20%;
    }

    #col-ban-ser2{
        font-size:305%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 20%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 450%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 270%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 350%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 1%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 170%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 5% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 160%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 2%;
        border-radius: 3rem;
        font-size: 160%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 350%
    }

    #title-conv {
        padding: 5% 0% 5% 0%;
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0% 0% 5% 0%;
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5 {
        width: 95%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 2% 2% 0% 2%;
    }

    #espei{
        padding: 5%;
    }

    #h3espei{
        font-size: 270%
    }

    #group-esp {
        margin: 0% 2% 0% 2%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 70%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 190%;
    }

    #imgcardio, #imgtrmt, #imggastro, #imgpedia{
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        transition: left 1.2s ease;
    }

    #title-espef{
        padding: 5%;
        margin: 0% 2% 2% 2%;
    }
    
    #espef{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 2%;
        padding-bottom: 0%;
        font-size: 350%;
    }

    #map-sede-overlay{
        padding: 0% 0% 10% 15%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 25%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 230%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 160%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 160%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 120%;
    }
    /*fin footer*/
}

@media (max-width: 1550px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 400%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 197%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 439%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 305%;
        text-align: left;
        list-style-type: circle;
        padding-left: 20%;
    }

    #col-ban-ser2{
        font-size:305%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 20%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 392%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 237%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 1%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 140%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 5% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 140%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 2%;
        border-radius: 3rem;
        font-size: 140%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #title-conv {
        padding: 5% 0% 5% 0%;
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0% 0% 5% 0%;
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5 {
        width: 95%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 2% 2% 0% 2%;
    }

    #espei{
        padding: 5%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 2% 0% 2%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 60%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 160%;
    }

    #imgcardio, #imgtrmt, #imggastro, #imgpedia{
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        transition: left 1.2s ease;
    }

    #title-espef{
        padding: 5%;
        margin: 0% 2% 2% 2%;
    }
    
    #espef{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 2%;
        padding-bottom: 0%;
        font-size: 300%;
    }

    #map-sede-overlay{
        padding: 0% 0% 10% 15%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 25%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 200%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 140%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 140%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 100%;
    }
    /*fin footer*/
}

@media (max-width: 1350px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 400%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 197%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 439%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 305%;
        text-align: left;
        list-style-type: circle;
        padding-left: 20%;
    }

    #col-ban-ser2{
        font-size:305%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 20%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 392%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 237%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 2%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 1%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 140%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 5% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 100%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 2%;
        border-radius: 3rem;
        font-size: 100%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #title-conv {
        padding: 5% 0% 5% 0%;
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0% 0% 5% 0%;
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5 {
        width: 95%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 5%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 60%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 160%;
    }

    #imgcardio, #imgtrmt, #imggastro, #imgpedia{
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        transition: left 1.2s ease;
    }

    #title-espef{
        padding: 5%;
        margin: 0% 5% 5% 5%;
    }
    
    #espef{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    
   #espef:hover{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 0%;
        font-size: 300%;
    }

    #map-sede-overlay{
        padding: 0% 0% 10% 15%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 25%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 180%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 80%;
    }
    /*fin footer*/
}

@media (max-width: 1250px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 368%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 181%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 405%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 279%;
        text-align: left;
        list-style-type: circle;
        padding-left: 20%;
    }

    #col-ban-ser2{
        font-size:279%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 30%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 360%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 218%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 2%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 1%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 140%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 5% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 100%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 2%;
        border-radius: 3rem;
        font-size: 100%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0%;
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5 {
        width: 120%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 5%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 60%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 160%;
    }

    #imgcardio, #imgtrmt, #imggastro, #imgpedia{
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        transition: left 1.2s ease;
    }

    #title-espef{
        padding: 5%;
        margin: 0% 5% 5% 5%;
    }
    
    #espef{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    
   #espef:hover{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #map-sede-overlay{
        padding: 0% 0% 10% 15%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 25%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 180%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 80%;
    }
    /*fin footer*/
}

@media (max-width: 1150px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 336%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 166%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 336%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 200%;
        text-align: left;
        list-style-type: circle;
        padding-left: 17%;
    }

    #col-ban-ser2{
        font-size:200%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 30%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 298%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 180%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 2%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 1%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 140%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 5% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 100%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 2%;
        border-radius: 3rem;
        font-size: 100%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0%;
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5 {
        width: 120%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 5%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 60%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 160%;
    }

    #imgcardio, #imgtrmt, #imggastro, #imgpedia{
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        transition: left 1.2s ease;
    }

    #title-espef{
        padding: 5%;
        margin: 0% 5% 5% 5%;
    }
    
    #espef{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    
   #espef:hover{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    /*#group-sede{
        flex-direction: column;
    }*/

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 25%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 180%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 80%;
    }
    /*fin footer*/
}

@media (max-width: 1050px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 304%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 150%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 336%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 200%;
        text-align: left;
        list-style-type: circle;
        padding-left: 17%;
    }

    #col-ban-ser2{
        font-size:200%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 30%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 298%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 180%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 2%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 1%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 140%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 5% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 100%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 2%;
        border-radius: 3rem;
        font-size: 100%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0%;
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5 {
        width: 80%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 5%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 60%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 160%;
    }

    #imgcardio, #imgtrmt, #imggastro, #imgpedia{
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
        transition: left 1.2s ease;
    }

    #title-espef{
        padding: 5%;
        margin: 0% 5% 5% 5%;
    }
    
    #espef{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    
   #espef:hover{
        padding: 2%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #group-sede{
        flex-direction: column;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 50%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 50%;
        max-width: 50%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 180%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 70%;
    }
    /*fin footer*/
}

@media (max-width: 950px) {

    /*logo*/
    .logosanens{
        width: 70%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 272%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 134%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 267%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 180%;
        text-align: left;
        list-style-type: circle;
        padding-left: 17%;
    }

    #col-ban-ser2{
        font-size:180%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 15%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 235%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 142%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 160%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 140%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 3rem;
        font-size: 140%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 30%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 200%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #group-sede{
        flex-direction: column;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 180%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 70%;
        height: auto;
    }

    #propiedad{
        font-size: 80%;
    }
    /*fin footer*/
}

@media (max-width: 850px) {

    /*logo*/
    .logosanens{
        width: 60%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 40%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 240%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 118%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 267%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 160%;
        text-align: left;
        list-style-type: circle;
        padding-left: 17%;
    }

    #col-ban-ser2{
        font-size:160%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 30%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 235%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 142%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 160%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 140%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 3rem;
        font-size: 140%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 30%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 200%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #group-sede{
        flex-direction: column;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 180%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 80%;
        height: auto;
    }

    #propiedad{
        font-size: 80%;
        align-items: center;
    }
    /*fin footer*/
}


@media (max-width: 750px) {

    /*logo*/
    .logosanens{
        width: 55%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 40%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 208%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 101%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 230%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 160%;
        text-align: left;
        list-style-type: circle;
        padding-left: 17%;
    }

    #col-ban-ser2{
        font-size:160%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 15%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 201%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 122%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
      
    #card-serv1, #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        text-align: center; /* Alineación del texto */
      }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 140%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 140%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 3rem;
        font-size: 140%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv5{
        padding: 0%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #esp-cardio, #esp-trmt, #esp-gine, #esp-pedia{
        width: 30%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 180%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #group-sede{
        flex-direction: column;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 150%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 90%;
        height: auto;
    }
    /*fin footer*/
}

@media (max-width: 650px) {

    /*logo*/
    .logosanens{
        width: 45%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 40%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 173%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 85%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 196%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 130%;
        text-align: left;
        list-style-type: circle;
        padding-left: 15%;
    }

    #col-ban-ser2{
        font-size:130%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 15%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 170%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 103%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #group-serv{
        flex-direction: column;
    }

    #card-serv1 {
        margin: 0% 5% 5% 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        width: 90%;
    }

    #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        width: 90%;
    }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 200%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 140%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 3rem;
        font-size: 140%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #group-conv{
        background-color: #F9F9F9;
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv15{
        padding: 0%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
        flex-direction: column;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 222%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 150%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 90%;
        height: auto;
    }
    /*fin footer*/
}

@media (max-width: 550px) {

    /*logo*/
    .logosanens{
        width: 45%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 55%;
        width: 45%;
    }

    #tit-ban-cli{
        font-size: 147%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 72%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 168%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 110%;
        text-align: left;
        list-style-type: circle;
        padding-left: 15%;
    }

    #col-ban-ser2{
        font-size:110%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 15%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 144%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 87%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 300%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #card-serv1 {
        margin: 0% 5% 5% 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
    }

    #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
    }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }

    #ct-serv1, #ct-serv2, #ct-serv3, #ct-serv4{
        font-size: 200%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 140%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 3rem;
        font-size: 140%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 300%
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv15{
        padding: 0%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 220%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 222%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 3rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 140%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 300%;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 150%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 100%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 100%;
    }

    .footer-logo {
        max-width: 90%;
        height: auto;
    }
    /*fin footer*/
}

@media (max-width: 450px) {

    /*logo*/
    .logosanens{
        width: 40%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 40%;
    }

    #tit-ban-cli{
        font-size: 118%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 58%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-35%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 137%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 90%;
        text-align: left;
        list-style-type: circle;
        padding-left: 10%;
    }

    #col-ban-ser2{
        font-size: 90%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 10%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 116%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 70%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-50%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 250%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #card-serv1 {
        margin: 0% 5% 5% 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
    }

    #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
    }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 2rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 100%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 2rem;
        font-size: 100%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 250%
    }

    #card-conv1, #card-conv2, #card-conv3,
    #card-conv4, #card-conv15{
        padding: 0%;
    }
    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 180%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #ct-esp1, #ct-esp2, #ct-esp3, #ct-esp4{
        font-size: 174%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 2rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 2rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        font-size: 250%;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 100%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 75%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 95%;
    }

    .footer-logo {
        max-width: 100%;
        height: auto;
    }

    #propiedad{
        font-size: 65%;
        align-items: center;
    }
    /*fin footer*/
}

@media (max-width: 360px) {

    /*logo*/
    .logosanens{
        width: 30%;
        height: auto;
    }

    /*inicio carousel*/
    .carousel-indicators{
        margin: 0% 5% 0% 50%;
        width: 40%;
    }

    #tit-ban-cli{
        font-size: 105%;
    }
    
    #cnt-ban-cli{
        margin: 5% 0% 0% 0%;
        font-size: 52%;
    }
    
    #cc-lema{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-35%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ban-ser{
        font-size: 123%;
        text-align: left;
        padding-left: 20%;
    }
    
    #col-ban-ser1{
        font-size: 70%;
        text-align: left;
        list-style-type: circle;
        padding-left: 10%;
    }

    #col-ban-ser2{
        font-size: 70%;
        text-align: left;
        list-style-type: circle;
        padding-left: 0%;
    }

    #col-list2{
        padding-left: 20%;
    }
    
    #cc-servmed{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-40%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 50%; /* Ancho completo del contenedor */
        left: 2%;
    }

    iframe{
        height: 50px;
    }
    
    #cnt-video{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-45%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 20px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    
    #tit-ha, #tit-ub{
        margin: 3% 0% 0% 0%;
        font-size: 103%;
    }
    
    #hor-atn, #ubc{
        margin: 1% 0% 0% 0%;
        font-size: 62%;
    }
    
    #cc-horat{
        position: absolute;
        top: 50%; /* Coloca el texto en el centro vertical */
        transform: translateY(-60%); /* Ajusta para centrarlo exactamente */
        color: #5d5c60; /* Color del texto */
        padding: 0px; /* Espacio interior del texto */
        width: 40%; /* Ancho completo del contenedor */
        left: 10%;
    }
    /*fin carousel*/

    /*inicio servicios*/
    #servi{
        font-size: 250%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    #card-serv1 {
        margin: 0% 5% 5% 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
    }

    #card-serv2, #card-serv3, #card-serv4{
        margin: 5%;
        border-radius: 2rem;
        border: 0;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
    }
    
    #serv-comed, #serv-dimag, #serv-lacli, #serv-farm{
        width: 40%;
    }
    
    #title-servf{
        text-align: center;
        margin: 1% 0% 10% 0%;
        padding: 1%;
    }
    
    #servf{
        color: #F9F9F9;
        background-color: #5D5C60;
        padding: 5%;
        border-radius: 2rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 90, 118, 0.25);
        font-size: 100%;
    }
    
    #servf:hover{
        color: #F9F9F9;
        background-color: #9E9DA0;
        padding: 5%;
        border-radius: 2rem;
        font-size: 100%;
    }
    /*fin servicios*/

    /*inicio convenios*/
    #conv{
        font-size: 250%
    }

    #img-conv1, #img-conv2, #img-conv3, #img-conv4, #img-conv5{
        width: 80%;
    }

    /*fin convenios*/

    /*inicio especialidades*/
    #title-espei{
        margin: 5% 5% 0% 5%;
    }

    #espei{
        padding: 10%;
    }

    #h3espei{
        font-size: 180%
    }

    #group-esp {
        margin: 0% 5% 0% 5%;
    }

    #title-espef{
        padding: 10%;
        margin: 0% 5% 10% 5%;
    }
    
    #espef{
        padding: 5%;
        border-radius: 2rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    
   #espef:hover{
        padding: 5%;
        border-radius: 2rem;
        box-shadow: 1rem 1rem 0.35rem rgba(0, 0, 0, 0.25);
        font-size: 100%;
    }
    /*fin especialidades*/

    /*Inicio sede*/
    #sede{
        font-size: 250%;
    }

    #map-sede-overlay{
        padding: 0% 0% 5% 5%;
    }
    /*Fin sede*/

    /*inicio footer*/
    #footer{
        padding: 0% 10% 0% 10%;    
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 120%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 90%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 90%;
    }

    .footer-logo {
        max-width: 100%;
        height: auto;
    }

    #propiedad{
        font-size: 60%;
    }
    /*fin footer*/
}

/* Estilos responsivos pantalla mínima visualización*/
@media (min-width: 320px) {
    .d-md-block {
        display: block !important;
    }

}

@media (min-width: 651px) and (max-width: 950px){
    #group-serv{
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
    }

    #group-conv{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #group-esp{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (min-width: 768px) and (max-width: 950px){
    .footer-logo {
        max-width: 100%;
        height: auto;
    }

    #contentlogosanens{
        justify-content: center;
    }

    #footer{
        padding: 0% 10% 0% 10%;
        max-width: 100%;
    }

    #col-logo {
        max-width: 25%;
    }

    #col-footer1, #col-footer2, #col-footer3{
        flex: 0 0 25%;
        max-width: 25%;
    }

    #ft1-h5, #ft2-h5, #ft3-h5 {
        font-size: 120%;
    }

    #ft1-l1, #ft1-l2, #ft1-l3, #ft1-l4, 
    #ft2-l1, #ft2-l2, #ft2-l3, #ft2-l4
    , #ft3-l1, #ft3-l2, #ft3-l3 {
        font-size: 90%;
    }

    #ft1-l1:hover, #ft1-l2:hover, #ft1-l3:hover, #ft1-l4:hover, 
    #ft2-l1:hover, #ft2-l2:hover, #ft2-l3:hover, #ft2-l4:hover
    , #ft3-l1:hover, #ft3-l2:hover, #ft3-l3:hover {
        font-size: 90%;
    }

}

@media (min-width: 992px) and (max-width: 1199px){
    #btsoymedico{
        font-size: 101%;
    }

    .navbar-nav {
        padding-left: 5%;
    }

}