/* - - - - - - - - - - - - - - - - RESPONSIVE - - - - - - - - - - - - - */

p.let-peq-gen {
    font-size: 0.7em;
    color: #666;
    padding: 0;
    line-height: 20px;
    text-align: right;
}

p.let-peq-gen a {
    color: #666;
}

p.let-peq-gen a:hover {
    color: var(--first-color);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media screen and (max-width: 1560px) {
    #n0 .bloq-not .col-not {
        min-height: 150px;
    }

    nav#containMenu {
        max-height: 600px !important;
        overflow: auto !important;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 1440px) {
    nav#containMenu {
        min-height: 200px;
        padding: 15px;
    }

    .container-link .imgMenu {
        max-width: 50px;
    }

    .bloq-h {
        min-height: 50%;
        margin: 40px;
    }

    #menuIndice {
        top: 40px;
    }

    #labelMenu {
        top: 50px;
    }

    #labelMenu .tit-ind {
        font-size: 16px;
    }

    .contain-footer {
        padding-top: 0px;
    }
        
    /* modificado para que no monte en la cabeza de la portada general*/
    .col-left-h .bloq-txt {
        flex: 0 0 50%;
        margin-left: 40px;
    }

    .col-right-h .subtit {
        font-size: 1.25em;
        min-height: 0;
        line-height: 1.25;
    }

    .col-img {
        margin-bottom: 10px;
    }

    .tit-slide {
        font-size: 35px;
        line-height: 45px;
    }

    .cols-3col-2 #text2,
    .cols-3col-2 #text1 {
        right: 100px;
    }

    .inner-tit {
        font-size: 2.5em;
    }

    .circle-link {
        width: 30px;
        height: 30px;
        right: 5px;
        top: 10px;
    }

    #n0 .col-not {
        height: 150px;
    }

    #n0 .col-left-h .tit-slide {
        font-size: 1.5em;
    }

    .s_wrapper.b-slide {
        min-height: 450px;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 1280px) {
    .yt-video {
        min-height: 400px;
    }

    p {
        font-size: 1.3em;
    }

    li>p {
        font-size: 1em;
    }

    .c-wrapper {
        max-width: 1100px;
    }

    .img-middle {
        display: block;
        width: 100%;
    }

    .bloq-cols .cols-2col {
        flex: 0 0 47%;
    }

    .bloq-not {
        height: calc(37% - 90px);
        margin: 50px auto 0;
    }

    .circle-link {
        width: 40px;
        height: 40px;
        right: 5px;
        top: 10px;
    }

    .col-not:hover .circle-link {
        transform: scale(1.4);
    }

    #home .col-not .subtit {
        font-size: 0.8em;
        flex: 0 0 90%;
    }

    .col-left-h .tit-slide {
        font-size: 1.6em;
        line-height: 1.2em;
    }

    .col-right-h .subtit {
        margin-top: 0px;
        font-size: 1.1em;
        line-height: 1.1em;
    }

    .text-footer {
        font-size: 15px;
    }

    .log-pre {
        max-width: 200px;
        height: auto;
    }

    .container-link .imgMenu {
        max-width: 35px;
    }

    .container-link .link-menu {
        font-size: 14px;
        line-height: 18px;
        padding-left: 10px;
    }

    .inner-tit {
        font-size: 2em;
    }

    .bloq-cols {
        padding: 0px;
    }

    .s_wrapper.b-slide {
        min-height: 450px;
    }

    .cols-2col .bloq-list #text1 {
        right: 50px;
    }

    .bloq-h {
        height: 45%;
        margin-bottom: 10px;
    }

    .link:after {
        bottom: 0px;
    }

    .link .txt-link {
        font-size: 0.9em;
        line-height: 1em;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 1100px) {
    .c-full {
        padding: 40px;
    }

    .c-wrapper {
        max-width: 100%;
    }

    .cols-2col .bloq-list #text1 {
        right: 100px;
    }

    nav#containMenu {
        max-height: 500px !important;
        overflow: auto !important;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media screen and (max-width: 1024px) {
    #n0 .img-home {
        display: none;
    }

    #n0 .img-home-mv {
        display: block;
        width: 100%;
    }

    #n0 .col-left-h .bloq-txt {
        background: #9ea8b1;
    }

    #n0 .col-left-h .bloq-txt h1,
    #n0 .col-left-h .bloq-txt span {
        color: white;
    }

    #n0 .col-left-h {
        flex-wrap: wrap-reverse;
    }

    .col-left-h .bloq-txt {
        flex: 0 100%;
        margin-left: 0;
    }

    .bloq-h {
        height: 55%;
        margin: 150px 40px 0;
    }

    .col-left-h:before {
        height: 721px;
    }

    .bloq-h .contain-bloq-h {
        height: 96%;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 1000px) {
    .popup-caso {
        display: block;
        width: 100%;
        top: 60px !important;
        bottom: 0 !important;
        height: 80vh !important;
        overflow: scroll;
        z-index: 999999;
        margin-top: 0px !important;
    }

    .popup-caso .contenedor-interior {
        flex-direction: column !important;
    }

    .popup-caso .contenedor-interior .nombre {
        padding: 20px !important;
    }

    .popup-caso .contenedor-interior .descripcion {
        padding-bottom: 90px;
    }

    .contenedor-interior .imagen {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .popup-caso .contenedor-interior {
        padding: 40px;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 900px) {
    .testimony {
        padding: 40px;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 820px) {

    p,
    li {
        font-size: 1.2rem;
    }

    .testimony {
        padding: 30px;
    }

    .galeria-img-perioten img {
        margin-top: 15px;
    }

    .galeria-img-perioten {
        padding: 30px 0 !important;
    }

    .log-mag.scroll {
        transform: translateY(0px) !important;
    }

    .abrir-popup .btn-case-p {
        font-size: 0.9em;
        line-height: 1em;
    }

    .contenedor-popup {
        width: 100%;
        height: auto;
    }

    .contenedor-popup .contenedor-interior {
        flex-direction: column;
        box-shadow: none !important;
    }

    .popup-caso .contenedor-interior {
        padding: 30px;
    }

    .col-left-h .link {
        color: #fff;
    }

    .col-left-h .flecha-right .cls-1 {
        fill: #fff;
    }

    .col-left-h .link:before,
    .col-left-h .link:after {
        background-color: #fff;
    }

    /* .img-middle {
        max-width: 70%;
        width: 100%;
        margin: auto;
    } */

    .contain-log-footer {
        min-height: 50px;
    }

    /* - - - - - - COMIENZO NUEVOS ESTILOS - - - - - - */
    
    /* Bloque con el TÍTULO de la noticia */
    .s_wrapper {
        margin: 0px;
        margin-top: 40px;
        min-height: 550px;
    }

    .s_wrapper .c_wrapper {
        margin: auto;
        padding: 40px 20px;
    }

    .b-slide .inner-tit {
        padding-bottom: 15px;
    }

    /* Bloque con el TÍTULO de la noticia + TEXTO */
    .c_wrapper .c-inner-tit h1 {
        padding: 0px !important;
    }

    .c-inner-tit>.inner-text {
        padding: 0px;
        padding-top: 20px;
    }

    .not-4 .c-inner-tit p {
        /*Noticia 4. Bloque con el TÍTULO de la noticia + TEXTO*/
        margin: 0px;
    }

    .inner-text {
        text-align: left;
    }

    /* Bloques */
    .c-full {
        padding: 0px 20px;
    }

    .c-full .c-wrapper {
        padding: 30px 0px;
    }

    .c-full .c-wrapper .bloq-cols {
        margin: 0;
    }    

    .bloq-cols {
        flex-direction: column;
    }

    /* Bloque con columnas */
    .bloq-cols .cols-2col,
    .bloq-cols .cols-3col-2 {
        flex: 100%;
        padding: 30px 0px 30px 0px;
    }

    .bloq-cols .cols-3col {
        flex: 0 0 100%;
    }

    /* H2 de los bloques */   

    h2.inner-subtit {
        font-size: 1.8em;
        line-height: 1.2em;
        padding: 0 0 30px;
    }

    .pb-40 {
        /*padding-bottom: 10px;*/
        padding: 0;
        margin: 0px;
    }

    .bloq-cols p:nth-child(2) {
        padding-top: 30px;
    }

    /* Bloque con más noticias del final de cada articulo */
    #n1>div.container>div:nth-child(13)>div>div,
    #n2>div.container>div:nth-child(23)>div>div,
    #n3>div.container>div:nth-child(21)>div>div,
    #n4>div.container>div:nth-child(20)>div>div,
    #n5>div.container>strong>div:nth-child(3)>div>div,
    #n6>div.container>div:nth-child(14)>div>div,
    #n7>div.container>div:nth-child(8)>div>div,
    #n8>div.container>div:nth-child(14)>div>div,
    #n9>div.container>div:nth-child(11)>div>div,
    #n10>div.container>div:nth-child(10)>div>div {
        margin: 0 !important;
    }

    /* Bloque con los casos de la NOTICIA 2 */
    .c-case {
        margin: 15px 0;
    }

    /* Botones de los MITOS */
    p.bnt-mitos {
        padding: 15px !important;
    }

    .m30 {
        margin: 0;
    }

    /* Bloque listado NOTICIA 6  */
    #n6>div.container>div:nth-child(10)>div>div.bloq-cols.p-top>div:nth-child(1) {
        padding: 0;
    }

    /* CONTACTO */
    #contact .inner-text {
        padding: 30px 0;
    }

    #n10>div.container>div:nth-child(9)>div>h2 {
        padding-bottom: 30px !important;
    }

    p.let-peq-gen {
        font-size: 8px;
        color: #666;
        padding: 0;
        line-height: 20px;
        text-align: right;
    }

    p.let-peq-gen a {
        color: #666;
    }

    p.let-peq-gen a:hover {
        color: var(--first-color);
    }

    #n0 .bloq-not .col-not {
        min-height: 70px;
    }

    #n0 .col-not {
        height: 70px;
    }

    .contain-footer {
        width: 80%;
    }

    .footer .let-peq,
    .footer .let-peq-gen {
        width: 80%;
    }

    /* - - - - - - FIN ESTILOS NUEVOS - - - - - - */

    #menuIndice,
    #labelMenu {
        top: 0px;
    }

    nav#containMenu {
        min-width: 300px;
        max-width: 100%;
        right: -900px;
        padding: 5px 15px;
        top: 50px;
        max-height: 100% !important;
        overflow: auto !important;
    }

    input#MenuBtn:checked~nav#containMenu {
        right: 0;
        transition: right 0.5s ease;
        position: fixed;
    }

    .container-link .imgMenu {
        max-width: 50px;
    }

    .container-link .link-menu {
        font-size: 0.8em;
        font-weight: 400;
        padding-left: 10px
    }

    .text-footer {
        display: none;
    }

    .footer {
        right: 0;
        left: 0;
        margin-top: 10px;
        padding: 0px;
    }

    .contain-footer {
        padding: 0px;
    }

    .contain-log-footer {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        align-items: center;
    }

    .contain-log-footer a {
        flex: 0 0 12%;
        margin: 0 10px;
    }

    .logo-clinica,
    .footer .contain-log-footer > a:nth-child(2) .logo-bqdc {
        width: 100%;
    }
    

    .contain-log-footer a .log-footer {
        display: block;
        margin: auto;
    }

       .slides {
        transform: none !important;
        height: 100vh !important;
        top: 0 !important;
        left: 0 !important;
    }

    .bloq-h .contain-bloq-h {
        margin: 0px;
    }

    .col-left-h,
    .col-right-h {
        flex: 0 0 100%;
    }

    .col-left-h,
    .col-left-h:hover {
        height: 450px;
        align-items: flex-end;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0px;
    }

    #n0 .col-left-h {
        flex-wrap: inherit;
    }

    .tit-slide {
        font-size: 25px;
        line-height: 35px;
    }

    .col-right-h {        
        background-position: center right;
        background-size: cover;
        height: 250px;
        padding: 20px;
        align-items: flex-end;
        flex-direction: inherit;
        text-align: left;
        margin-top: 20px;
    }

    .col-left-h .bloq-txt {
        flex: 0 0 94%;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 20px;
    }

    .col-right-h .link {
        color: #000;
    }

    .col-right-h .subtit {
        margin-top: 0px;
    }

    #n0 .bloq-not {
        width: 100%;
        margin: 130px 0 120px;
    }

    .bloq-not {
        width: 100%;
        margin: 0 0 50px;
    }

    .container-not {
        display: block;
    }

    .col-not {
        flex: 0 0 100%;
        min-height: 0px;
        display: flex;
        align-items: center;
    }

    .circle-link {
        width: 15px;
        height: 15px;
    }

    .circle-link .txt-link {
        position: relative;
        font-size: 15px;
        top: 0;
        left: 0;
    }

    .log-mag-tit.preload {
        position: initial;
        font-size: 40px;
        padding: 10px 30px;
        background: #fff;
    }

    .preloader .contain-preloader {
        padding: 20px;
    }

    .log-pre {
        max-width: 200px;
    }

    #labelMenu .tit-ind,
    #labelMenu:hover .tit-ind {
        display: none;
    }

    .fondo-tit {
        display: none;
    }

    .contain-log-mag {
        width: 100%;
        background-color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        display: block;
        z-index: 99;
        min-height: 50px;
    }

    .log-mag-tit {
        font-size: 20px;
        padding: 0px;
    }

    .log-mag {
        top: 0px;
        left: 20px;
        display: flex;
        align-items: center;
        min-height: 40px;
    }

    .f_wrapper {
        overflow: auto;
    }

    .bloq-h .contain-bloq-h {
        display: block;
        width: 100%;
    }

    .bloq-h {
        height: 100vh;
        margin: 0px;
    }

    .btn-rrss {
        left: 0px;
        opacity: 0.8;
    }

    @keyframes aniShare {
        0% {
            bottom: -120px;
        }

        100% {
            bottom: 50px;
        }
    }

    .full_wrapper {
        position: relative;
    }

    .wave-top {
        position: fixed;
        z-index: -1;
    }

        .btn-rrss,
    .btn-rrss:hover {
        transform: scale(0.4) translateY(150px);
        z-index: 9999;
    }

    .container-rrss {        
        bottom: 50px;
        left: 25px;
    }

    .link-rrss .imgRrss {
        padding-right: 5px;
        opacity: 1;
    }

    #n6>div.animsition-overlay.container>div:nth-child(8)>div>div>div:nth-child(1)>h2 {
        margin: 0px;
    }

    @keyframes aniScroll {
        0% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

        50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
    }

    .scroll-bottom {
        right: 5px;
        z-index: 99999;
    }

    .flecha-bottom {
        width: 20px;
        height: 20px;
        background: #fff;
        padding: 9px;
        border: solid 1px #000;
        border-radius: 20px;
    }

    .bloq-video img {
        width: 100%;
    }

    .yt-video {
        width: 90%;
        min-height: 350px;
        height: auto;
    }

    .cols-3col-2 .yt-video {
        width: 100%;
        min-height: 250px;
        height: auto;
        margin-top: 20px;
    }

    #text1,
    #text,
    .circle-vid,
    .cols-3col-2 #text2 {
        font-size: 17px;
        bottom: -100px;
        right: 48px;
    }

    .bloq-not .container-not {
        overflow: hidden;
    }

    .inner-not .col-not:last-child {
        border-top: 0px;
    }

    .inner-not .col-not {
        flex: 0 0 100%;
        border-bottom: 1px solid #000;
        align-items: flex-end;
    }

    .inner-not .subtit {
        font-size: 1.3em;
    }

    .col-not .subtit {
        font-size: 1.5em;
        line-height: 1;
    }

    .inner-not .flecha {
        top: 30px;
        right: 35px;
        width: 18px;
    }

    .swiper-slide img {
        height: auto;
        width: 100%;
    }

    .swiper-container {
        min-height: 100px;
    }

    .p-top {
        padding-top: 40px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        height: 30px !important;
        width: 30px !important;
        border: 2px solid #000 !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 15px !important;
    }

    .p-extra {
        margin: 0 8%;
    }

    .col-left-h .img-home {
        display: none;
    }

    .col-left-h .img-home-mv {
        display: block;
        position: absolute;
        z-index: 1;
        width: 100%;
        opacity: 0.6;
        transition: all 0.4s ease;
    }

    .col-left-h .bloq-txt {
        margin: 0px;
    }

    .col-left-h .tit-slide {
        color: #fff;
    }

    .bloq-cols .cols-2col {
        flex: 0 0 100%;
    }

    .bloq-cols .cols-2col:nth-child(2) {
        padding: 0;
    }

    .bloq-mitos .cols-2col:nth-child(2) {
        width: 100%;
    }

    .bloq-cols.bloq-mitos .cols-2col:first-child {
        align-self: center;
    } 

    .contain-btns {
        align-items: flex-start;
    }

    .s_wrapper.b-slide {
        min-height: 335px;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 600px) {

    .art_gen .bloq-video, 
    .art_pers .bloq-video {
        width: 100%;
    }

    .art_gen .bloq-video #text1, 
    .art_pers .bloq-video #text1 {
        display: none;
    } 

    nav#containMenu {
        max-height: 400px !important;
    }

    #n0 .col-left-h .tit-slide {
        font-size: 0.8em;
    }

    #n0 .col-left-h .bloq-txt {
        flex: 0 0 90%;
    }

    #n0 .bloq-not {
        margin: 70px 0 45px;
    }

    .wave-top {
        z-index: -1;
    }

    .popup-edad {
        height: 95vh;
    }    

    .bloq-h {
        display: flex;
        height: auto;
        margin: 0px;
    }

    .bloq-perio .inner-separator {
        height: 0px;
    }

    .popup-caso .contenedor-interior {
        padding: 20px;
    }

    .popup-caso .cerrar {
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }

    .s_wrapper.b-slide .c-wrapper {
        align-items: flex-end;
    }

    .s_wrapper.b-slide {
        min-height: 350px;
    }

    .col-left-h,
    .col-left-h:hover .inner-tit {
        font-size: 1.8em;
    }

    .col-left-h:hover .bloq-txt {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .container .bloq-not {
        margin: 0px;
    }

    #n0 .container .bloq-not {
        margin: 50px 0 100px;
    }

    #n0 .col-not {
        height: 60px;
    }

    #home .col-not .subtit {
        flex: 0 0 75%;
    }

    .preloader .tit-preload {
        padding: 0px 50px;
    }

    .col-not .subtit {
        font-size: 0.8em;
        line-height: 1.2em;
        flex: 0 0 75%;
        margin-bottom: 0 !important;
    }

    .link .txt-link {
        font-size: 15px;
        line-height: 25px;
    }

    h2.inner-subtit {
        font-size: 1.5em;
        line-height: 1.2em;
        /*padding: 15px 0;*/
    }

    .container-link .imgMenu {
        max-width: 35px;
    }

    .c-inner-tit {
        width: 90%;
    }

    .c-inner-tit .inner-tit {
        font-size: 1.7em;
    }

    .video-container video {
        opacity: 0.1;
    }

    .c-full .c-wrapper {
        padding: 15px 0px;
    }

    .img-middle {
        width: 100%;
    }

    .btn-rrss {
        left: -10px;
    }

    .container-rrss {
        left: 50px;
    }

    .yt-video {
        min-height: 200px;
        width: 100%;
    }

    p.let-peq {
        font-size: 7px;
        color: var(--first-color);
        padding: 0 15px 5px 15px;
        line-height: 14px;
        text-align: right;
    }

    p.let-peq-gen {
        font-size: 8px;
        color: #666;
        padding: 0 15px 5px 15px;
        line-height: 110%;
        text-align: right;
    }

    .footer {
        display: flex;
        align-items: center;
        padding: 5px;
    }

    .footer .contain-footer {
        width: 15%;
    }

    .footer .let-peq-gen {
        width: 85%;
    }

    .btn-rrss,
    .btn-rrss:hover {
        transform: scale(0.4) translateY(0px);
    }

    .img-middle.s_mv {
        display: block;
    }

    .img-middle.s_deskt {
        display: none;
    }

    .inner-img.w_50 {
        max-width: 100%;
        padding-bottom: 0px;
        margin-top: 40px;
    }

    .bloq-cols .inner-text.justify-l {
        padding-top: 10px;
    }

    .bloq-cols .inner-text.justify-l.testimonio {
        padding-top: 30px;
    }

    .bloq_button {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .btn_test {
        min-width: 300px;
    }

    .bloq-answ {
        padding: 20px;
    }

    .contain-log-footer a {
        flex: 0 0 48%;
    }

    .logo-clinica {
        width: 70%;
    }
    
    .footer .contain-log-footer > a:nth-child(2) .logo-bqdc {
        width: 80%;
    }
}