@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%;
}
.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;
}
.contenido1, .contenido2, .contenido3, .contenido4,.contenido5, 
.contenido6, .contenido7, .contenido8,.contenido9, .contenido10, footer{
    position: relative;
    z-index:1;
    margin-top:-1px;
}
.revealContent{
    opacity:0;
    transition:all .8s ease-in-out;
}
.revealContent2 h1{
    opacity:0;
    transition:opacity 1s ease-in-out, transform 1.5s;
}
.background{
    background-color:ghostwhite;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}
img{
    max-width:100%;
    height:auto;
    display:block;
    margin:auto;
}
.container-fluid{
    background-color:#ffffff;
}
/***********************************************************************************/
.contenido1{
    background-image: url('https://assets.claro360.com/360/360_01.png');
    margin-top: 60px;
}
.contenido1 h1, .contenido2 h1, .contenido3 h1, .contenido4 h1{
    font-size: calc(50px + (200 - 50) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #000000;
}
.contenido1 h1{
    margin: 0;
    background: rgba(28,0,0,0.5);
}
.contenido1 h1{
    position: relative;
    color: white;
}
.contenido1 .headline{
    width: 100%;
    font: calc(50px + (200 - 50) * (100vw - 320px) / (1920 - 320))  system-ui, sans-serif;
    font-weight: bold;
    height: 300px;
    margin: 0% 0% 20% 0%;
}
@supports (clip-path: url(#lockup-headline-mask-path)) {
    .contenido1 .visually-hidden{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .contenido1 h1{
        backdrop-filter: blur(20px);
        background: rgba(white, 0.2);
        clip-path: url(#lockup-headline-mask-path);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(white, 0.2);
        -webkit-clip-path: url(#lockup-headline-mask-path);
        clip-path: url(#lockup-headline-mask-path);
    }
}
/***********************************************************************************/
.contenido2{
    background-image: url('https://assets.claro360.com/360/empresa+copia.jpg');
}
.contenido2 h1{
    margin: 0;
    background: rgba(0,0,0,0.5);
}
.contenido2 h1{
    position: relative;
    color: white;
}
.contenido2 .headline{
    width: 100%;
    font: calc(50px + (200 - 50) * (100vw - 320px) / (1920 - 320))  system-ui, sans-serif;
    font-weight: bold;
    height: 300px;
    margin: 27% 0% 0% 0%;
}
@supports (clip-path: url(#lockup-headline-mask-pathTwo)) {
    .contenido2 .visually-hidden{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .contenido2 h1{
        backdrop-filter: blur(20px);
        background: rgba(white, 0.2);
        clip-path: url(#lockup-headline-mask-pathTwo);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(white, 0.2);
        -webkit-clip-path: url(#lockup-headline-mask-pathTwo);
        clip-path: url(#lockup-headline-mask-pathTwo);
    }
}
/***********************************************************************************/
.contenido3{
    background-image: url(https://assets.claro360.com/360/corp+copia.jpg);
}
.contenido3 h1{
    margin: 0;
    background: rgba(255,255,255,0.7);
}
.contenido3 h1{
    position: relative;
    color: white;
}
.contenido3 .headline{
    width: 100%;
    font: calc(50px + (200 - 50) * (100vw - 320px) / (1920 - 320))  system-ui, sans-serif;
    font-weight: bold;
    height: 300px;
    margin: 7% 0%;
}
@supports (clip-path: url(#lockup-headline-mask-pathThree)) {
    .contenido3 .visually-hidden{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .contenido3 h1{
        backdrop-filter: blur(2px);
        background: rgba(white, 0.2);
        clip-path: url(#lockup-headline-mask-pathThree);
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background: rgba(white, 0.2);
        -webkit-clip-path: url(#lockup-headline-mask-pathThree);
        clip-path: url(#lockup-headline-mask-pathThree);
    }
}
/***********************************************************************************/
.contenido4{
    background-image: url('https://assets.claro360.com/360/gobierno3+copia.jpg');
}
.contenido4 h1{
    margin: 0;
    background: rgba(210,235,255,0.6);
}
.contenido4 h1{
    position: relative;
    color: white;
}
.contenido4 .headline{
    width: 100%;
    font: calc(55px + (200 - 55) * (100vw - 320px) / (1920 - 320)) system-ui, sans-serif;
    font-weight: bold;
    height: 300px;
    margin: 5% -15% 0%;
}
@supports (clip-path: url(#lockup-headline-mask-pathFour)) {
    .contenido4 .visually-hidden{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .contenido4 h1{
        backdrop-filter: blur(20px);
        background: rgba(white, 0.2);
        clip-path: url(#lockup-headline-mask-pathFour);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(white, 0.2);
        -webkit-clip-path: url(#lockup-headline-mask-pathFour);
        clip-path: url(#lockup-headline-mask-pathFour);
    }
}
/***********************************************************************************/
.contenido5{
    padding:10% 0% 10% 0%;
}
.contenido5 img{
    max-width: 450px;
}
.contenido5 .row:nth-child(2){
    width: 58.9%;
    padding: 3% 0% 2% 0%;
    line-height: 1.3;
}
.contenido5 .row:nth-child(2) .texto p{
    font-size: calc(18px + (42 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#645C5C;
    line-height: normal;
}
.contenido5 .row:nth-child(3) button{
    border: none;
    width: 18.5%;
    outline: none;
    padding: .7% 0%;
    border-radius: 70px;
    margin-top:90px;
    background-color:#C71D1D;
    font-family: 'DINPro-Bold';
    color:#ffffff;
    font-size: calc(17px + (28 - 17) * (100vw - 320px) / (1920 - 320));
}
/***********************************************************************************/
.contenido6{
    background-image: url('https://assets.claro360.com/360/Fondo+web.png');
}
.contenido6 .row2{
    background-image: url(https://assets.claro360.com/360/Fondo%2Bweb3.png);
    padding-top:5%;
}
.contenido6 .row3{
    background-image: url(https://assets.claro360.com/360/Fondo%2Bweb3.png);
}
.contenido6 .row:nth-child(1 ) h1{
    padding: 40% 0% 0%;
}
.contenido6,.contenido7{
    background-color:#EAE7E7 !important;
    position: relative;
}
.contenido6 .three img, .contenido7 img{
    margin:unset;
    width: 100%;
}
.contenido6 h1, .contenido7 h1, .contenido8 h1, .contenido9 h1, .contenido10 h1{
    font-size: calc(14px + (28 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Light';
    color: #000000;
}
.contenido6 p, .contenido7 p, .contenido8 p, .contenido9 p, .contenido10 p{
    font-size: calc(16.5px + (42 - 16.5) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #000000;
    line-height: 1.3;
}
.contenido6 span, .contenido7 span, .contenido8 span, .contenido9 span, .contenido10 span{
    color:#FF680D;
}
.contenido6 .one{
    padding: 14% 2% 5% 10%;
}
.contenido6 .one img{
    margin:unset;
    object-fit: contain;
}
/***********************************************************************************/
.contenido6 .row2{
    height:auto;
}
.contenido6 .row2 .text{
    padding: 0% 2% 0% 11%;
}
.contenido6.background > div:nth-child(3) > div > img{
    width:100%;
    height: auto;
    object-fit: contain;
}
.contenido6 .three{
    padding: 0% 10% 0%;
}
.contenido6.background > div:nth-child(4) > div > img{
    margin-top: 0px;
}
/***********************************************************************************/
.contenido8{
    background-color:#000000;
    margin: -1px 0px;
    padding: 10% 0%;
}
.contenido8 h1, .contenido8 p,
.contenido9 h1, .contenido9 p,
.contenido10 h1, .contenido10 p{
    color:#ffffff;   
    line-height: 1.3;
}
.contenido8 .texto{
    padding: 0% 12.7% 0% 4%;
}
/***********************************************************************************/
.contenido9{
    background-color:#000000;
}
.contenido9 .texto{
    padding: 0% 2% 7% 13.7%;
}
.contenido9 img{
    height:auto;
    object-fit: contain;
    margin:unset;
}
/***********************************************************************************/
.contenido10{
    background-color:#000000;
    padding: 10% 0%;
}
.contenido10 img{;
                 margin:unset;
}
.contenido10 .texto{
    padding: 0% 13.7% 0% 2%;
}
/***********************************************************************************/
.contenido11{
    background-image: url('https://assets.claro360.com/360/360_13.png');
}
.contenido11 .column{
    padding: 0% 0% 5%;
}
.contenido11 h1{
    font-size: calc(30px + (32 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#000000;
}
.contenido11 a{
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color:#0E8FD3;
}
.contenido11 img{
    max-width: 140px;
}
/***********************************************************************************/
.contenido12{
    background-color:#EAE7E7;
}
.contenido12 h1{
    font-size: calc(50px + (150 - 50) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #000000;
    padding: 0% 22%;
    line-height:1;
}
.contenido12 p{
    font-size: calc(35px + (90 - 35) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #000000;
    line-height: 1.1;
    padding: 0% 8% 0% 15%;
}
.contenido12 .card-cols{
    padding: 0% 5%;
}
.contenido12 .card-cols .row{
    border-radius:66px;
}
.contenido12 .card-cols img{
    width:100%;
    height: 100%;
}
.contenido12 .second-section p{
    font-size: calc(35px + (60 - 35) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    line-height: 1.3;
    font-weight: 600;
    padding:0% 12%;
}
.contenido12 .second-section .number{
    font-size: calc(68px + (180 - 68) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin:0;
}
.contenido12 .card-white{
    background-color: white;
    border-radius: 66px;
}
.contenido12 .card-white img{
    max-width: 100%;
    width: auto;
}
.contenido12 .card-black{
    background-color: black;
    border-radius: 66px;
}
.contenido12 .card-black p{
    color:white;
}
.contenido12 .first-deck{
    min-height:600px;
    display: flex;
    align-items: center;
}
.contenido12 .second-deck{
    min-height:400px;
    display: flex;
    align-items: flex-start;
    padding-bottom:20%;
}
.section12 .contenido12 .row .second-section .title{
    line-height: 1;
}
.contenido12 .second-section .number.big{
    font-size: calc(80px + (220 - 80) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin:0;
}
.contenido12 .last-section{
    padding-bottom:15%;
}
/***********************************************************************************/
.contenido13 .row{
    padding: 5% 14%;
}
.contenido13 h1{
    font-size: calc(55px + (150 - 55) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #000000;
    line-height: 1.1;
}
.contenido13 p{
    font-size: calc(16px + (42 - 16) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #000000;
    line-height: 1.4;
}
/***********************************************************************************/
.contenido14{
    padding: 5% 5% 0% 10%;
    background-image: url('https://assets.claro360.com/360/Fondo+web2.png');
}
.contenido14 h1, .contenido15 h1{
    font-size: calc(35px + (60 - 35) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #FF680D;
    margin:0;
}
.contenido14 p, .contenido15 p{
    font-size: calc(55px + (100 - 55) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #000000;
    line-height: 1;
}
.contenido14 .row2{
    min-height: 1100px;
}
.contenido14 .row2 p{
    font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color: #000000;
    line-height: 1.3;
}
.contenido14 .row2 img{
    width: 100%;
    max-width: initial;
    padding-top: 15%;
}
.contenido14 .columnText{
    padding: 2% 8% 0% 0%;
}
/***********************************************************************************/
.contenido15{
    padding:4% 0%;
}
.contenido15 h1, .contenido15 p{
    padding: 1% 10%;
}
/***********************************************************************************/
.contenido16{
    padding:5% 10%;
}
.contenido16 img{
    margin:unset;
    display: inline-block;
    margin-bottom: 2%;
}
.contenido16 .row .empresario{
    border-right:1px solid black;
    padding: 0% 5% 0% 8%;
}
.contenido16 .row .colab{
    border-left:1px solid black;
    padding: 0% 8% 0% 5%;
}
.contenido16 h1{
    font-size: calc(20px + (32 - 20) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #000000;
    margin:0;
}
.contenido16 p{
    font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color: #000000;
}
/***********************************************************************************/
.contenido17{
    padding: 5% 0% 10%;
}
.contenido17 h1{
    font-size: calc(35px + (60 - 35) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #FF680D;
}
.contenido17 h2{
    font-size: calc(60px + (100 - 60) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #000000;
    line-height: 1;
}
.contenido17 p{
    font-size: calc(17px + (32 - 17) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color: #000000;
}
.contenido17 .first-images{
    margin:unset;
}
.contenido17 .images{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-flow: wrap;
}
.contenido17 .text .lastText{
    padding-bottom:5%;
    padding-top:5%;
}
.contenido17 .text h1,.contenido17 .text h2, .contenido17 .text p{
    padding: 0% 30% 0% 5%;
}
.contenido17 .images h1,.contenido17 .images h2, .contenido17 .images p{
    padding: 0% 5% 0% 35%;
}
.contenido17 .images .firstText{
    padding-bottom: 10%;
    padding-top: 10%;
}
.contenido17 .images .lastText{
    padding-top: 2%;
}
/***********************************************************************************/
.contenido18 p{
    font-size: calc(16px + (32 - 16) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color: #000000;
    text-align: center;
}
.contenido18 img.right{
    margin:unset;
}
.contenido18 .phones,
.contenido18 .tablet{
    padding: 0% 0% 0% 5%;
}
.contenido18 .tablet img{
    margin:unset;
}
/***********************************************************************************/
.contenido19{
    padding:4% 0% 10%;
}
.contenido19 h1{
    font-size: calc(35px + (60 - 35) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #FF680D;
    margin: 0;
    padding: 5% 0%;
}
.contenido19 h2{
    font-size: calc(55px + (100 - 55) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
    color: #000000;
    line-height: 1;
}
.contenido19 p{
    font-size: calc(17px + (32 - 17) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color: #000000;
    padding: 5% 0%;
}
.contenido19 .texto{
    padding: 0% 1.6% 0% 10%;
    margin: -120px 0px 120px;
}
/***********************************************************************************/
.contenido20{
    background-image: url('https://assets.claro360.com/360/360_30.png');
    background-position: bottom;
}
.contenido20 .texto{
    padding: 8% 20%;
}
.contenido20 h1{
    font-family: 'DINPro-Bold';
    color:#FFF;
    font-size: calc(55px + (150 - 55) * (100vw - 320px) / (1920 - 320));
    margin: 3% 0%;
}
.contenido20 p{
    font-family:  'Helvetica-Neue-Bold';
    color:#FFF;
    font-size: calc(18px + (42 - 18) * (100vw - 320px) / (1920 - 320));
}
.contenido20 button{
    font-family: 'DINPro-Bold';
    color:#ffffff;
    font-size: calc(20px + (28 - 20) * (100vw - 320px) / (1920 - 320));
}
.contenido20 button{
    border: none;
    width: 350px;
    outline: none;
    padding: 1% 0%;
    border-radius: 70px;
    margin-top:10px;
    background-color:#C71D1D;
}
/***********************************************************************************/
.contenido21 p{
    font-size: calc(18px + (42 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #1D1D1F;
    line-height:1.2;
}
.contenido21 a{
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color:#0E8FD3;
}
.contenido21 .container-image{
    min-height: 260px;
    display:flex;
}
.contenido21 .column-custom{
    background-color:#ffffff;
    flex: 0 0 47%;
    max-width: 47%;
    margin: 1%;
    padding: 2% 8% 4%;
}
.contenido21 .row .column-custom:nth-child(3),
.contenido21 .row .column-custom:nth-child(4){
    margin-top:0%;
}




/*PORTRAIT RESPONSIVE*/
@media(max-width:374px){.contenido12 .second-section p {
        font-size: 25px;
    }
    .contenido12 .second-section .card-black p.number {
        font-size: 50px;
    }
    .contenido12 .second-section .number.big {
        font-size: 50px;
    }
}
/*// Mobile devices col */
@media (max-width: 576px) {
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    .background{
        background-attachment: initial;
    }
    /***********************************************************************************/
    .contenido1{
        background-image: url('https://assets.claro360.com/360/Responsive/360_Resp01.png');
    }
    .contenido1 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 15%;
    }
    .contenido1 .headline {
/*        transform: translate(0%, 0%) !important;*/
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido2{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-1.png');
    }
    .contenido2 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 15%;
    }
    .contenido2 .headline {
/*        transform: translate(0%, 0%) !important;*/
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido3{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-2.png');
    }
    .contenido3 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 15%;
    }
    .contenido3 .headline {
/*        transform: translate(0%, 0%) !important;*/
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido4{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-3.png');
    }
    .contenido4 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 15%;
    }
    .contenido4 .headline {
/*        transform: translate(0%, 0%) !important;*/
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido5 .mx-auto .texto {
        padding: 0;
    }
    
    .contenido5 .row:nth-child(2) {
        width: 88%;
        padding: 8% 0% 2% 0%;
    }
    .contenido5 .row:nth-child(3) button {
        width: 58.5%;
        padding: 2.5% 0%;
        margin-top: 15px;
    }
    .contenido5{
        margin-bottom:30%;
    }
    /***********************************************************************************/
    .contenido6 .one {
        padding: 10% 0%;
    }
    .contenido6 .row:nth-child(1) h1 {
        padding: 1% 5%;
    }
    .contenido6 .row:nth-child(2) h1 {
        padding: 1% 0%;
    }
    .contenido6 p, .contenido7, .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 3% 5%;
    }
    .contenido6 .row:nth-child(1) .three img{
        display: none;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2){
        order:-1;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2) img{
        margin:unset;
        padding: 0% 0% 0% 12%;
    }
    .contenido6 .row2 .text {
        padding: 1% 4%;
    }
    .contenido6 .row2 p{
        padding: 3% 0%;
    }
    
    .contenido6 .row:nth-child(3) .three{
        padding:0%;
        display: flex;
        justify-content: center;
    }
    
    .contenido6.background > div:nth-child(3) > div > img {
        height: auto;
        padding: 5% 0% 0%;
    }
    
    .contenido6.background > div:nth-child(3) > div > img {
        width: 90%;
    }

    .contenido6{
        background-image: none;
        background-color:transparent !important;
    }
    .contenido6 .row:nth-child(1){
        background-image: url(https://assets.claro360.com/360/Fondo%2Bweb3.png);
    }
    .contenido6 .one img {
        padding: 0% 20%;
        margin: -30% auto 0%;
    }
    /***********************************************************************************/
    .contenido8 {
        background-color: #000000;
        margin: -1px 0px;
        padding: 20% 0%;
    }
    
    .contenido8 .row {
        flex-direction: column-reverse;
    }
    
    .contenido8 h1, .contenido8 p{
        transform: none  !important;
    }
    .contenido8 .row img{
        margin:unset;
        padding: 0% 10% 0% 0%;
    }
    .contenido8 .row div:nth-child(1){
        display: flex;
        justify-content: flex-start;
    }
    .contenido8 .texto {
        padding: 0% 5%;
    }
    .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido9 .row {
        flex-direction: column-reverse;
    }
    
    .contenido9 .texto {
        padding: 0% 5%;
        order: 1;
    }
    .contenido9 img {
        height: auto;
        object-fit: contain;
        margin: unset;
        width: 90%;
    }
    .contenido9 h1, .contenido9 p{
        transform: none  !important;
    }
    /***********************************************************************************/
    .contenido10{
        padding:0% 5%;
    }
    
    .contenido10 .row {
        flex-direction: column-reverse;
    }
    
    .contenido10 .texto {
        padding: 0% 0% 5% 0%;
    }
    .contenido10 h1, .contenido10 p{
        transform: none  !important;
    }
    .contenido10 img {
        margin: unset;
        padding: 5% 10% 5% 10%;
    }
    /***********************************************************************************/
    .contenido11{
        background-image: url(https://assets.claro360.com/360/Responsive/360_Resp12.png);
    }
    .contenido11 img {
        max-width: 90px;
    }
    .contenido11 .column {
        padding: 0% 0% 20%;
    }
    .contenido11 h1 {
        padding: 5% 0% 0%;
        margin: 8px 0px;
    }
    /***********************************************************************************/
    .contenido12{
        padding:0% 5%;
    }
    .contenido12 .card-white {
        border-radius: 40px;
        margin: 0% 0% 10% 0%;
        padding: 0;
    }
    .contenido12 h1 {
        padding: 0%;
    }
    .contenido12 p {
        padding: 10% 10%;
    }
    .contenido12 .first-deck {
        min-height: auto;
    }
    .contenido12 .card-white img {
        width: 130px;
        padding: 10% 0%;
    }
    .contenido12 .second-deck {
        min-height: auto;
        padding-bottom: 10%;
    }
    .contenido12 .second-section p {
        padding: 0% 10%;
    }
    .contenido12 .second-section .card-black p.number{
        padding: 10% 10% 0 10%;
    }
    .contenido12 .card-cols .row {
        border-radius: 40px;
        margin:0% 0% 10% 0%;
    }
    .contenido12 .card-black {
        border-radius: 40px;
        padding: 0;
    }
    .contenido12 .second-section p {
        padding: 10% 10% 0 10%;
    }
    .contenido12 .mt-5, .my-5 {
        margin-top: 0rem!important;
    }
    .section12 > div > div > div:nth-child(4) > div{
        margin:0% 0% 0% 0% !important;
    }
    /***********************************************************************************/
    .contenido13 .row {
        padding: 20% 5%;
    }
    /***********************************************************************************/
    .contenido14{
        padding:0%;
    }
    .contenido14 h1, .contenido14 p{
        padding:2% 5%;
    }
    .contenido14 .img{
        padding: 10% 0% 5% 3%;
        display: flex;
        justify-content: flex-end;
    }
    .contenido14 .columnText {
        padding: 5% 0%;
    }
    .contenido14 .row2 {
        min-height: auto;
    }
    .contenido14 .row2 img {
        margin:0;
        padding: 10% 5%;
    }
    .contenido14 .imgMovil{
        margin:unset;
    }
    /***********************************************************************************/
    .contenido15{
        padding:5%;
    }
    .contenido15 .row div{
        padding:0%;
    }
    .contenido15 h1, .contenido15 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido16{
        padding:10% 5%;
    }
    .contenido16 .row .colab{
        border-left: 0px solid black !important;
        padding:5% 0% !important;
    }
    .contenido16 .row .empresario {
        border-right: 0px solid black !important;
        padding:5% 0% !important;
    }
    .contenido16 img {
        margin-bottom: 5%;
        max-width: 80px;
    }
    /***********************************************************************************/
    .contenido17{
        padding:5% 0%;
    }
    .contenido17 .text h1, .contenido17 .text h2, .contenido17 .text p {
        padding:0% 5%;
    }
    .contenido17 h1{
        margin:2% 0%;
    }
    .contenido17 .text{
        order:-1;
        padding:0%;
    }
    .contenido17 .images{
        padding:0%;
    }
    .contenido17 .text .lastText:nth-child(2) {
        display: none;
    }
    .contenido17 .text .firstText.d-none {
        display: block !important;
        padding: 5% 5% 10%;
    }
    .contenido17 .images .firstText {
        display: none;
    }
    .contenido17 .images .lastText {
        padding: 5% 5% 10%;
    }
    .contenido17 .box{
        display: flex;
        justify-content: flex-start;
        padding: 0% 5% 0% 0%;
    }
    .contenido17 .box img{
        margin:unset;
    }
    .contenido17 .box2{
        display: flex;
        justify-content: flex-end;
        padding: 0% 0% 0% 5%;
    }
    .contenido17 .text .imgMovil{
        padding:0% 12%;
    }
    .contenido17 .text .box .imgMovil{
        padding: 0% 12% 0% 0%;
    }
    .contenido17 .box2 img{
        margin:unset;
        padding: 0% 0% 0% 12%;
    }
    /***********************************************************************************/
    .contenido18{
        display:none;
    }
    /***********************************************************************************/
    .contenido19 .texto {
        padding: 10% 5%;
        margin:0;
    }
    .contenido19 p{
        padding:0%;
    }
    .contenido19 .box p{
        font-size: calc(10px + (32 - 10) * (100vw - 320px) / (1920 - 320));
        font-family: 'Helvetica-Neue-Regular';
        color: #000000;
        text-align: left;
    }
    .contenido19 .phones{
        padding: 15% 0%;
    }
    .contenido19 .phone{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .tablet{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .desktop{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .row .phones{
        display:flex !important;
    }
    .contenido19 .phone img, .contenido19 .tablet img, .contenido19 .desktop img{
        margin:unset;
    }
    .contenido19 .casa, .contenido19 .empresa{
        display:none !important;
    }
    .contenido19 .phone1, .contenido19 .phone2, .contenido19 .phone3{
        display:none !important;
    }
    .contenido19 .phone img.imgMovil{
        padding: 0% 50% 0% 0%;
    }
    /***********************************************************************************/
    .contenido20{
        background-image: url(https://assets.claro360.com/360/Responsive/360_Resp28.png);
    }
    .contenido20 .texto {
        padding: 35% 5%;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .contenido20 a {
        width: 100%;
    }
    
    .contenido20  button {
        width: 58.5%;
        padding: 2.5% 0%;
        margin: 5% auto 0;
        display: block;
    }
    .contenido20 h1 {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido21.container-fluid {
        background-color: #efefef;
    }
    .contenido21 .column-custom {
        flex: 0 0 80%;
        max-width: 80%;
        margin: 10% 0% 0%;
        padding: 2% 7% 4%;
    }
    .contenido21 img{
        max-width: 130px;
    }
    .contenido21 .container-image {
        min-height: 200px;
    }
    .contenido21 .row .column-custom:nth-child(3) {
        margin-top: 10%;
    }
    .contenido21 .row .column-custom:nth-child(4){
        margin:10% 0% 10%;
    }
    
    .contenido21 p {
        text-align: center;
    }
}

/*// Ipads, Tablets col-sm*/
@media only screen and (min-width: 577px) and (max-width:767px){
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    .background{
        background-attachment: initial;
    }
    /***********************************************************************************/
    .contenido1{
        background-image: url('https://assets.claro360.com/360/Responsive/360_Resp01.png');
    }
    .contenido1 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 25%;
    }
    .contenido1 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido2{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-1.png');
    }
    .contenido2 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 25%;
    }
    .contenido2 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido3{
        background-image: url('https://assets.claro360.com/360/Responsive/360ipad_03.png');
    }
    .contenido3 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 25%;
    }
    .contenido3 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido4{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-3.png');
    }
    .contenido4 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 25%;
    }
    .contenido4 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido5 .row:nth-child(2) {
        width: 88%;
        padding: 8% 0% 2% 0%;
    }
    .contenido5 .row:nth-child(3) button {
        width: 58.5%;
        padding: 2.5% 0%;
        margin-top: 15px;
    }
    .contenido5{
        margin-bottom:30%;
    }
    /***********************************************************************************/
    .contenido6 .one {
        padding: 10% 0%;
    }
    .contenido6 .row:nth-child(1) h1 {
        padding: 1% 5%;
    }
    .contenido6 .row:nth-child(2) h1 {
        padding: 1% 0%;
    }
    .contenido6 p, .contenido7, .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 3% 5%;
    }
    .contenido6 .row:nth-child(1) .three img{
        display: none;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2){
        order:-1;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2) img{
        margin:unset;
        padding: 0% 0% 0% 12%;
    }
    .contenido6 .row2 .text {
        padding: 1% 5%;
    }
    .contenido6 .row2 p{
        padding: 3% 0%;
    }
    .contenido6 .row:nth-child(3) .three{
        padding:0%;
    }
    .contenido6.background > div:nth-child(3) > div > img {
        height: auto;
        padding: 5% 0% 0%;
    }
    .contenido6{
        background-image: none;
        background-color:transparent !important;
    }
    .contenido6 .row:nth-child(1){
        background-image: url(https://assets.claro360.com/360/Fondo%2Bweb3.png);
    }
    .contenido6 .one img {
        padding: 0% 10%;
        margin: -30% auto 0%;
    }
    /***********************************************************************************/
    .contenido8 {
        background-color: #000000;
        margin: -1px 0px;
        padding: 20% 0%;
    }
    
    .contenido8 .row {
        flex-direction: column-reverse;
    }
    
    .contenido8 h1, .contenido8 p{
        transform: none  !important;
    }
    .contenido8 .row img{
        margin:unset;
        padding: 0% 10% 0% 0%;
    }
    .contenido8 .row div:nth-child(1){
        display: flex;
        justify-content: flex-start;
    }
    .contenido8 .texto {
        padding: 0% 5%;
    }
    .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido9 .row {
        flex-direction: column-reverse;
    }
    
    .contenido9 .texto {
        padding: 0% 5%;
        order: 1;
    }
    .contenido9 img {
        width: 80%;
        height: auto;
        object-fit: contain;
        margin: unset;
        padding: 5% 0% 0% 0%;
    }
    .contenido9 h1, .contenido9 p{
        transform: none  !important;
    }
    /***********************************************************************************/
    .contenido10{
        padding:0% 5%;
    }
    
    .contenido10 .row {
        flex-direction: column-reverse;
    }
    
    .contenido10 .texto {
        padding: 0% 0% 15% 0%;
    }
    .contenido10 h1, .contenido10 p{
        transform: none  !important;
    }
    
    .contenido10 img {
        margin: unset;
        padding: 0% 10% 20% 10%;
    }
    /***********************************************************************************/
    .contenido11{
        background-image: url(https://assets.claro360.com/360/Responsive/360_Resp12.png);
    }
    .contenido11 img {
        max-width: 90px;
    }
    .contenido11 .column {
        padding: 0% 0% 20%;
    }
    .contenido11 h1 {
        padding: 5% 0% 0%;
        margin: 8px 0px;
    }
    /***********************************************************************************/
    .contenido12{
        padding:0% 5%;
    }
    .contenido12 .card-white {
        border-radius: 40px;
        margin: 0% 0% 10% 0%;
        padding: 0;
    }
    .contenido12 h1 {
        padding: 0%;
    }
    .contenido12 p {
        padding: 10% 10%;
    }
    .contenido12 .first-deck {
        min-height: auto;
    }
    .contenido12 .card-white img {
        width: 130px;
        padding: 10% 0%;
    }
    .contenido12 .second-deck {
        min-height: auto;
        padding-bottom: 10%;
    }
    .contenido12 .second-section p {
        padding: 0% 10%;
    }
    
    .contenido12 .second-section .card-black p.number{
        padding: 10% 10% 5% 10%;
    }
    
    .contenido12 .second-section .parrafo {
        padding: 0% 10% 10% 10%;
    }
    
    .contenido12 .card-cols .row {
        border-radius: 40px;
        margin: 0% 0% 10% 0%;
    }
    .contenido12 .card-black {
        border-radius: 40px;
        padding: 0;
    }
    .contenido12 .second-section p {
        padding: 10% 10%;
    }
    .contenido12 .mt-5, .my-5 {
        margin-top: 0rem!important;
    }
    .section12 > div > div > div:nth-child(4) > div{
        margin:0% 0% 0% 0% !important;
    }
    /***********************************************************************************/
    .contenido13 .row {
        padding: 5%;
    }
    /***********************************************************************************/
    .contenido14{
        padding:0%;
    }
    .contenido14 h1, .contenido14 p{
        padding:2% 5%;
    }
    .contenido14 .img{
        padding: 10% 0% 5% 3%;
        display: flex;
        justify-content: flex-end;
    }
    .contenido14 .columnText {
        padding: 5% 0%;
    }
    .contenido14 .row2 {
        min-height: auto;
    }
    .contenido14 .row2 img {
        margin:0;
        padding: 10% 5%;
    }
    .contenido14 .imgMovil{
        margin:unset;
        width: 85%;
    }
    /***********************************************************************************/
    .contenido15{
        padding:5%;
    }
    .contenido15 .row div{
        padding:0%;
    }
    .contenido15 h1, .contenido15 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido16{
        padding: 0% 5% 10%;
    }
    .contenido16 .row .colab{
        border-left: 0px solid black !important;
        padding:5% 0% !important;
    }
    .contenido16 .row .empresario {
        border-right: 0px solid black !important;
        padding:5% 0% !important;
    }
    .contenido16 img {
        margin-bottom: 5%;
        max-width: 80px;
    }
    /***********************************************************************************/
    .contenido17{
        padding:5% 0%;
    }
    .contenido17 .text h1, .contenido17 .text h2, .contenido17 .text p {
        padding:0% 5%;
    }
    .contenido17 h1{
        margin:2% 0%;
    }
    .contenido17 .text{
        order:-1;
        padding:0%;
    }
    .contenido17 .images{
        padding:0%;
    }
    .contenido17 .text .lastText:nth-child(2) {
        display: none;
    }
    .contenido17 .text .firstText.d-none {
        display: block !important;
        padding: 5% 5% 10%;
    }
    .contenido17 .images .firstText {
        display: none;
    }
    .contenido17 .images .lastText {
        padding: 5% 5% 10%;
    }
    .contenido17 .box{
        display: flex;
        justify-content: flex-start;
        padding: 0% 5% 0% 0%;
    }
    .contenido17 .box img{
        margin:unset;
    }
    .contenido17 .box2{
        display: flex;
        justify-content: flex-end;
        padding: 0% 0% 0% 5%;
    }
    .contenido17 .text .imgMovil{
        padding:0% 12%;
    }
    .contenido17 .text .box .imgMovil{
        padding: 0% 12% 0% 0%;
    }
    .contenido17 .box2 img{
        margin:unset;
        padding: 0% 0% 0% 12%;
    }
    /***********************************************************************************/
    .contenido18{
        display:none;
    }
    /***********************************************************************************/
    .contenido19 .texto {
        padding: 10% 5%;
        margin:0;
    }
    .contenido19 p{
        padding:0%;
    }
    .contenido19 .box p{
        font-size: calc(10px + (32 - 10) * (100vw - 320px) / (1920 - 320));
        font-family: 'Helvetica-Neue-Regular';
        color: #000000;
        text-align: left;
    }
    .contenido19 .phones{
        padding: 15% 0%;
    }
    .contenido19 .phone{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .tablet{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .desktop{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .row .phones{
        display:flex !important;
    }
    .contenido19 .phone img, .contenido19 .tablet img, .contenido19 .desktop img{
        margin:unset;
    }
    .contenido19 .casa, .contenido19 .empresa{
        display:none !important;
    }
    .contenido19 .phone1, .contenido19 .phone2, .contenido19 .phone3{
        display:none !important;
    }
    .contenido19 .phone img.imgMovil{
        padding: 0% 60% 0% 0%;
    }
    /***********************************************************************************/
    .contenido20{
        background-image: url(https://assets.claro360.com/360/Responsive/360_Resp28.png);
    }
    
    .contenido20 .row {
        height: 100vh;
    }
    
    .contenido20 .texto {
        padding: 0% 5%;
        text-align: left;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    .contenido20  button {
        width: 58.5%;
        padding: 2.5% 0%;
        margin: 5% auto 0;
        display: block;
    }
    .contenido20 h1 {
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
    
    .contenido20 p {
        text-align: center;
    }
    
    .contenido20 a {
        width: 100%;
    }
    /***********************************************************************************/
    .contenido21.container-fluid {
        background-color: #efefef;
    }
    .contenido21 .column-custom {
        flex: 0 0 80%;
        max-width: 80%;
        margin: 10% 0% 0%;
        padding: 2% 7% 4%;
    }
    .contenido21 img{
        max-width: 130px;
    }
    .contenido21 .container-image {
        min-height: 200px;
    }
    .contenido21 .row .column-custom:nth-child(3) {
        margin-top: 10%;
    }
    .contenido21 .row .column-custom:nth-child(4){
        margin:10% 0% 10%;
    }
    
    .contenido21 p {
        text-align: center;
    }
}

/*// Laptops col-md*/
@media only screen and (min-width: 768px) and (max-width:991px){
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    /***********************************************************************************/
    .contenido1{
        background-image: url('https://assets.claro360.com/360/Responsive/360_Resp01_2x.png.png');
        align-items: flex-end !important;
    }
    .contenido1 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 30%;
    }
    .contenido1 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    .contenido1 .col-md-6,   .contenido2 .col-md-6,   .contenido3 .col-md-8,   .contenido4 .col-md-11{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido3 .offset-md-4,  .contenido4 .offset-md-1{
        margin-left: 0%;
    }
    /***********************************************************************************/
    .contenido2{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-1.png');
        align-items: flex-end !important;
    }
    .contenido2 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 30%;
    }
    .contenido2 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido3{
        background-image: url('https://assets.claro360.com/360/Responsive/360ipad_03.png');
        align-items: flex-end !important;
    }
    .contenido3 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 30%;
    }
    .contenido3 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido4{
        background-image: url('https://assets.claro360.com/360/Responsive/imagen_-3.png');
        align-items: flex-end !important;
    }
    .contenido4 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 100px;
        margin: 0% 0% 30%;
    }
    .contenido4 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido5 .row:nth-child(2) {
        width: 88%;
        padding: 8% 0% 2% 0%;
    }
    .contenido5 .row:nth-child(3) button {
        width: 58.5%;
        padding: 2.5% 0%;
        margin-top: 15px;
    }
    .contenido5{
        margin-bottom:30%;
    }
    .contenido5 img {
        max-width: 100%;
        width: 250px;
    }
    /***********************************************************************************/
    .contenido6 .one {
        padding: 10% 0%;
    }
    .contenido6 .row:nth-child(1) h1 {
        padding: 1% 5%;
    }
    .contenido6 .row:nth-child(2) h1 {
        padding: 1% 0%;
    }
    .contenido6 p, .contenido7, .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 3% 5%;
    }
    .contenido6 .row:nth-child(1) .three img{
        display: none;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2){
        order:-1;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2) img{
        margin:unset;
        padding: 0% 0% 0% 12%;
    }
    .contenido6 .row2 .text {
        padding: 1% 5%;
    }
    .contenido6 .row2 p{
        padding: 3% 0%;
    }
    .contenido6 .row:nth-child(3) .three{
        padding:0%;
    }
    .contenido6.background > div:nth-child(3) > div > img {
        height: auto;
        padding: 5% 0% 0%;
    }
    .contenido6{
        background-image: none;
        background-color:transparent !important;
    }
    .contenido6 .row:nth-child(1){
        background-image: url(https://assets.claro360.com/360/Fondo%2Bweb3.png);
    }
    .contenido6 .one img {
        padding: 0% 0%;
        margin: -30% auto 0%;
    }
    /***********************************************************************************/
    .contenido8 {
        background-color: #000000;
        margin: -1px 0px;
        padding: 20% 0% 0%;
    }
    
    .contenido8 .row {
        flex-direction: column-reverse;
    }
    
    .contenido8 h1, .contenido8 p{
        transform: none  !important;
    }
    .contenido8 .row img{
        margin:unset;
        padding: 0% 10% 0% 0%;
    }
    .contenido8 .row div:nth-child(1){
        display: flex;
        justify-content: flex-start;
    }
    .contenido8 .texto {
        padding: 0% 5%;
    }
    .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido9 .row {
        flex-direction: column-reverse;
    }
    
    .contenido9 .texto {
        padding: 0% 5%;
        order: 1;
    }
    .contenido9 img {
        width: 70%;
        height: auto;
        object-fit: contain;
        margin: unset;
        padding: 10% 0% 0% 0%;
    }
    .contenido9 h1, .contenido9 p{
        transform: none  !important;
    }
    /***********************************************************************************/
    .contenido10{
        padding:0% 5%;
        min-height: auto !important;
    }
    
    .contenido10 .row {
        flex-direction: column-reverse;
    }
    
    .contenido10 .texto {
        padding: 0% 0% 5% 0%;
    }
    .contenido10 h1, .contenido10 p{
        transform: none  !important;
    }
    .contenido10 img {
        margin: unset;
        padding: 0% 10% 10% 10%;
    }
    /***********************************************************************************/
    .contenido11{
        background-image: url(https://assets.claro360.com/360/Responsive/360_Resp12.png);
        background-position: top;
    }
    .contenido11 img {
        max-width: 160px;
    }
    
    .contenido11 h1 {
        font-size: 40px;
    }
    
    .contenido11 .column {
        padding: 0% 0% 20%;
    }
    .contenido11 h1 {
        padding: 5% 0% 0%;
        margin: 8px 0px;
    }
    .contenido11 .pl-5, .px-5 {
        padding: 0% !important;
    }
    /***********************************************************************************/
    .contenido12{
        padding:0% 5%;
    }
    .contenido12 .card-white {
        border-radius: 40px;
        margin: 0% 0% 10% 0%;
        padding: 0;
    }
    .contenido12 h1 {
        padding: 0%;
    }
    .contenido12 p {
        padding: 10% 10%;
    }
    .contenido12 .first-deck {
        min-height: auto;
    }
    .contenido12 .card-white img {
        width: 160px;
        padding: 10% 0%;
    }
    .contenido12 .second-deck {
        min-height: auto;
        padding-bottom: 10%;
    }
    .contenido12 .second-section p {
        padding: 0% 10%;
    }
    .contenido12 .second-section .card-black p.number{
        padding: 10% 10% 5% 10%;
    }
    .contenido12 .card-cols .row {
        border-radius: 40px;
        margin: 0% 0% 10% 0%;
    }
    .contenido12 .card-black {
        border-radius: 40px;
        padding: 0;
    }
    .contenido12 .second-section p {
        padding: 10% 10%;
    }
    
    .contenido12 .second-section .parrafo {
        padding: 0% 10% 10% 10%;
    }
    
    .contenido12 .mt-5, .my-5 {
        margin-top: 0rem!important;
    }
    .section12 > div > div > div:nth-child(4) > div{
        margin:0% 0% 0% 0% !important;
    }
    .contenido12 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /***********************************************************************************/
    .contenido13 .row {
        padding: 15% 5%;
    }
    /***********************************************************************************/
    .contenido14{
        padding:0%;
    }
    .contenido14 h1, .contenido14 p{
        padding:2% 5%;
    }
    .contenido14 .img{
        padding: 10% 3% 5% 3%;
        display: flex;
        justify-content: center;
    }
    .contenido14 .columnText {
        padding: 5% 0%;
    }
    .contenido14 .row2 {
        min-height: auto;
    }
    .contenido14 .row2 img {
        margin:0;
        padding: 10% 5%;
    }
    .contenido14 .imgMovil{
        margin:unset;
        width: 85%;
    }
    /***********************************************************************************/
    .contenido15{
        padding:5%;
    }
    .contenido15 .row div{
        padding:0%;
    }
    .contenido15 h1, .contenido15 p {
        padding: 0%;
    }
    
    .contenido15 .imgMovil {
        width: 100%;
    }
    /***********************************************************************************/
    .contenido16{
        padding: 0% 5% 10%;
    }
    .contenido16 .row .colab{
        border-left: 0px solid black !important;
        padding:5% 0% !important;
    }
    .contenido16 .row .empresario {
        border-right: 0px solid black !important;
        padding:5% 0% !important;
    }
    .contenido16 img {
        margin-bottom: 5%;
        max-width: 100px;
    }
    /***********************************************************************************/
    .contenido17{
        padding:5% 0%;
    }
    .contenido17 .text h1, .contenido17 .text h2, .contenido17 .text p {
        padding:0% 5%;
    }
    .contenido17 h1{
        margin:2% 0%;
    }
    .contenido17 .text{
        order:-1;
        padding:0%;
    }
    .contenido17 .images{
        padding:0%;
    }
    .contenido17 .text .lastText:nth-child(2) {
        display: none;
    }
    .contenido17 .text .firstText.d-none {
        display: block !important;
        padding: 5% 5% 10%;
    }
    .contenido17 .images .firstText {
        display: none;
    }
    .contenido17 .images .lastText {
        padding: 5% 5% 10%;
    }
    .contenido17 .box{
        display: flex;
        justify-content: flex-start;
        padding: 0% 5% 0% 0%;
    }
    .contenido17 .box img{
        margin:unset;
    }
    .contenido17 .box2{
        display: flex;
        justify-content: flex-end;
        padding: 0% 0% 0% 5%;
    }
    .contenido17 .text .imgMovil{
        padding:0% 12%;
    }
    .contenido17 .text .box .imgMovil{
        padding: 0% 12% 0% 0%;
    }
    .contenido17 .box2 img{
        margin:unset;
        padding: 0% 0% 0% 12%;
    }
    /***********************************************************************************/
    .contenido18{
        display:none;
    }
    /***********************************************************************************/
    .contenido19 .texto {
        padding: 10% 5%;
        margin:0;
    }
    .contenido19 p{
        padding:0%;
    }
    .contenido19 .box p{
        font-size: calc(10px + (32 - 10) * (100vw - 320px) / (1920 - 320));
        font-family: 'Helvetica-Neue-Regular';
        color: #000000;
        text-align: left;
    }
    .contenido19 .phones{
        padding: 15% 0%;
    }
    .contenido19 .phone{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .tablet{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .desktop{
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0% 5% !important;
        align-items: flex-start;
    }
    .contenido19 .row .phones{
        display:flex !important;
    }
    .contenido19 .phone img, .contenido19 .tablet img, .contenido19 .desktop img{
        margin:unset;
    }
    .contenido19 .casa, .contenido19 .empresa{
        display:none !important;
    }
    .contenido19 .phone1, .contenido19 .phone2, .contenido19 .phone3{
        display:none !important;
    }
    .contenido19 .phone img.imgMovil{
        padding: 0% 50% 0% 0%;
    }
    /***********************************************************************************/
    .contenido20{
        background-image: url(https://assets.claro360.com/360/Responsive/360_Resp28.png);
    }
    .contenido20 .texto {
        padding: 35% 8%;
        text-align: left;
    }
    .contenido20  button {
        width: 58.5%;
        padding: 2.5% 0%;
        margin: 5% auto 0;
        display: block;
    }
    .contenido20 h1 {
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
    .contenido20 p {
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
    /***********************************************************************************/
    .contenido21.container-fluid {
        background-color: #efefef;
    }
    .contenido21 .column-custom {
        flex: 0 0 80%;
        max-width: 70%;
        margin: 10% 0% 0%;
        padding: 2% 7% 8%;
    }
    .contenido21 img{
        max-width: 130px;
    }
    .contenido21 .container-image {
        min-height: 200px;
    }
    .contenido21 .row .column-custom:nth-child(3) {
        margin-top: 10%;
    }
    .contenido21 .row .column-custom:nth-child(4){
        margin:10% 0% 10%;
    }
    
    .contenido21 p {
        text-align: center;
    }
}

/*// Desktops col-lg*/
@media only screen and (min-width: 992px) and (max-width:1199px){
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /***********************************************************************************/
    .contenido1{
        margin-top:0px;
    }
    .contenido1 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 250px;
    }
    .contenido1 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido2 {
        background-position: left;
    }

    .contenido2 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 250px;
    }
    .contenido2 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido3 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 250px;
    }
    .contenido3 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    .contenido3 .offset-md-4 {
        margin-left: 10%;
    }
    .contenido3 .col-md-8 {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    /***********************************************************************************/
    .contenido4 .revealContent2{
        transform: translate(0%, 60%) !important;
        height: 250px;
    }
    .contenido4 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido5 .row:nth-child(2) {
        width: 88%;
        padding: 8% 0% 2% 0%;
    }
    .contenido5 .row:nth-child(3) button {
        width: 40.5%;
        padding: 1% 0%;
    }
    .contenido5 img {
        max-width: 250px;
    }
    /***********************************************************************************/
    .contenido6 .row:nth-child(1) h1 {
        padding: 1% 5%;
    }
    .contenido6 .row:nth-child(2) h1 {
        padding: 1% 0%;
    }
    .contenido6 p, .contenido7, .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 3% 5%;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2) img{
        margin:unset;
    }
    .contenido6 .row2 .text {
        padding: 1% 5%;
    }
    .contenido6 .row2 p{
        padding: 3% 0%;
    }
    .contenido6 .row:nth-child(3) .three{
        padding:0%;
    }
    .contenido6.background > div:nth-child(3) > div > img {
        height: auto;
        padding: 5% 5%;
    }
    /***********************************************************************************/
    .contenido8 {
        background-color: #000000;
        margin: -1px 0px;
        padding: 8% 0%;
    }
    .contenido8 h1, .contenido8 p{
        transform: none  !important;
    }
    .contenido8 .row img{
        margin:unset;
    }
    .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido9{
        min-height: auto !important;
        padding: 5% 0% !important;
    }
    .contenido9 img {
        height: auto;
    }
    .contenido9 h1, .contenido9 p{
        transform: none  !important;
    }
    /***********************************************************************************/
    .contenido10 {
        min-height: auto !important;
        padding: 10% 5%;
    }
    .contenido10{
        padding: 5% 5% 10% 5%;
    }
    .contenido10 .texto {
        padding: 0% 11.7% 5% 4%;
    }
    .contenido10 h1, .contenido10 p{
        transform: none  !important;
    }
    /***********************************************************************************/
    .contenido11 img {
        max-width: 220px;
    }
    .contenido11 .column {
        padding: 0% 0% 20%;
    }
    
    .contenido11 h1 {
        padding: 5% 0% 0%;
        margin: 8px 0px;
        font-size: 50px;
    }
    
    .contenido11 a {
        font-size: 25px;
    }
    .contenido11 .pl-5{
        padding:0% !important;
    }
    .contenido11 .pr-5{
        padding:0% !important;
    }
    /***********************************************************************************/
    .contenido12{
        padding:0% 1%;
    }
    .contenido12 .col-lg-6 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .contenido12 .card-white {
        border-radius: 40px;
    }
    .contenido12 h1 {
        padding: 0%;
    }
    .contenido12 p {
        padding: 10% 10%;
    }
    .contenido12 .first-deck {
        min-height: auto;
    }
    .contenido12 .card-white img {
        width: 215px;
        padding: 10% 0%;
    }
    .contenido12 .second-deck {
        min-height: auto;
        padding-bottom: 10%;
    }
    .contenido12 .second-section p {
        padding: 0% 10%;
    }
    
    .contenido12 .second-section .parrafo {
        padding: 0% 10% 10% 10%;
    }
    
    .contenido12 .second-section .card-black p.number{
        padding: 15% 10%;
        font-size: 100px;
    }
    .contenido12 .card-cols .row {
        border-radius: 40px;
    }
    .contenido12 .card-black {
        border-radius: 40px;
    }
    .contenido12 .second-section p {
        padding: 10% 10%;
    }
    .contenido12 .second-section .number.big {
        font-size:100px;
    }
    .contenido12 .second-section .number {
        font-size: calc(80px + (180 - 80) * (100vw - 320px) / (1920 - 320));
    }
    .contenido12 .card-cols img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0px 40px 40px 0px;
    }
    .contenido12 .first-deck img{
        width:250px;
    }
    /***********************************************************************************/
    .contenido13 .row {
        padding: 5% 5% 10% 5%;
    }
    /***********************************************************************************/
    .contenido14{
        padding: 15% 0% 0% 0%;
    }
    .contenido14 h1, .contenido14 p{
        padding:2% 5%;
    }
    .contenido14 .img{
        padding: 10% 0% 5% 3%;
        display: flex;
        justify-content: flex-end;
    }
    .contenido14 .columnText {
        padding: 5% 0%;
    }
    .contenido14 .row2 {
        min-height: auto;
    }
    .contenido14 .row2 img {
        margin:0;
        padding: 40% 0% 20%;
    }
    .contenido14 .imgMovil{
        margin:unset;
    }
    /***********************************************************************************/
    .contenido15{
        padding:5%;
    }
    .contenido15 .row div{
        padding:0%;
    }
    .contenido15 h1, .contenido15 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido16{
        padding:10% 5%;
    }
    .contenido16 img {
        margin-bottom: 5%;
    }
    /***********************************************************************************/
    /***********************************************************************************/
    .contenido18{
        display:block;
    }
    /***********************************************************************************/
    .contenido19 .row .phones{
        display:none !important;
    }
    .contenido19 .texto {
        padding: 0% 1.6% 0% 2%;
        margin: -85px 0px 120px;
    }
    /***********************************************************************************/
    .contenido20 {
        background-position: right;
    }

    .contenido20 .texto {
        padding: 35% 10%;
        text-align: left;
    }
    .contenido20 h1 {
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
    
    .contenido20 p {
        text-align: center;
    }
    
    .contenido20 button {
        width: 40.5%;
        padding: 1% 0%;
        margin: 10% auto 0;
        display: block;
    }
    .contenido21.container-fluid {
        background-color: #efefef;
    }
    
    /***********************************************************************************/
    .contenido21 .row .column-custom:nth-child(3),
    .contenido21 .row .column-custom:nth-child(4) {
        padding: 2% 4% 4%;
    }
    
    .contenido21 .row .column-custom:nth-child(3) p,
    .contenido21 .row .column-custom:nth-child(4) p {
        text-align: center;
    }
}

/*// Large screens col-xl*/
@media (min-width: 1200px) and (orientation: portrait){
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /***********************************************************************************/
    .contenido1{
        margin-top:0px;
    }
    .contenido1 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 250px;
    }
    .contenido1 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido2 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 250px;
    }
    .contenido2 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido3 .revealContent2{
        transform: translate(0%, 0%) !important;
        height: 250px;
    }
    .contenido3 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    .contenido3 .offset-md-4 {
        margin-left: 10%;
    }
    .contenido3 .col-md-8 {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    /***********************************************************************************/
    .contenido4 .revealContent2{
        transform: translate(0%, 60%) !important;
        height: 250px;
    }
    .contenido4 .headline {
        transform: translate(0%, 0%) !important;
        margin:0;
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido5 .row:nth-child(2) {
        width: 88%;
        padding: 8% 0% 2% 0%;
    }
    .contenido5 .row:nth-child(3) button {
        width: 40.5%;
        padding: 1% 0%;
    }
    .contenido5 img {
        max-width: 250px;
    }
    /***********************************************************************************/
    .contenido6 .row:nth-child(1) h1 {
        padding: 1% 5%;
    }
    .contenido6 .row:nth-child(2) h1 {
        padding: 1% 0%;
    }
    .contenido6 p, .contenido7, .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 3% 5%;
    }
    .contenido6 .row:nth-child(2) div:nth-child(2) img{
        margin:unset;
    }
    .contenido6 .row2 .text {
        padding: 1% 5%;
    }
    .contenido6 .row2 p{
        padding: 3% 0%;
    }
    .contenido6 .row:nth-child(3) .three{
        padding:0%;
    }
    .contenido6.background > div:nth-child(3) > div > img {
        height: auto;
        padding: 5% 5% 0%;
    }
    /***********************************************************************************/
    .contenido8 {
        background-color: #000000;
        margin: -1px 0px;
        padding: 8% 0%;
    }
    .contenido8 h1, .contenido8 p{
        transform: none  !important;
    }
    .contenido8 .row img{
        margin:unset;
    }
    .contenido8 p, .contenido9 p, .contenido10 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido9{
        min-height: auto !important;
        padding: 5% 0% !important;
    }
    .contenido9 img {
        height: auto;
    }
    .contenido9 h1, .contenido9 p{
        transform: none  !important;
    }
    .contenido9 .texto {
        padding: 0% 7% 7% 9.7%;
    }
    /***********************************************************************************/
    .contenido10 {
        min-height: auto !important;
        padding: 10% 5%;
    }
    .contenido10{
        padding:0% 5%;
    }
    .contenido10 .texto {
        padding: 0% 11.7% 5% 4%;
    }
    .contenido10 h1, .contenido10 p{
        transform: none  !important;
    }
    /***********************************************************************************/
    .contenido11 img {
        max-width: 150px;
    }
    .contenido11 .column {
        padding: 0% 0% 20%;
    }
    .contenido11 h1 {
        padding: 5% 0% 0%;
        margin: 8px 0px;
    }
    .contenido11 .pl-5{
        padding:0% !important;
    }
    .contenido11 .pr-5{
        padding:0% !important;
    }
    /***********************************************************************************/
    .contenido12 .card-white,
    .contenido12 .card-black{
        flex: 0 0 48%;
        max-width: 48%;
    }
    .contenido12 .second-section p.number.big {
        padding: 0% 12% !important;
    }
    .contenido12 .first-deck .number {
        font-size: calc(75px + (180 - 68) * (100vw - 320px) / (1920 - 320));
        padding: 0% !important;
    }
    /***********************************************************************************/
    .contenido13 .row {
        padding: 5%;
    }
    /***********************************************************************************/
    .contenido14 h1, .contenido14 p{
        padding:2% 5%;
    }
    .contenido14 .img{
        padding: 10% 0% 5% 3%;
        display: flex;
        justify-content: flex-end;
    }
    .contenido14 .columnText {
        padding: 5% 0%;
    }
    .contenido14 .row2 {
        min-height: auto;
    }
    .contenido14 .row2 img {
        margin:0;
        padding: 40% 0% 20%;
    }
    .contenido14 .imgMovil{
        margin:unset;
    }
    /***********************************************************************************/
    .contenido15{
        padding:5%;
    }
    .contenido15 .row div{
        padding:0%;
    }
    .contenido15 h1, .contenido15 p {
        padding: 0%;
    }
    /***********************************************************************************/
    .contenido16{
        padding:10% 5%;
    }
    .contenido16 img {
        margin-bottom: 5%;
    }
    /***********************************************************************************/
    /***********************************************************************************/
    .contenido18{
        display:block;
    }
    /***********************************************************************************/
    .contenido19 .row .phones{
        display:none !important;
    }
    .contenido19 .texto {
        padding: 0% 1.6% 0% 2%;
        margin: -85px 0px 120px;
    }
    /***********************************************************************************/
    .contenido20 .texto {
        padding: 35% 10%;
        text-align: left;
    }
    .contenido20 h1 {
        padding: 0% 15% 0% 0%;
    }
    .contenido20 button {
        width: 40.5%;
        padding: 1% 0%;
        margin: 20% auto 0;
        display: block;
    }
    .contenido21.container-fluid {
        background-color: #efefef;
    }
}



/*LANDSCAPE COLUMNS*/

/*// Mobile devices col */
@media (max-width: 576px) and (orientation: landscape){
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    /***********************************************************************************/
    .contenido1 .revealContent2 {
        margin: 0% 0% 1%;
    }
    /***********************************************************************************/
    .contenido2 .revealContent2 {
        margin: 0% 0% 1%;
    }
    /***********************************************************************************/
    .contenido3 .revealContent2 {
        margin: 0% 0% 1%;
    }
    /***********************************************************************************/
    .contenido4 .revealContent2 {
        margin: 0% 0% 1%;
    }
    .contenido11 {
        background-image: url(https://assets.claro360.com/360/360_13.png);
    }
    .contenido11 .column {
        padding: 90% 0% 20%;
    }
    /***********************************************************************************/
    .contenido12 .second-section .card-black p.number {
        padding: 25% 10%;
    }
}

/*// Ipads, Tablets col-sm*/
@media only screen and (min-width: 576px) and (max-width:767px) and (orientation: landscape){
    .imgWeb{
        display:none;
    }
    .imgMovil{
        display:block;
        margin:auto;
    }
    /***********************************************************************************/
    .contenido1 .revealContent2 {
        margin: 0% 0% 10%;
    }
    /***********************************************************************************/
    .contenido2 .revealContent2 {
        margin: 0% 0% 10%;
    }
    /***********************************************************************************/
    .contenido3 .revealContent2 {
        margin: 0% 0% 10%;
    }
    /***********************************************************************************/
    .contenido4 .revealContent2 {
        margin: 0% 0% 10%;
    }
    .contenido11 {
        background-image: url(https://assets.claro360.com/360/360_13.png);
    }
    .contenido11 .column {
        padding: 90% 0% 20%;
    }
    /***********************************************************************************/
    .contenido12 .second-section .card-black p.number {
        padding: 10% 10%;
    }
}

/*// Laptops col-md*/
@media only screen and (min-width: 768px) and (max-width:991px) and (orientation: landscape){
    .imgWeb{
        display:block;
        margin:auto;
    }
    .imgMovil{
        display:none;
    }
    /***********************************************************************************/
    .contenido1{
        background-image: url(https://assets.claro360.com/360/expande+copia.jpg);
    }
    .contenido1 .revealContent2{
        height: 100px;
        margin: 0% 0% 10%;
    }
    .contenido1 .headline {
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido2 {
        background-image: url(https://assets.claro360.com/360/empresa+copia.jpg);
    }
    .contenido2 .revealContent2{
        height: 100px;
        margin: 0% 0% 10%;
    }
    .contenido2 .headline {
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido3 {
        background-image: url(https://assets.claro360.com/360/corp+copia.jpg);
    }
    .contenido3 .revealContent2{
        height: 100px;
        margin: 0% 0% 10%;
    }
    .contenido3 .headline {
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido4 {
        background-image: url(https://assets.claro360.com/360/gobierno3+copia.jpg);
    }
    .contenido4 .revealContent2{
        height: 100px;
        margin: 0% 0% 10%;
    }
    .contenido4 .headline {
        height: calc(100% + 100px);
    }
    /***********************************************************************************/
    .contenido5 .row:nth-child(3) button {
        width: 30.5%;
        padding: 1.5% 0%;
    }
    /***********************************************************************************/
    .contenido6 .one img {
        padding: 0% 5%;
    }
    .contenido6.background > div:nth-child(3) > div > img {
        padding: 5% 5% 0%;
    }
    .contenido11 {
        background-image: url(https://assets.claro360.com/360/360_13.png);
    }
    .contenido11 .column {
        padding: 90% 0% 20%;
    }
    /***********************************************************************************/
    .contenido12 {
        padding: 0% 1%;
    }
    .contenido12 .card-white,
    .contenido12 .card-black{
        flex: 0 0 48%;
        max-width: 48%;
    }
    .contenido12 .second-section .card-black p.number {
        font-size: 70px;
    }
    .contenido12 .second-section .number.big {
        font-size: 70px;
    }
    .contenido12 .second-section p {
        font-size: 38px;
    }
    .contenido12 .card-white {
        margin:0;
    }
    .section12 > div > div > div:nth-child(4) > div {
        margin: 0% 0% 10% 0% !important;
    }
    .contenido17     .imgWeb{
        display:none;
    }
    .contenido17 .imgMovil{
        display:block;
    }
    .contenido17 .images .lastText {
        padding: 5% 5% 0%;
    }
    .contenido19 .texto {
        padding: 5% 5% 10%;
        margin: 0;
    }
    .contenido19   .imgWeb{
        display:none;
    }
    .contenido19 .imgMovil{
        display:block;
    }
    .contenido20 {
        background-image: url(https://assets.claro360.com/360/expande+copias.jpg);
    }
}

/*// Desktops col-lg*/
@media only screen and (min-width: 992px) and (max-width:1150px) and (orientation: landscape){
    .imgWeb{
        display:block;
    }
    .imgMovil{
        display:none;
        margin:auto;
    }
    .contenido4 .headline {
        margin: 5% -15% 0%;
    }
    .contenido11 img {
        max-width: 150px;
    }
    .contenido11 .column {
        padding: 0% 0% 10%;
    }
    .contenido12 .card-cols {
        padding: 0% 5%;
    }
    .contenido12 .first-deck img {
        width: 200px;
    }
    .contenido12 .second-section p {
        padding: 5% 10%;
    }
    .contenido12 .last-section {
        padding-bottom: 10%;
    }
    .contenido14 {
        padding: 5% 5% 0% 10%;
    }
    .contenido14 h1, .contenido14 p {
        padding: 2% 5% 10%;
    }
    .contenido14 .row2 img {
        margin: 0;
        padding: 50% 0% 30%;
    }
    
    .contenido20 {
        background-image: url('https://assets.claro360.com/360/360ipad_04.png');
    }
    
    .contenido20 .row {
        height: 100vh;
    }
    
    .contenido20 .texto {
        padding: 0% 20%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .contenido21 img{
        max-width: 150px;
    }
    
    .contenido20 a {
        width: 100%;
    }
}

/*// Large screens col-xl*/
@media only screen and (min-width: 1151px) and (max-width:1499px) and (orientation: landscape){
    .imgWeb{
        display:block;
    }
    .imgMovil{
        display:none;
    }
    .contenido5 .row:nth-child(2) {
        width: 65%;
    }
    .contenido5 img {
        max-width: 300px;
    }
    .contenido5 .row:nth-child(3) button {
        padding: 1% 0%;
    }
    
    .contenido6 .one {
        padding: 14% 2% 5% 5%;
    }

    .contenido6.background > div:nth-child(3) > div > img {
        padding: 5% 5% 10% 5%;
    }
    
    .contenido10 .texto {
        padding: 0% 5% 0% 2%;
    }
    
    .contenido10 .col-lg-5 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
    
    .contenido10 .col-lg-7 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }
    
    .contenido10 img {
        width: 80%;
    }

    .contenido12 {
        padding: 2% 5%;
    }
    
    .contenido12 h1 {
        padding: 0% 15%;
    }

    .contenido12 .first-deck {
        min-height: 250px;
        display: flex;
        align-items: center;
    }
    .contenido12 .second-deck {
        padding-bottom: 10%;
    }
    .contenido12 .card-white,
    .contenido12 .card-black{
        flex: 0 0 48%;
        max-width: 48%;
    }
    .contenido12 .second-section p {
        padding: 10% 5%;
        font-size: 45px;
    }
    .contenido12 .card-cols img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0px 40px 40px 0px;
    }
    
    .contenido12 p {
        font-size: 50px;
    }
    
    .contenido12 .second-section .number {
        font-size: calc(35px + (180 - 80) * (100vw - 320px) / (1920 - 320)) !important;
    }
    
    .contenido12 .second-section .parrafo {
        padding: 0% 5% 10% 5%;
    }
    
    .contenido12 .card-cols {
        padding: 0% 5%;
    }
    .contenido12 .card-white {
        margin:0;
    }
    .contenido12 .last-section {
        padding-bottom: 5%;
    }
    .contenido12 .first-deck img {
        width: 200px;
    }
    .contenido13 .row {
        padding: 5% 12%;
    }
    
    .contenido13 h1 {
        margin-bottom: 35px;
    }
    
    .contenido14 .columnText {
        padding: 2% 7% 0% 0%;
    }
    
    .contenido20 .row {
        height: 100vh;
    }
    
    .contenido20 .texto {
        padding: 0 20%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .contenido21.container-fluid {
        background-color: #efefef;
    }
    .contenido21 img{
        max-width:170px;
    }
    
    .contenido21 .row .column-custom:nth-child(3),
    .contenido21 .row .column-custom:nth-child(4) {
        padding: 2% 6% 4%;
    }
    
    .contenido21 .row .column-custom:nth-child(3) p,
    .contenido21 .row .column-custom:nth-child(4) p {
        text-align: center;
    }
}

@media only screen and (min-width: 1500px) and (orientation: landscape){
    .imgWeb{
        display:block;
    }
    .imgMovil{
        display:none;
    }
    .contenido1 .headline{
        height: calc(300px + 10vh);
    }
    .contenido2 .headline{
        height: calc(300px + 10vh);
    }
    .contenido3 .headline{
        height: calc(300px + 10vh);
    }
    .contenido4 .headline{
        height: calc(300px + 10vh);
    }
    
    .contenido5 .mx-auto .texto {
        padding: 0 4vw;
    }
    
    .contenido6 .row2 img{
        width:100%;
    }
    
    .contenido6 .three {
        padding: 0% 10% 8% 10%;
    }

    .contenido8 img{
        margin:unset;
    }
    
    .contenido11 h1 {
        font-size: 45px;
    }
    
    .contenido11 img {
        max-width: 200px;
    }

    .contenido12 .card-white,
    .contenido12 .card-black{
        flex: 0 0 48%;
        max-width: 48%;
    }
    
    .contenido18 img{
        margin:unset;
    }
    .contenido18 .tablet img {
        margin: unset;
        width: 100%;
        max-width: 1000px;
    }
    
    .contenido18 p {
        text-align: left;
    }
    
    .contenido19  img {
        margin: unset;
        width: 100%;
        max-width: 1500px;
    }
    
    .contenido21.container-fluid {
        background-color: #efefef;
    }
    
    .contenido21 .row .column-custom:nth-child(3) p,
    .contenido21 .row .column-custom:nth-child(4) p {
        text-align: center;
    }
}