@font-face {
    font-family: 'DINPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/DINPro-Bold_13934.ttf') format('truetype');
}
@font-face {
    font-family: 'Helvetica-Neue-Light';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Helvetica-Neue-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/helvetica-neue-lt-std-75-bold-590b9e7229917.otf') format('opentype');
}
@font-face {
    font-family: 'Helvetica-Neue-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueRegular.ttf') format('truetype');
}
/******************************Generales****************************************/
html{
    height: 100%;
    width: 100%;
    background-color:#FFFFFF;
}
body{
    background-color:#FFFFFF;
}
.row, .segmento{
    width:100%;
    margin:0;
}
img{
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
    max-width:100%;
    height:auto;
}
.background{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height:100vh;
}
.contenido1, .contenido2, .contenido3, .contenido4,.contenido5, 
.contenido6, .contenido7, .contenido8,.contenido9, .contenido10, footer{
    position: relative;
    z-index:1;
}
.container-fluid{
    background-color:#ffffff;
}
.revealContent{
    opacity:0;
    transition:all .7s ease-in-out;
}
video{
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
/***********************************************************************************/
.contenido1{
    background-image: url('https://assets.claro360.com/Empresa/medicinaIntegral/img000.jpg');
    margin-top:60px;
}
.contenido1 h1{
    font-size: calc(40px + (80 - 40) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color:#FFFFFF;
    width: 43%;
    text-align: center;
    padding: 0% 2%;
    z-index:1;
}
.contenido1 video{
    width: 100%;
    min-height: auto;
    object-fit: cover;
    transform: none;
    outline: none;
}
/***********************************************************************************/
.contenido2{
    height:auto;
    padding: 13% 0%;
}
.contenido2 h1{
    font-size: calc(28px + (42 - 28) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#1D1D1F;
}
.contenido2 p{
    font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#1D1D1F;
}
/***********************************************************************************/
.contenido3{
    background-image: url('https://assets.claro360.com/Empresa/medicinaIntegral/img001.png');
}
.contenido3 h1{
    font-size: calc(16px + (32 - 16) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#FFFFFF;
}
.contenido3 h2{
    font-size: calc(30px + (60 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color:#FFFFFF;
    line-height: 1.3;
}
.contenido3 .itemBox{
    padding: 2%;
    width: 44%;
}
/***********************************************************************************/
.contenido4{
    background-color:#F4F4F4;
}
.contenido4 .row{
    height:auto;
    padding:6% 0%;
}
.contenido4 h1{
    font-size: calc(36px + (64 - 36) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#1D1D1F;
    margin:0;
}
.contenido4 h2{
    font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#1D1D1F;
    margin:0;
    padding: 30px 0%;
}
.contenido4 p{
    font-size: calc(12px + (17 - 12) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Light';
    color:#000000;
}
.contenido4 a{
    font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Light';
    color:#0E8FD3;
}
.contenido4 .row:nth-child(1) .containerImg img{
    width:100%;
}
/***********************************************************************************/
.contenido5{
    background-color:#99999A;
    width:100%;
    height:auto;
}
.contenido5 .tarjetas h2{
    font-size: calc(30px + (72 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color:#000000;
}
.contenido5 .tarjetas .row .texto h3{
    font-size: calc(20px + (48 - 20) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #368898;
}
.contenido5 .tarjetas .row .texto p{
    font-size: calc(16px + (22 - 16) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color: #000000;
}
.contenido5 .tarjetas .row .texto .textoNegrita{
    font-family: 'Helvetica-Neue-Bold' !important;
    color:#1D1D1F;
}
.contenido5 .tarjetas{
    background-color: #ffffff;
    height:862px;
}
.contenido5 >div{
    width: 73%;
    margin: auto;
}
.contenido5 .tarjeta1{
    margin: 184px 0px 109px 0px;
}
.contenido5 .otraTarjeta{
    margin: 0px 0px 203px 0px;
}
/***********************************************************************************/
.contenido6{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/medicinaIntegral/web/img10.png');
}
.contenido6 h1{
    font-size: calc(36px + (64 - 36) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#1D1D1F;
}
.contenido6 p{
    font-size: calc(12px + (32 - 12) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Light';
    color: #1D1D1F;
}
/***********************************************************************************/
.contenido7{
    background-color:#99999A;
    padding:8% 0%;
}
.contenido7  h1{
    font-size: calc(30px + (72 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color:#FFFFFF;
}
.contenido7  p{
    font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#FFFFFF;
}
/***********************************************************************************/
.contenido8{
    background-color:#F4F4F4;
}
.contenido8 .tarjeta .card .card-body p{
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(20px + (42 - 20) * (100vw - 320px) / (1920 - 320));
    color:#1D1D1F;
    line-height: 1.3;
}
.contenido8 .tarjeta .card{
    box-shadow: 0px 3px 30px rgba(0,0,0,0.2);
}
.contenido8 .tarjeta .card .imgCard{
    height: auto;
}
.contenido8 .tarjeta .card .imgCard img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.contenido8 .tarjeta .card .card-body{
    height: auto;
    padding: 20% 10% 30%;
    background-color:#ffffff;
}
/*----------------------------------------------------------------------------------*/
.contenido9{
    background-color: #F4F4F4;
    padding: 1% 16%;
}
.contenido9 .cajaTexto2 p{
    font-family: 'Helvetica-Neue-Bold' !important;
    font-size: calc(30px + (42 - 30) * (100vw - 320px) / (1920 - 320));
    color: #ffffff;
    line-height: 1.3;
}
.contenido9 img{
    position:relative;
    width:100%;
}
.contenido9 .cajaTexto2{
    position:absolute;
}
footer{
    background-color:#99999A;
}




/*PORTRAIT RESPONSIVE*/

/*// Mobile devices col */
@media (max-width: 576px) {
    body{
        overflow-x:hidden;
    }
    .contenido4 .row, .contenido8{
        padding:20px 30px;
    }
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido1{
        background-image: none;
        margin-top:0px;
    }
    .contenido1 h1{
        width:100%;
        margin:105px 0px 0px;
        display:none;
    }
    .contenido1 video {
        min-height: auto;
        margin-top: 130px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido2 .row{
        width: 90%;
        margin: auto;
    }
    .contenido2 br{
        display:none;
    }
    .contenido2 .col-12 {
        padding: 0px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido3{
        background:#99999A;
        justify-content:center !important;
    }
    .contenido3 .itemBox {
        padding: 10% 2% 5%;
        width: 90%;
        margin: auto;
    }
    .contenido3 .img{
        display:block !important;
        width: 100%;
    }
    .contenido3 img{
        width:100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido4 .containerImg{
        order:-1;
    }
    .contenido4 .row:nth-child(1) .containerImg{
        padding: 5% 0% 0% 2%;
    }
    .contenido4 br{
        display:none;
    }
    .contenido4 .row:nth-child(1){
        padding:0px;
    }
    .contenido4 .row:nth-child(1) .containerText{
        padding:10% 30px;
    }
    .contenido4 .row:nth-child(2) .containerText,
    .contenido4 .row:nth-child(3) .containerText,
    .contenido4 .row:nth-child(4) .containerText,
    .contenido4 .row:nth-child(5) .containerText{
        padding:10% 0%;
    }
    .contenido4 .row:nth-child(2) .containerImg img{
        width: 100%;
        max-height: 550px;
        object-fit: contain;
    }
    .contenido4 .row:nth-child(2) img,
    .contenido4 .row:nth-child(3) img{
        padding:0% 8%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido5 >div {
        width: 90%;
    }
    .contenido5 .tarjetas {
        height: auto;
    }
    .contenido5 .tarjeta1 {
        margin: 50px 0px 50px 0px;
    }
    .contenido5 .otraTarjeta {
        margin: 0px 0px 50px 0px;
    }
    
    .contenido5 .tarjetas .img{
        order:1;
    }
    .contenido5 .tarjetas h2, .contenido5 .tarjetas .row .texto h3, .contenido5 .tarjetas .row .texto p {
        padding: 3% 0%;
    }
    
    .contenido5 .tarjetas .row .texto h3 {
        padding-right: 40%;
    }
    
    .contenido5 .tarjeta1 .row .texto h3 {
        padding-right: 15vw;
    }
    
    .contenido5 .col-lg-8,  .contenido5 .col-lg-6{
        padding-left:30px;
        padding-right: 30px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido6{
        background-image: url('https://assets.claro360.com/landingsMexico360/empresa/medicinaIntegral/responsive/img10_resp.jpg');
        background-position: 100% 100%;
    }
    .contenido6 .box{
        padding: 5% 5% 150% 5%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido7 .img{
        order:-1;
        padding:0% 5%;
    }
    .contenido7 .text{
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido8 .col-12{
        padding:0;
        margin: 10% 0%;
    }
    .contenido8 .tarjeta .card .imgCard {
        height: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido9 {
        padding: 0%;
    }
    
    .contenido9 .cajaTexto2 {
        padding: 0% 5%;
    }
}

/*// Ipads, Tablets col-sm*/
@media only screen and (min-width: 577px) and (max-width:767px){
    body{
        overflow-x:hidden;
    }
    .contenido4 .row, .contenido8{
        padding:20px 50px;
    }
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido1{
        background-image: none;
        margin-top:0px;
    }
    .contenido1 h1{
        width:100%;
        margin:105px 0px 0px;
        display:none;
    }
    .contenido1 video {
        min-height: auto;
        margin-top: 130px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido2 .row{
        width: 85%;
        margin: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido3{
        background:#99999A;
        justify-content:center !important;
    }
    .contenido3 .itemBox {
        padding: 10% 2% 5%;
        width: 90%;
        margin: auto;
    }
    .contenido3 .img{
        display:block !important;
        width: 100%;
    }
    .contenido3 img{
        width:100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido4 .containerImg{
        order:-1;
    }
    .contenido4 .row:nth-child(1) .containerImg{
        padding: 5% 0% 0% 2%;
    }
    .contenido4 br{
        display:none;
    }
    .contenido4 .row:nth-child(1){
        padding:0px;
    }
    .contenido4 .row:nth-child(1) .containerText{
        padding:10% 50px;
    }
    .contenido4 .row:nth-child(2) .containerText,
    .contenido4 .row:nth-child(3) .containerText,
    .contenido4 .row:nth-child(4) .containerText,
    .contenido4 .row:nth-child(5) .containerText{
        padding:10% 0%;
    }
    .contenido4 .row:nth-child(2) .containerImg img{
        width: 100%;
        max-height: 550px;
        object-fit: contain;
    }
    .contenido4 .row:nth-child(3) img{
        padding:0% 8%;
    }
    .contenido4 .row:nth-child(4) img,
    .contenido4 .row:nth-child(5) img{
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido5 >div {
        width: 85%;
    }
    .contenido5 .tarjetas {
        height: auto;
    }
    .contenido5 .tarjeta1 {
        margin: 50px 0px 50px 0px;
    }
    .contenido5 .otraTarjeta {
        margin: 0px 0px 50px 0px;
    }
    .contenido5 .tarjetas .img{
        order:1;
    }
    .contenido5 .tarjetas h2, .contenido5 .tarjetas .row .texto h3, .contenido5 .tarjetas .row .texto p {
        padding: 3% 0%;
    }
    .contenido5 .tarjeta1 .img img{
        margin:unset;
        width: auto;
    }
    .contenido5 .col-lg-8,  .contenido5 .col-lg-6{
        padding-left:40px;
        padding-right: 40px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido6{
        background-image: url('https://assets.claro360.com/landingsMexico360/empresa/medicinaIntegral/responsive/img10_resp.jpg');
    }
    .contenido6 .box{
        padding: 0% 10% 100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido7 .img{
        order:-1;
    }
    .contenido7 .text{
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido8 .col-12{
        padding:0;
        margin: 10% 0%;
    }
    .contenido8 .tarjeta .card .imgCard {
        height: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido9 {
        padding: 0%;
        height: 100vh;
    }
    .contenido9 .cajaTexto2 {
        padding: 0% 16%;
    }
    .contenido9 img{
        height: 100vh;
        object-fit: cover;
    }
}

/*// Laptops col-md*/
@media only screen and (min-width: 768px) and (max-width:991px){
    body{
        overflow-x:hidden;
    }
    .contenido4 .row, .contenido8{
        padding:20px 80px;
    }
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido1{
        background-image: none;
        margin-top:0px;
    }
    .contenido1 h1{
        width:100%;
        margin:105px 0px 0px;
        display:none;
    }
    .contenido1 video {
        min-height: auto;
        margin-top: 130px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido2 .row{
        width: 75%;
        margin: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido3{
        background:#99999A;
        justify-content:center !important;
    }
    .contenido3 .itemBox {
        padding: 10% 2% 5%;
        width: 90%;
        margin: auto;
    }
    .contenido3 .img{
        display:block !important;
        width: 100%;
    }
    .contenido3 img{
        width:100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido4 .containerImg{
        order:-1;
    }
    .contenido4 .row:nth-child(1) .containerImg{
        padding: 5% 0% 0% 6%;
        margin-bottom: 6vh;
    }
    .contenido4 br{
        display:none;
    }
    .contenido4 .row:nth-child(1){
        padding:0px;
        flex-direction: column;
    }
    .contenido4 .row:nth-child(1) .containerText{
        padding:10% 80px;
    }
    .contenido4 .row:nth-child(2) .containerText,
    .contenido4 .row:nth-child(3) .containerText,
    .contenido4 .row:nth-child(4) .containerText,
    .contenido4 .row:nth-child(5) .containerText{
        padding:10% 0%;
    }
    .contenido4 .row:nth-child(2) .containerImg img{
        width: 100%;
        max-height: 550px;
        object-fit: contain;
    }
    .contenido4 .row:nth-child(3) img{
        padding:0% 2%;
    }
    .contenido4 .row:nth-child(4) img,
    .contenido4 .row:nth-child(5) img{
        padding:0% 7%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido5 >div {
        width: 75%;
    }
    .contenido5 .tarjetas {
        height: auto;
    }
    .contenido5 .tarjeta1 {
        margin: 50px 0px 50px 0px;
    }
    .contenido5 .otraTarjeta {
        margin: 0px 0px 50px 0px;
    }
    .contenido5 .tarjetas .img{
        order:1;
    }
    .contenido5 .tarjetas h2, .contenido5 .tarjetas .row .texto h3, .contenido5 .tarjetas .row .texto p {
        padding: 3% 0%;
    }
    .contenido5 .tarjeta1 .img img{
        margin:unset;
        max-height: 600px;
        width: auto;
    }
    .contenido5 .col-lg-8,  .contenido5 .col-lg-6{
        padding-left:40px;
        padding-right: 40px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido6 .box{
        padding: 0% 15% 100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido7 .img{
        order:-1;
    }
    .contenido7 .text{
        padding:0% 10%;
    }
    .contenido7 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido8 .col-12{
        padding:0;
        margin: 5% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido9 {
        padding: 0%;
        height: 100vh;
    }
    
    .contenido9 .cajaTexto2 {
        padding: 0% 20%;
    }

    .contenido9 .imgWeb{
        display:none !important;
    }
    .contenido9 .imgMovil{
        display:block !important;
    }
    .contenido9 img{
        height: 100vh;
        object-fit: cover;
    }
}

/*// Desktops col-lg*/
@media only screen and (min-width: 992px) and (max-width:1199px) and (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    .contenido1{
        background-image: none;
        margin-top:0px;
    }
    .contenido1 h1 {
        width: 50%;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0;
    }
    .contenido1 video {
        min-height: auto;
        margin-top: 130px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido2 .row{
        width: 65%;
        margin: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido3{
        ustify-content: center !important;
        min-height: auto;
    }
    .contenido3 .itemBox {
        padding: 10% 2% 5% 57%;
        width: 100%;
        margin: auto;
    }
    .contenido3 h2 {
        font-size: 30px;
    }
    .contenido3 .img{
        display:none !important;
        width: 100%;
    }
    .contenido3 img{
        width:100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido4 .row:nth-child(1) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(1) .containerText{
        width:45%;
        padding: 0% 7% 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerImg{
        width:45%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerText{
        width:55%;
        padding: 0% 7.5% 0% 10%;
    }
    .contenido4 .row:nth-child(3) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(3) .containerText{
        width:45%;
        padding: 0% 5% 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerText{
        width:45%;
        padding: 0% 7.5% 0% 0%;
    }
    .contenido4 .row:nth-child(5) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(5) .containerText{
        width:45%;
        padding: 0% 6% 0% 7.5%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido5 >div {
        width: 85%;
        margin: auto;
    }
    .contenido5 .tarjeta1 img{
        max-width:360px;
        max-height: 841px;
        margin:0;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2){
        padding: 0% 8% 78px;
    }
    .contenido5 .tarjeta1 .row .texto h3 {
        padding: 0% 25% 0 0;
    }
    .contenido5 .otraTarjeta .col-12:nth-child(1) {
        padding: 0% 5% 0%;
    }
    .contenido5 .tarjeta1 {
        margin: 8vh 0;
    }
    .contenido5 .otraTarjeta {
        margin: 0% 0% 8vh 0%;
    }
    .contenido5 .tarjetas {
        min-height: 690px;
        height: 690px;
    }
    .contenido5 .otraTarjeta .img{
        margin:auto;
    }
    
    .contenido5 .otraTarjeta .row .texto h3 {
        padding-right: 8vw;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido6{
        min-height: 50vh;
    }
    .contenido6 .box{
        padding: 25% 5% 25% 62%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido7 .img{
        order:0;
    }
    .contenido7 .text{
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido8 {
        padding: 0% 7%;
    }
    .contenido8 .col-12{
        padding:0;
        margin: 5% 0%;
        padding: 0% 1%;
    }
    .contenido8 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido8 .tarjeta .card .card-body {
        height: auto;
        padding: 40% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido9 {
        padding: 0% 8% 5%;
    }
    .contenido9 .cajaTexto2 {
        padding: 0% 10%;
    }
}

/*// Large screens col-xl*/
@media (min-width: 1200px) and (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    .contenido1{
        background-image: none;
        margin-top:0px;
    }
    .contenido1 h1 {
        width: 45%;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0;
    }
    .contenido1 video {
        min-height: auto;
        margin-top: 130px;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido2 .row{
        width: 65%;
        margin: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido3{
        ustify-content: center !important;
        min-height: auto;
    }
    .contenido3 .itemBox {
        padding: 10% 2% 10% 57%;
        width: 100%;
        margin: auto;
    }
    .contenido3 h2 {
        font-size: 30px;
    }
    .contenido3 .img{
        display:none !important;
        width: 100%;
    }
    .contenido3 img{
        width:100%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido4 .row:nth-child(1) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(1) .containerText{
        width:45%;
        padding: 0% 10% 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerImg{
        width:45%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerText{
        width:55%;
        padding: 0% 7.5% 0% 10%;
    }
    .contenido4 .row:nth-child(3) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(3) .containerText{
        width:45%;
        padding: 0% 5% 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerText{
        width:45%;
        padding: 0% 7.5% 0% 0%;
    }
    .contenido4 .row:nth-child(5) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(5) .containerText{
        width:45%;
        padding: 0% 6% 0% 7.5%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido5 >div {
        width: 85%;
        margin: auto;
    }
    .contenido5 .tarjeta1 img{
        max-width:360px;
        max-height: 841px;
        margin:0;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2){
        padding: 0% 8% 78px;
    }
    .contenido5 .tarjeta1 .row .texto h3 {
        padding: 0% 17%;
    }
    .contenido5 .otraTarjeta .col-12:nth-child(1) {
        padding: 0% 5% 0%;
    }
    .contenido5 .tarjeta1 {
        margin: 8vh 0;
    }
    .contenido5 .otraTarjeta {
        margin: 0% 0% 8vh 0%;
    }
    .contenido5 .tarjetas {
        min-height: 690px;
        height: 690px;
    }
    .contenido5 .otraTarjeta .img{
        margin:auto;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido6{
        min-height: 50vh;
    }
    .contenido6 .box{
        padding: 10% 5% 10% 62%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido7 .img{
        order:0;
    }
    .contenido7 .text{
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido8 {
        padding: 0% 7%;
    }
    .contenido8 .col-12{
        padding:0;
        margin: 5% 0%;
        padding: 0% 1%;
    }
    .contenido8 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido8 .tarjeta .card .card-body {
        height: auto;
        padding: 40% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .contenido9 {
        padding: 0% 8% 5%;
    }
    .contenido9 .cajaTexto2 {
        padding: 0% 10%;
    }
}







/*LANDSCAPE COLUMNS*/

/*// Mobile devices col */
@media (max-width: 576px) and (orientation: landscape){
    .contenido1 h1 {
        display: block;
        width: 40%;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 30px;
    }
    .contenido2 br{
        display:none;
    }
    .contenido5 .tarjeta1 img{
        max-width: 300px;
        margin: unset;
    }
    .contenido7 img{
        padding: 0% 10%;
    }
    .contenido8 .tarjeta .card .card-body {
        height: auto;
    }
    .contenido8 .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0% 2%;
    }
    .contenido9 .imgWeb{
        display:block;
        margin:auto;
    }
    .contenido9 .imgMovil{
        display:none;
    }
}

/*// Ipads, Tablets col-sm*/
@media only screen and (min-width: 576px) and (max-width:767px) and (orientation: landscape){
    .contenido1 h1 {
        display: block;
        width: 40%;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 35px;
    }
    .contenido2 br{
        display:none;
    }
    .contenido5 .tarjeta1 img{
        max-width: 350px;
        margin: unset;
    }
    .contenido7 img{
        padding: 0% 5%;
    }
    .contenido8 .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0% 2%;
    }
    .contenido9 .imgWeb{
        display:block;
        margin:auto;
    }
    .contenido9 .imgMovil{
        display:none;
    }
}

/*// Laptops col-md*/
@media only screen and (min-width: 768px) and (max-width:991px) and (orientation: landscape){
    .contenido1 h1 {
        display: block;
        width: 40%;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0;
        font-size: 35px;
    }
    .contenido1 video {
        margin-top: 160px;
    }
    .contenido2 br{
        display:none;
    }
    .contenido3 {
        background-image: url(https://assets.claro360.com/Empresa/medicinaIntegral/img001.png) !important;
        ackground-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .contenido3 .img {
        display: none !important;
    }
    .contenido3 .itemBox {
        padding: 10% 5% 10% 62%;
        width: 100%;
        margin: auto;
    }
    .contenido3 h2 {
        font-size: 25px;
    }
    .contenido4 .row, .contenido8 {
        padding: 20px 0px;
    }
    .contenido4 .row:nth-child(1) {
        flex-direction: row;
    }
    .contenido4 .containerImg {
        order: 0;
    }
    .contenido4 .row:nth-child(1) .containerImg{
        width:45%;
        margin:auto;
        padding:0%;
    }
    .contenido4 .row:nth-child(1) .containerText{
        width:55%;
        padding: 5% 80px;
    }
    .contenido4 .row:nth-child(2) .containerImg{
        width:45%;
        margin:auto;
        padding: 5% 40px;
    }
    .contenido4 .row:nth-child(2) .containerText{
        width:55%;
        padding: 0% 80px;
    }
    .contenido4 .row:nth-child(3) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(3) .containerText{
        width:45%;
        padding: 5% 40px 5% 80px;
    }
    .contenido4 .row:nth-child(3) img {
        padding: 0% 8%;
    }
    .contenido4 .row:nth-child(4) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(4) .containerText{
        width:45%;
        padding: 5% 80px 0px 0px;
    }
    .contenido4 .row:nth-child(5) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(5) .containerText{
        width:45%;
        padding: 5% 40px 5% 80px;
    }
    .contenido4 .row:nth-child(5) .containerImg img{
        max-width: 100%;
        min-height: auto;
        object-fit: contain;
    }
    .contenido5 >div {
        width: 85%;
    }
    .contenido5 .tarjetas h2, .contenido5 .tarjetas .row .texto h3, .contenido5 .tarjetas .row .texto p {
        padding: 2% 0%;
    }
    .contenido5 .tarjetas .img {
        order: 0;
        display: flex;
        align-items: flex-end;
    }
    .contenido5 .tarjeta1 .img img {
        margin: unset;
        max-height: auto;
        max-width: 250px;
        object-fit: contain;
    }
    .contenido5 .col-lg-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .contenido5 .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .contenido5 .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido5 .tarjetas .img {
        order: 0;
    }
    .contenido5 .text-lg-center {
        text-align: left!important;
    }
    .contenido6{
        min-height: 50vh;
    }
    .contenido6 .box{
        padding: 25% 5% 25% 62%;
    }
    .contenido7 .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido7 .img {
        order: 0;
    }
    .contenido7 img{
        padding: 0% 10%;
    }
    .contenido8 {
        padding: 20px 10%;
    }
    .contenido8 .col-12 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0% 2%;
    }
    .contenido9{
        height:auto;
        padding: 0% 11.5% 5%;
    }
    .contenido9 img{
        height:auto;
    }
    .contenido9 .imgWeb{
        display:block !important;
        margin:auto;
    }
    .contenido9 .imgMovil{
        display:none !important;
    }
}

/*// Desktops col-lg*/
@media only screen and (min-width: 992px) and (max-width:1151px) and (orientation: landscape){
    body{
        overflow-x:hidden;
    }
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /***********************************************************************************/
    .contenido1 h1 {
        display: block;
        width: 40%;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0;
    }
    .contenido1 video {
        margin-top: 160px;
        min-height: 100vh;
    }
    .contenido1 {
        background-image: none;
        margin-top: 0px;
    }
    /***********************************************************************************/
    .contenido2 .row{
        width:65%;
        margin:auto;
    }
    .contenido2 br{
        display:none;
    }
    /***********************************************************************************/
    .contenido3 h2 {
        font-size: 35px;
    }
    /***********************************************************************************/
    .contenido4 .row:nth-child(1) .containerImg{
        width:45%;
        margin:auto;
    }
    .contenido4 .row:nth-child(1) .containerText{
        width:55%;
        padding: 0% 10% 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerImg{
        width:45%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerText{
        width:55%;
        padding: 0% 7.5% 0% 10%;
    }
    .contenido4 .row:nth-child(3) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(3) .containerText{
        width:45%;
        padding: 0% 5% 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerText{
        width:45%;
        padding: 0% 7.5% 0% 0%;
    }
    .contenido4 .row:nth-child(5) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(5) .containerText{
        width:45%;
        padding: 0% 6% 0% 7.5%;
    }
    /***********************************************************************************/
    .contenido5 .tarjetas {
        background-color: #ffffff;
        height:auto;
        padding: 5% 0% !important;
    }
    .contenido5 .tarjetas .row{
        display:flex;
        align-items:center;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2){
        padding: 0% 7% 78px;
    }
    .contenido5 .tarjeta1 .row .texto h3 {
        padding: 0%;
    }
    .contenido5 .otraTarjeta .col-12:nth-child(1) {
        padding: 0% 6% 0%;
    }
    .contenido5 .tarjeta1 {
        margin: 100px 0px 109px 0px;
    }
    .contenido5 .otraTarjeta {
        margin: 0px 0px 100px 0px;
    }
    .contenido5 .tarjetas .img {
        order: 0;
        display: flex;
        align-items: flex-end;
    }
    .contenido5 .tarjeta1 .img img {
        margin: unset;
        max-height: auto;
        max-width: 350px;
        object-fit: contain;
    }
    .contenido5 >div {
        width: 85%;
        margin: auto;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2) {
        padding: 0% 7% 0px;
    }
    .contenido5 .tarjeta1 {
        padding-bottom: 0% !important;
    }
    .contenido5 .text-lg-center {
        text-align: left!important;
    }
    .contenido5 .tarjetas h2, .contenido5 .tarjetas .row .texto h3, .contenido5 .tarjetas .row .texto p {
        padding: 2% 0%;
    }
    
    .contenido5 .tarjeta1 .row .texto h3 {
        padding-right: 5vw;
    }
    
    .contenido5 .otraTarjeta .row .texto h3 {
        padding-right: 5vw;
    }
    
    .contenido5 .tarjetas {
        min-height: 650px;
        height: auto;
    }
    /***********************************************************************************/
    .contenido6 {
        background-position-x: right;
    }
    
    .contenido6 .box{
        width: 40%;
        padding: 0% 6% 0% 0%;
    }
    /***********************************************************************************/
    .contenido7 .col-12:nth-child(1){
        padding: 0% 6%;
    }
    /*    ***************************************************************************    */
    .contenido8 {
        padding: 1% 13% 3%;
    }
    /*    ****************************************************************************/
    .contenido9{
        padding: 1% 14.5% 5%;
    }
}

/*// Large screens col-xl*/
@media only screen and (min-width: 1152px) and (max-width:1499px) and (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /***********************************************************************************/
    .contenido1 {
        background-image: none;
        margin-top: 0px;
    }
    .contenido1.static{
        display:none !important;
    }
    .contenido1 video {
        margin-top: 160px;
        min-height: 100vh;
    }
    .VideoIntersectionPlay.animated{
        margin: 60px 0px;
    }
    .VideoIntersectionPlay h1{
        font-size: calc(40px + (80 - 40) * (100vw - 320px) / (1920 - 320));
        font-family: 'DINPro-Bold';
        color: #FFFFFF;
        width: 43%;
        text-align: center;
        padding: 0% 2%;
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        left: 1%;
    }
    video{
        width: 100%;
        min-height: 100vh;
        object-fit: cover;
        transform: none;
        outline: none;
    }
    /***********************************************************************************/
    .contenido2 .row{
        width:45%;
        margin:auto;
    }
    /***********************************************************************************/
    .contenido3 {
        background-image: url('https://assets.claro360.com/Empresa/medicinaIntegral/section1-laptop.jpg');
        background-position-x: left;
    }
    /***********************************************************************************/
    .contenido4 h1 {
        padding-right: 4vw;
    }
    
    .contenido4 .row:nth-child(1) .containerImg{
        width:45%;
        margin:auto;
    }
    .contenido4 .row:nth-child(1) .containerText{
        width:55%;
        padding: 0% 10% 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerImg{
        width:45%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(2) .containerText{
        width:55%;
        padding: 0% 7.5% 0% 10%;
    }
    .contenido4 .row:nth-child(3) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(3) .containerText{
        width:45%;
        padding: 0% 5% 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(4) .containerText{
        width:45%;
        padding: 0% 7.5% 0% 0%;
    }
    .contenido4 .row:nth-child(5) .containerImg{
        width:55%;
        margin:auto;
        padding: 0% 7.5%;
    }
    .contenido4 .row:nth-child(5) .containerText{
        width:45%;
        padding: 0% 6% 0% 7.5%;
    }
    /***********************************************************************************/
    .contenido5 .tarjetas {
        background-color: #ffffff;
        height:auto;
        padding: 5% 0% 0% !important;
    }
    .contenido5 .tarjetas .row{
        display:flex;
        align-items:center;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2){
        padding: 0% 7% 78px;
    }
    .contenido5 .tarjeta1 .row .texto h3 {
        padding: 0%;
    }
    .contenido5 .otraTarjeta .col-12:nth-child(1) {
        padding: 0% 6% 0%;
    }
    .contenido5 .tarjeta1 {
        margin: 100px 0px 109px 0px;
    }
    .contenido5 .otraTarjeta {
        margin: 0px 0px 100px 0px;
    }
    .contenido5 .tarjetas .img {
        order: 0;
        display: flex;
        align-items: flex-end;
    }
    .contenido5 .tarjeta1 .img img {
        margin: unset;
        max-height: auto;
        max-width: 350px;
        object-fit: contain;
    }
    .contenido5 >div {
        width: 85%;
        margin: auto;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2) {
        padding: 0% 7% 0px;
    }
    .contenido5 .tarjeta1 {
        padding-bottom: 0% !important;
    }
    .contenido5 .text-lg-center {
        text-align: left!important;
    }
    .contenido5 .tarjetas h2, .contenido5 .tarjetas .row .texto h3, .contenido5 .tarjetas .row .texto p {
        padding: 2% 0%;
    }
    
    .contenido5 .tarjeta1 .row .texto h3 {
        padding-right: 12vw;
    }
    
    .contenido5 .otraTarjeta .row .texto h3 {
        padding-right: 8vw;
    }
    
    .contenido5 .tarjetas {
        min-height: 650px;
        height: auto;
    }
    /***********************************************************************************/ 
    .contenido6 {
        background-position-x: right;
    }
    
    .contenido6 .box{
        width: 40%;
        padding: 0% 6% 0% 0%;
    }
    /***********************************************************************************/
    .contenido7 .col-12:nth-child(1){
        padding: 0% 6%;
    }
    /*    ***************************************************************************    */
    .contenido8 {
        padding: 1% 18% 3%;
    }
    /*    ****************************************************************************/
    .contenido9{
        padding: 1% 19% 5%;
    }
}

@media only screen and (min-width: 1500px) and (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /***********************************************************************************/
    .contenido1.static{
        display:none !important;
    }
    .contenido1 {
        background-image: none;
        margin-top: 0px;
    }
    .VideoIntersectionPlay.animated{
        margin: 60px 0px;
    }
    .VideoIntersectionPlay h1{
        font-size: calc(40px + (80 - 40) * (100vw - 320px) / (1920 - 320));
        font-family: 'DINPro-Bold';
        color: #FFFFFF;
        width: 43%;
        text-align: center;
        padding: 0% 2%;
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        left: 1%;
    }
    video{
        width: 100%;
        min-height: 100vh;
        object-fit: cover;
        transform: none;
        outline: none;
    }
    /***********************************************************************************/
    .contenido2 .row{
        width:45%;
        margin:auto;
    }
    /***********************************************************************************/
    /***********************************************************************************/
    .contenido4 .row:nth-child(1) .containerImg{
        width:45%;
        margin:auto;
    }
    .contenido4 .row:nth-child(1) .containerText{
        width:55%;
        padding: 0% 20% 0% 13.5%;
    }
    .contenido4 .row:nth-child(2) .containerImg{
        width:45%;
        margin:auto;
    }
    .contenido4 .row:nth-child(2) .containerText{
        width:55%;
        padding: 0% 19% 0% 10%;
    }
    .contenido4 .row:nth-child(3) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(3) .containerText{
        width:45%;
        padding: 0% 6% 0% 13%;
    }
    .contenido4 .row:nth-child(4) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(4) .containerText{
        width:45%;
        padding: 0% 18% 0% 0%;
    }
    .contenido4 .row:nth-child(5) .containerImg{
        width:55%;
        margin:auto;
    }
    .contenido4 .row:nth-child(5) .containerText{
        width:45%;
        padding: 0% 6% 0% 13%;
    }
    .contenido4 .row:nth-child(5) .containerImg img{
        max-width: 800px;
        min-height: 900px;
        object-fit: contain;
    }
    
    .contenido4 br {
        display: none;
    }
    /***********************************************************************************/
    .contenido5 .tarjeta1 img{
        max-width:488px;
        max-height: 841px;
        margin:0;
    }
    .contenido5 .tarjeta1 .col-12:nth-child(2){
        padding: 0% 7% 78px;
    }
    .contenido5 .tarjeta1 .row .texto h3 {
        padding: 0% 17%;
    }
    .contenido5 .otraTarjeta .col-12:nth-child(1) {
        padding: 0% 6% 0%;
    }
    
    .contenido5 .otraTarjeta .row .texto h3 {
        padding-right: 8vw;
    }
    /***********************************************************************************/
    .contenido6 .box{
        width: 40%;
        padding: 0% 6% 0% 0%;
    }
    /***********************************************************************************/
    .contenido7 .col-12:nth-child(1){
        padding: 0% 6%;
    }
    /*    ***************************************************************************    */
    .contenido8 {
        padding: 1% 18%;
    }
    /*    ****************************************************************************/
    .contenido9{
        padding: 1% 18.7% 5%;
    }
}

@media only screen and (min-width: 2300px) and (orientation: landscape){
    .contenido4 h1 {
        padding-right: 4vw;
    }
    
    .contenido4 img{
        width: 50%;
    }
    .contenido4 .row:nth-child(3) img{
        width:40%;
    }
    .contenido5 >div {
        width: 60%;
        margin: auto;
    }  
    .contenido7 img{
        width: 40%;
    }
    
    .contenido5 .otraTarjeta .row .texto h3 {
        padding-right: 4vw;
    }
}