@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: 'Myriad-Pro-SemiBold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Myriad_Pro_Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'Myriad-Pro-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/MyriadPro-Regular.otf') format('opentype');
}
@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');
}
/* Importante: overflow unset  solo utilizar en las queries donde habra animaciones */
/******************************Generales****************************************/
html{
    height: 100%;
    width: 100%;
}
.row, .segmento{
    width:100%;
    margin:0;
}
.contenido1, .contenido2, .contenido3, .contenido4,
.contenido5, .contenido6, .contenido7, .contenido8,
.contenido9, .contenido10, .contenido11, .contenido12,
.contenido13, .contenido14, .contenido15, footer{
    position: relative;
    margin-top: -1px;
    z-index:1;
}
.contenido4, .contenido5, .contenido7, .contenido9{
    padding:10% 15%;
}
.contenido11{
    padding:10% 18% 0%;
}
.revealContent{
    opacity:0;
    transition:all .5s ease-in-out;
}
/***********************************************************************************/
.contenido1{
    height: 100vh;
    background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion1_1.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.contenido1 .row{
    height: 100%;
    display: flex;
    align-items: center;
}
.contenido1 .row .textos h2{
    font-size: 80px;
    font-family: 'DINPro-Bold';
}
.contenido1 .row .textos h3{
    font-size: 42px;
    font-family: 'Helvetica-Neue-Bold';
}
/****************************************************************************************/
.contenido2{
    width:100%;
    height:100vh;
    background-color:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.contenido2 .row{
    width:43%;
    margin:auto;
}
.contenido2 .texto{
    text-align: left;
}
.contenido2 .texto p{
    font-size: 32px;
    font-weight: bold;
    font-family: 'Helvetica';
}
.contenido2 .title{
    font-size: 42px;
    font-family: 'Helvetica-Neue-Bold' !important;
} 
/************************************************************************************/
.imgAmarilla{
    height: 100vh;
}
.contenido3{
    background-image: url('https://assets.claro360.com/Persona/nuevaPersona/imagen_02.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contenido3 .texto{
    text-align: left;
    padding: 194px 0px 0px 140px;
}
.contenido3 .texto h4{
    font-size: 32px;
    font-weight: bold;
    font-family: 'Helvetica';
}
.contenido3 .texto p{
    font-family: 'DINPro-Bold';
    font-size: 72px;
    font-weight: bold;
    line-height: 90px;
}
.contenido3 .texto .textoBlanco{
    font-family: 'DINPro-Bold';
    font-size: 72px;
    color: #fff;
    font-weight: bold;    
    line-height: 90px;
}
/***********************************************************************************/
.contenido4{
    background-color: #f4f4f4;
    height:auto;
    width:100%;
    padding-top:10%;
}
.contenido4 .row{
    background-color: #fff;
    margin-bottom:10%;
    align-items: center;
}
.contenido4 .texto{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.contenido4 .texto h3{
    font-size: 48px;
    font-family: 'Helvetica';
    font-weight: bold;
    text-align: center;
}
.contenido4 .texto p{
    font-size: 22px;
    font-family: 'Helvetica';
    text-align: center;
    padding: 0 20%;
}
.contenido4 .texto a{
    font-size:12px;
    font-family:'Helvetica-Neue-Light';
    text-align:center;
    color:#0E8FD3;
}
.contenido4 .imagen12, .contenido4 .imagen3{
    padding:0;
}
.contenido4 .texto2 p, contenido4 .texto3 p, contenido4 .texto4 p{
    padding: 0 30%;
}
.contenido4 .imagen img{
    width: 100%;
    height:auto;
}
.contenido4 .imagen1, .contenido4 .imagen12, .contenido4 .imagen4{
    text-align: center;
}
.contenido4 .imagen12 .imgMovil{
    display: none;
}
.contenido4 img{
    margin:auto;
    display:block;
}
.contenido4 .row:nth-child(4){
    margin-bottom:8%;
}
.contenido4 .containVideo{
    width: 100%;
    height: 2500px;
}
.contenido4 .parte4{
    background-color:#fff;
    position: relative;
    align-items: flex-start;
    position:sticky;
    top: 20%;
    left: 0%;
    padding:5% 0;
}
.contenido4 .parte4 video{
    width:100%;
    height:auto;
    transform: none;
    outline: none;
}
/*************************************************************/
.contenido5{
    background-color:#fff;
    width:100%;
    height:100vh;
}
.contenido5 .texto h4{
    font-family: 'Helvetica-Neue-Bold';
    font-size: 32px;
    font-weight: bold;
}
.contenido5 .texto p{
    font-size: 72px;
    font-family: 'DINPro-Bold';
    font-weight: bold;
    line-height: 90px;
}
.contenido5 .texto .textoGris{
    font-size: 72px;
    color: #86868B;
    font-family: 'DINPro-Bold';
    line-height: 90px;
}
/*************************************************************/
.fondo{
    height: 100vh;
}
.contenido6{
    background-image: url('https://assets.claro360.com/Persona/nuevaPersona/imagen_03.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:100vh;
}
.contenido6 .row{
    height: 100%;
}
.contenido6 .caja{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenido6 .cajaTexto{    
    background: rgba(255,255,255,0.7);
    opacity: 0.9;
    border-radius: 20px;
    width: 55%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenido6 .cajaTexto h2{
    font-size: 72px;
    font-family: 'DINPro-Bold';
    text-align: center;
    font-weight: bold;
    padding: 0 12vh;
}
/************************************************************************/
.contenido15{
    background-image: url(https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion6_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    height: 140vh;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    align-content: center;
}
.contenido15 h2{
    font-family: 'Helvetica-Neue-Bold';
    font-size: 28px;
    color:#1D1D1F;
    padding-bottom:4%;
}
.contenido15 p{
    font-size:22px;
    font-family:'Helvetica-Neue-Light';
    color:#1D1D1F;
}
.textBox{
    padding: 8% 0;
    display:block;
}
.textBox2{
    display:none;
}
/***************************************************************************/
.contenido7{
    background-color:#f4f4f4;
    width:100%;
    height:auto;
}
.contenido7 .tarjeta1{
    margin-bottom: 15vh;
    opacity:0;
    padding: 5vh 0vh 0vh;
}
.contenido7 .otraTarjeta{
    margin-top: 15vh;
    margin-bottom: 15vh;
    padding: 5vh 2vh;
}
.contenido7 .tarjetas{
    box-shadow: 0px 3px 30px rgba(0,0,0,0.3);    
    background-color: #fff;
}
.contenido7 .tarjetas h2{
    font-size: 60px;
    font-family: 'DINPro-Bold';
    font-weight: bold;
    padding: 5vh 0vh;
}
.contenido7 .tarjetas .row .img{
    display: flex;
    align-items: center;
}
.contenido7 .tarjetas .row .img img{
    width: 100%;
}
.contenido7 .tarjetas .row .texto h3{
    font-size: 40px;
    font-family: 'DINPro-Bold';
    color: #368898;
}
.contenido7 .tarjetas .row .texto p{
    font-size: 22px;
    font-family: 'Helvetica';
    color: #1D1D1F;
}
.contenido7 .tarjetas .row .texto .textoNegrita{
    font-weight: bold;
    margin-bottom: 35px;
}
.contenido7 .otraTarjeta .img img{
    height: 90%;
}
.contenido7 .otraTarjeta .texto h3{
    text-align: center;
    padding: 0px 40px 0px 40px;
}
.contenido7 .otraTarjeta .texto p{
    text-align: center;
    padding: 0px 40px 0px 40px;
}
.contenido7 h2{
    padding-bottom:5%;
}
.contenido7 h3{
    padding-bottom:15%;
}
.contenido7 .textoNegrita{
    padding-top:10%;
}
.contenido7 p{
    padding-bottom:3%;
}
.contenido7  .img{
    padding:0;
}
/*******************************************************************************/
.contenido8{
    background-color:#fff;
    width:100%;
    height: auto;
}
.contenido8 .fondoImagen2{
    padding:0;
}
.contenido8 .fondoImagen2 .img1{
    width:100%;
    height:auto;
}
.contenido8 .fondoImagen2 .img2{
    display: none;
}
/********************************************************************************/
.contenido9{
    background-color: #fff;
    width: 100%;
    height: auto;
}
.contenido9 .texto{
    padding: 15vh 0;
}
.contenido9 .texto h4{
    font-size: 32px;
    font-weight: bold;
    font-family: 'Helvetica';
}
.contenido9 .texto p{
    font-size: 32px;
    font-family: 'Helvetica-Neue-Light';
    color: #1D1D1F;
    line-height: 42px;
}
/**********************************************************************************/
.imgRosa{
    height: 100vh;
    background-color: #fff;
}
.contenido10{
    width: 100%;
    height: 3000px;
    background-color:#fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
}
.contenido10 video{
    object-fit: contain;
    width: 60%;
    height: 100vh;
    position:sticky;
    top: 0;
    left: 0%;
    transform: none;
    outline: none;
}
.contenido10 .cajaImg{
    display: flex;
    position: relative;
    justify-content: center;    
}
.contenido10 .cajaImg img{
    width: 550px;
    height: 550px;
    position: absolute;
    top: 0;
    right: 100px;
}
.contenido10 .contenidoDerecha .boxTexto{
    height: 50vh;
    display: flex;    
    align-items: flex-end;
}
.contenido10 .contenidoDerecha .boxTexto h3{
    font-size: 48px;
    font-family: 'Helvetica';
    color: #fff;
    line-height: 60px;
    font-weight: bold;
    padding: 0 33% 0 0;
}
.contenido10 .contenidoDerecha .boxImg{
    height: 50vh;
}
.contenido10 .contenidoDerecha .boxImg img{
    width: 400px;
    height: 280px;
    position: absolute;
    top: 0;
    right: 500px;
}
/************************************************************************************/
.contenido11{
    background-color:#f4f4f4;
    width:100%;
    height: auto;
}
.contenido11 .cajaTarjetas{
    display: flex;
    justify-content: center;
}
.contenido11 .tarjeta{
    text-align: center;
    margin-bottom:2vh;
}
.contenido11 .tarjeta .card{
    width: 100%;
    height: 100% !important;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.3);
}
.contenido11 .tarjeta .card .imgCard{
    height: 40vh;
}
.contenido11 .tarjeta .card .imgCard img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.contenido11 .tarjeta .card .card-body{
    height: 40vh;
    text-align: left;
    padding: 10%;
}
.contenido11 .tarjeta .card .card-body p{
    font-family: 'Helvetica-Neue-Bold' !important;
    font-size: 40px;
    line-height: 46px;
}
.contenido11 .tarjeta .card .card-body .textoGris{
    font-family: 'Helvetica-Neue-Bold' !important;
    font-size: 40px;
    color: #86868B;
}
.contenido11 .cajaTarjetas .tarjeta:nth-child(2) img{
    object-fit: contain;
}
/*********************************************************************************/
.contenido12{
    background-color: #f4f4f4;
    padding: 1% 16%;
}
.contenido12 .row{
    height: 100%;
}
.contenido12 img{
    position:relative;
    width:100%;
}
/*    ***********************************************************************************************/
.contenido12 .col-12{
    padding:0;
}
.contenido12 .caja2{
    display: flex;
    justify-content: center;
    align-items: center;    
}
.contenido12 .cajaTexto2{
    position:absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenido12 .cajaTexto2 p{
    font-family: 'Helvetica-Neue-Bold' !important;
    text-align: center;
    font-size: 40px;
    color: #fff;
    padding: 0 20%;
    line-height: 46px;
    font-weight: bold;
}
/*    ***********************************************************************************************/
.contenido13{
    background-color:#ffffff;
    width:100%;
    height:3000px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
}
.contenido13 .container-items{
    object-fit: contain;
    width: 100%;
    height: 100vh;
    position:sticky;
    top: 10%;
    left: 0%;
    transform: none;
    outline: none;
}
.contenido13 img{
    width:100%;
    height:85vh;
    object-fit:cover;
}
.contenido13 video{
    object-fit: contain;
    width: 100%;
    height: 100vh;
    position:sticky;
    top: 0;
    left: 0%;
    transform: none;
    outline: none;
}
.contenido13 h2{
    font-size: 72px;
    color: #1D1D1F;
    font-family: 'DINPro-Bold';
}
.contenido13 .textoGris{
    font-family: 'Helvetica-Neue-Bold' !important;
    color: #86868B;
}
/*    ***********************************************************************************************/
.contenido14{
    width:100%;
    height:auto;
    background-color:#fff;
    padding:10%;
}
.contenido14 .row{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.contenido14 img{
    width:100%;
    height:auto;
    display:block;
    margin:auto;
}
.contenido14 p{
    text-align: left;
    font-family: 'Helvetica-Neue-Bold';
    font-size: 48px;
    color:#000000;
}
/*******************************************************************************************************************/
/******************************************      PORTRAIT     *******************************************************/
/*******************************************************************************************************************/
/****************************  PORTRAIT DISPOSITIVO MOVIL CELULAR    *************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 0% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-image:url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/Seccion1_responsive.png');
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 4% 0 10%;
    }
    .contenido1 .row .textos h2{
        font-size: 25px;
    }
    .contenido1 .row .textos h3{
        font-size: 18px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:auto;
        padding: 0;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 18px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 25px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center 0;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 150% 20px;
    }
    .contenido3 .texto h4{
        font-size: 16px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 20px;
        line-height: 33px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px 0px; 
    }
    .contenido4 .texto h3{
        font-size: 26px;
    }
    .contenido4 .texto p{
        font-size: 16px;
        padding: 8% 1%;
    }  
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        height: auto;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 16px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 30px;        
        line-height: 37px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 30px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: auto;
    }
    .contenido6 .cajaTexto h2{
        font-size: 30px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion6_responsive.png');
        background-size:cover;
        background-position: left;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 24px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:16px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 20px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p{
        padding: 0 0 15%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 14px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 14px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 14px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        height:70vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion7_responsive.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 250px;
        height: 250px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 16px;        
        line-height: inherit;        
        padding: 25% 15% 10% 10%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 20px;
        width: 180px;
        height: 110px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 20px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body {
        height: auto;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 20px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 26px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:30px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 16px;
        text-align:center;
    }
}
@media only screen and (min-width: 321px) and (max-width:424px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 0% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-image:url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/Seccion1_responsive.png');
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 4% 0 10%;
    }
    .contenido1 .row .textos h2{
        font-size: 25px;
    }
    .contenido1 .row .textos h3{
        font-size: 18px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:auto;
        padding: 0;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 18px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 25px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center 0;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 150% 20px;
    }
    .contenido3 .texto h4{
        font-size: 16px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 26px;
        line-height: 35px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px 0px; 
    }
    .contenido4 .texto h3{
        font-size: 26px;
    }
    .contenido4 .texto p{
        font-size: 16px;
        padding: 4% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        height: auto;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 16px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 30px;        
        line-height: 37px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 30px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: auto;
    }
    .contenido6 .cajaTexto h2{
        font-size: 30px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion6_responsive.png');
        background-size:cover;
        background-position: left;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 24px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:16px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 20px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p{
        padding: 0 0 15%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 14px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 14px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 14px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        height:70vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion7_responsive.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 250px;
        height: 250px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 16px;        
        line-height: inherit;        
        padding: 25% 15% 10% 10%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 20px;
        width: 180px;
        height: 110px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 20px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 20px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 26px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:30px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 16px;
        text-align:center;
    }
}

/****************************  PORTRAIT DISPOSITIVO MOVIL TABLET     *************************************/
@media only screen and (min-width: 425px) and (max-width:600px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 40px;
    }
    .contenido11{
        padding:10% 40px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 0 0 23%;
    }
    .contenido1 .row .textos h2{
        font-size: 35px;
    }
    .contenido1 .row .textos h3{
        font-size: 24px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:100vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 20px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 30px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 125% 20px;
    }
    .contenido3 .texto h4{
        font-size: 16px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 32px;
        line-height: 45px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px 0px; 
    }
    .contenido4 .texto h3{
        font-size: 30px;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 4% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 40px;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 23px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 35px;        
        line-height: 37px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 35px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 30vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 35px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion6_responsive.png');
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 24px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:16px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 40px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 25px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 16px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 20px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 18px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        height:70vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion7_responsive.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 280px;
        height: 280px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 30px;
        line-height: inherit;
        padding: 200px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 20px;
        width: 210px;
        height: 140px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 25px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 25px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 30px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:30px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 18px;
        text-align:center;
    }
}
@media only screen and (min-width: 601px) and (max-width:679px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 40px;
    }
    .contenido11{
        padding:10% 40px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 37%;
    }
    .contenido1 .row .textos h2{
        font-size: 35px;
    }
    .contenido1 .row .textos h3{
        font-size: 24px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:100vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 20px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 30px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 16px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 38px;
        line-height: 45px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px 0px; 
    }
    .contenido4 .texto h3{
        font-size: 30px;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 4% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 40px;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 23px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 30px;        
        line-height: 37px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 30px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 30px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion6_responsive.png');
        background-size:cover;
        background-position: top;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:16px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 40px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 22px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 16px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 20px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 17px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        height:70vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion7_responsive.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 280px;
        height: 280px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 25px;
        line-height: inherit;
        padding: 200px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 20px;
        width: 210px;
        height: 140px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 25px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 25px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 30px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:30px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 25px;
        text-align:center;
    }
}
@media only screen and (min-width: 680px) and (max-width:767px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 40px;
    }
    .contenido11{
        padding:10% 40px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 48%;
    }
    .contenido1 .row .textos h2{
        font-size: 35px;
    }
    .contenido1 .row .textos h3{
        font-size: 24px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:100vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 20px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 30px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 20px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 35px;
        line-height: 45px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px 0px; 
    }
    .contenido4 .texto h3{
        font-size: 30px;
    }
    .contenido4 .texto p{
        font-size: 20px;
        padding: 4% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 40px;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 25px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 40px;        
        line-height: 37px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 40px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 35px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:16px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 40px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 35px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 28px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 18px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 20px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 18px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        height:70vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/RESPONSIVE/seccion7_responsive.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 330px;
        height: 330px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 28px;
        line-height: inherit;
        padding: 300px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 40px;
        width: 245px;
        height: 160px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 25px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 25px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 30px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:40px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 25px;
        text-align:center;
    }
}

/**********************************  IPAD USADA EN LA EMPRESA    *******************************************/
@media only screen and (min-width: 768px) and (max-width:820px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 40px;
    }
    .contenido11{
        padding:10% 40px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 35%;
    }
    .contenido1 .row .textos h2{
        font-size: 40px;
    }
    .contenido1 .row .textos h3{
        font-size: 28px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:80vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 25px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 35px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 23px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 50px;
        line-height: 58px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .texto h3{
        font-size: 30px;
    }
    .contenido4 .texto p{
        font-size: 20px;
        padding: 8% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 40px;
        height:80vh;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 28px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 50px;        
        line-height: 55px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 50px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 50px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 40px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 50px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 30px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .col-md-7, .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 22px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 25px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 25px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        margin-top:20%;
        height:50vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 380px;
        height: 380px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 45px;
        line-height: inherit;
        padding: 300px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 40px;
        width: 270px;
        height: 180px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 37px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 37px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:30px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    .contenido13 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 25px;
        text-align:center;
    }
}

/****************************  PORTRAIT DISPOSITIVO MOVIL LAPTOP     ************************************/
@media only screen and (min-width: 821px) and (max-width:991px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 60px;
    }
    .contenido11{
        padding:10% 80px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 45%;
    }
    .contenido1 .row .textos h2{
        font-size: 40px;
    }
    .contenido1 .row .textos h3{
        font-size: 28px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:80vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 25px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 35px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 25px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 45px;
        line-height: 50px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }

    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .texto h3{
        font-size: 30px;
    }
    .contenido4 .texto p{
        font-size: 20px;
        padding: 8% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 60px;
        height:80vh;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 30px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 35px;        
        line-height: 48px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 35px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 50px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 60px;
        display: block;
        margin-top: -200px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 50px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 30px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .col-md-7, .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 20px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 25px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 25px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        margin-top:20%;
        height:50vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 380px;
        height: 380px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 40px;
        line-height: inherit;
        padding: 300px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 40px;
        width: 270px;
        height: 180px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 35px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 35px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:30px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    .contenido13 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 25px;
        text-align:center;
    }
}
@media only screen and (min-width: 992px) and (max-width:1150px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 60px;
    }
    .contenido11{
        padding:10% 80px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 42%;
    }
    .contenido1 .row .textos h2{
        font-size: 50px;
    }
    .contenido1 .row .textos h3{
        font-size: 35px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:80vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 30px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 40px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 32px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 50px;
        line-height: 65px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .texto h3{
        font-size: 40px;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 8% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 60px;
        height:80vh;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 32px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 60px;        
        line-height: 70px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 60px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 65px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    .offset-md-7 {
        margin-left: 40%;
    }
    .col-md-4 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas h2{
        font-size: 60px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 40px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 22px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 30px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 26px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        margin-top:10%;
        height:50vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 440px;
        height: 440px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 43px;
        line-height: inherit;
        padding: 300px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 40px;
        width: 325px;
        height: 220px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 40px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 35px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:60px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    .contenido13 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:30% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 30px;
        text-align:center;
    }
}

/****************************  PORTRAIT DISPOSITIVO PC ESCRITORIO     ***********************************/
@media only screen and (min-width: 1151px) and (max-width:1199px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 60px;
    }
    .contenido11{
        padding:10% 80px 0%;
    }
    /*    *************************************************************************/
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 47%;
    }
    .contenido1 .row .textos h2{
        font-size: 50px;
    }
    .contenido1 .row .textos h3{
        font-size: 35px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:80vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 32px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 40px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 32px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 72px;
        line-height: 80px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .texto h3{
        font-size: 45px;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 8% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 60px;
        height:80vh;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 32px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 60px;        
        line-height: 70px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 60px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 72px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    .offset-md-7 {
        margin-left: 40%;
    }
    .col-md-4 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas h2{
        font-size: 60px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        text-align: left;
        font-size: 40px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .contenido7 .tarjetas .row .texto p{
        text-align: left;
        font-size: 22px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 32px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 32px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        margin-top:10%;
        height:50vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 440px;
        height: 440px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 48px;
        line-height: inherit;
        padding: 300px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 40px;
        width: 325px;
        height: 220px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 40px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 35px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:60px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    .contenido13 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:30% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 30px;
        text-align:center;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and  (orientation: portrait){
    body{
        overflow-x:hidden;
    }
    .contenido2, .contenido4, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 60px;
    }
    .contenido11{
        padding:10% 80px 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        background-position:right;
    }
    .contenido1 .row {
        height: 150%;
    }
    .contenido1 .textos{
        padding: 0px 7% 0 48%;
    }
    .contenido1 .row .textos h2{
        font-size: 55px;
    }
    .contenido1 .row .textos h3{
        font-size: 35px;
    }
    /*    *************************************************************************/
    .contenido2{
        height:80vh;
    }
    .contenido2 .row {
        width: 100%;
        margin: auto;
    }
    .contenido2 .texto{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .contenido2 .texto p{
        font-size: 32px;
        padding: 0px 5px;
    }
    .contenido2 .title{
        font-size: 40px !important;
        padding: 0px 5px 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:auto;
    }
    .imgAmarilla{
        background-image: url('https://assets.claro360.com/Persona/nuevaPersona/Imagen_02_responsiva.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 0px 100% 20px;
    }
    .contenido3 .texto h4{
        font-size: 32px;        
    }
    .contenido3 .texto p, .contenido3 .texto .textoBlanco{
        font-size: 72px;
        line-height: 80px;        
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .parte2,  .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .texto h3{
        font-size: 48px;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 8% 1%;
    }    
    .contenido4 .texto a{
        padding: 8% 1%;
    }
    /*    ***************************************************************************/
    .contenido5{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 60px;
        height:80vh;
    }
    .contenido5 .texto{
        padding: 0;
    }
    .contenido5 .texto h4{
        font-size: 32px;        
        padding: 0px 5px;
    }
    .contenido5 .texto p{
        font-size: 72px;        
        line-height: 70px;
        padding: 0px 5px;
    }
    .contenido5 .texto .textoGris{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size:cover;
        background-position: left;
    }
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 38vh;
    }
    .contenido6 .cajaTexto h2{
        font-size: 72px;        
        padding: 0 5vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: top;
        height:100vh;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    .offset-md-7 {
        margin-left: 40%;
    }
    .col-md-4 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjeta1{
        margin-top: 5vh;
    }
    .contenido7 .tarjetas{
        width: 100%;
        box-shadow: 10px 3px 30px rgba(0,0,0,0.3);
    }
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido7 .tarjetas h2{
        font-size: 60px;        
        padding: 3vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        text-align: left;
        font-size: 40px;
    }
    .contenido7 .otraTarjeta .texto h3, .contenido7 .otraTarjeta .texto p,
    .contenido7 h3{
        padding: 0 0 6%;
    }
    .contenido7 .tarjetas .row .texto p{
        text-align: left;
        font-size: 22px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 .img1{
        display: none;
    }
    .contenido8 .fondoImagen2 .img2{
        display: block;
    }
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 32px;        
        padding: 0px;
    }
    .contenido9 .texto p{
        font-size: 32px;
        padding: 0px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        margin-top:10%;
        height:50vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg{
        height: 200px;
        justify-content: flex-start;        
    }
    .contenido10 .cajaImg img{
        width: 500px;
        height: 500px;
        top: 0;
        right: inherit;
    }
    .contenido10 .contenidoDerecha .boxTexto{
        height: inherit;
        display: flex;    
        align-items: flex-end;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 48px;
        line-height: inherit;
        padding: 300px 0% 10% 0%;
    }
    .contenido10 .contenidoDerecha .boxImg{
        height: inherit;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        top: 0;
        right: 40px;
        width: 325px;
        height: 220px;
    }
    /*    ****************************************************************************/
    .contenido11{
        height:100%;
    }
    .contenido11 .cajaTarjetas .tarjeta{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido11 .tarjeta .card .card-body p{
        font-size: 40px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 35px;
        color: #86868B;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 0;
        height: 100vh;
    }
    .contenido12 .caja2{
        padding:0;
    }
    .contenido12 img{
        height: 100vh;
        object-fit: cover;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 5vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:60px;
        text-align:left;
        padding:10% 0%;
    }
    .contenido13 .col-md-6{
        padding:0;
    }
    .contenido13 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:30% 0%;
    }
    .contenido14 p{
        padding:0 0 10% 0;
        font-size: 30px;
        text-align:center;
    }
}


/*******************************************************************************************************************/
/******************************************      LANDSCAPE     ****************************************************/
/*******************************************************************************************************************/
/****************************  LANDSCAPE DISPOSITIVO MOVIL CELULAR    ***********************************/
@media only screen and (max-width: 424px) and (orientation: landscape){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 5% 0%;
    }
    /*    ***********************************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 10%;
    }
    .contenido1 .row .textos h2{
        font-size: 20px;
    }
    .contenido1 .row .textos h3{
        font-size: 16px;
    }
    /*    ***********************************************************************************************/
    .contenido2{
        height:auto;
        padding:10px 0px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p{
        font-size: 15px;
        padding: 0px 20px;
    }
    .contenido2 .title{
        font-size: 20px !important;
        padding: 0px 20px 15px !important;
    } 
    /*    ***********************************************************************************************/
    .contenido3{
        height:auto;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 55px 150px 0px 20px;
    }
    .contenido3 .texto h4{
        font-size: 12px;        
    }
    .contenido3 .texto p{
        font-size: 18px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 18px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4{
        padding: 20px 1px;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .imagen12, .imagen2, .imagen3{
        text-align: center;
    }
    .contenido4 .parte2{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px;
    }
    .contenido4 .texto h3{
        font-size: 18px;
    }
    .contenido4 .texto p{
        font-size: 16px;
        padding: 5% 5%;
    }
    .contenido4 .texto a{
        padding: 5% 5%;
    }
    /*    ***********************************************************************************************/
    .contenido5{
        height:auto;
        padding: 40px 20px;
    }
    .contenido5 .texto{
        padding: 5vh 3vh 5vh 3vh;    
    }
    .contenido5 .texto h4{
        font-size: 18px;        
    }
    .contenido5 .texto p{
        font-size: 20px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 60vh;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 22px;        
        padding: 0 10vh;
    }
    /*    ***********************************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 24px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:16px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top:-100px;
        z-index: 2;
    }
    /*    ***********************************************************************************************/
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 20px;        
        padding: 5vh 30px;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 20px;
        padding: 0px 30px;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 14px;        
        padding: 0px 30px;
    }
    /*    ***********************************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido9 .texto h4{
        font-size: 18px;        
        padding: 0px 20px;
    }
    .contenido9 .texto p{
        font-size: 15px;
        padding: 0px 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido10{
        height:100vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 200px;
        height: 200px;
        position:absolute;
        top: 0;
        left: 0px;
    }    
    .contenido10 .contenidoDerecha .boxTexto {
        height: 70vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 12px;        
        line-height: inherit;        
        padding: 0 0% 0 46%;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 160px;
        height: 100px;
        right: 0px;
    }
    /*    **********************************************************************************************/
    .contenido11 .tarjeta .card .card-body p{
        font-size: 12px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 12px;        
    }
    /*    **********************************************************************************************/
    .contenido12{
        padding: 1% 2%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 15px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:20px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido14 p{
        font-size: 16px;
    }
}
@media only screen and (min-width: 425px) and (max-width:600px) and  (orientation: landscape){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido9, .contenido13, .contenido14 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 5% 0%;
    }
    /*    ***********************************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 10%;
    }
    .contenido1 .row .textos h2{
        font-size: 20px;
    }
    .contenido1 .row .textos h3{
        font-size: 16px;
    }
    /*    ***********************************************************************************************/
    .contenido2{
        height:auto;
        padding:30px 20px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p{
        font-size: 15px;
        padding: 0px 20px;
    }
    .contenido2 .title{
        font-size: 20px !important;
        padding: 0px 20px 15px !important;
    } 
    /*    ***********************************************************************************************/
    .contenido3{
        height:140vh;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 55px 260px 0px 20px;
    }
    .contenido3 .texto h4{
        font-size: 12px;        
    }
    .contenido3 .texto p{
        font-size: 18px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 18px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4{
        padding: 20px 20px;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .texto p{
        font-size: 16px;
        padding: 5% 5%;
    }
    .contenido4 .texto a{
        padding: 5% 5%;
    }
    .contenido4 .imagen12, .imagen2, .imagen3{
        text-align: center;
    }
    .contenido4 .parte2{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte2 .texto2{
        order: -1;
    }
    .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px;
    }
    .contenido4 .texto h3{
        font-size: 18px;
    }
    /*    ***********************************************************************************************/
    .contenido5{
        height:auto;
        padding: 40px 20px;
    }
    .contenido5 .texto{
        padding: 5vh 3vh 5vh 3vh;    
    }
    .contenido5 .texto h4{
        font-size: 18px;        
    }
    .contenido5 .texto p{
        font-size: 20px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 60vh;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 22px;        
        padding: 0 10vh;
    }
    /*    ***********************************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
        padding:0 20px;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
        padding:0 20px;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top:-100px;
        z-index: 2;
    }
    /*    ***********************************************************************************************/
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 20px;        
        padding: 5vh 30px;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 20px;
        padding: 0px 30px;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 14px;        
        padding: 0px 30px;
    }
    /*    ***********************************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido9 .texto h4{
        font-size: 18px;        
        padding: 0px 20px;
    }
    .contenido9 .texto p{
        font-size: 15px;
        padding: 0px 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido10{
        height:100vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 235px;
        height: 235px;
        position:absolute;
        top: 0;
        left: 0px;
    }    
    .contenido10 .contenidoDerecha .boxTexto {
        height: 70vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 15px;        
        line-height: inherit;        
        padding: 0 0% 0 46%;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 180px;
        height: 110px;
        right: 20px;
    }
    /*    **********************************************************************************************/
    .contenido11 .tarjeta .card .card-body p{
        font-size: 14px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 14px;        
    }
    /*    **********************************************************************************************/
    .contenido12{
        padding: 1% 2%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 17px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:20px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido14 p{
        font-size: 18px;
        text-align:center;
    }
}
@media only screen and (min-width: 601px) and (max-width:679px) and  (orientation: landscape){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido13, .contenido9 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 5% 0%;
    }
    /*    ***********************************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 10%;
    }
    .contenido1 .row .textos h2{
        font-size: 30px;
    }
    .contenido1 .row .textos h3{
        font-size: 18px;
    }
    /*    ***********************************************************************************************/
    .contenido2{
        height:auto;
        padding:60px 20px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p{
        font-size: 18px;
        padding: 0px 20px;
    }
    .contenido2 .title{
        font-size: 25px !important;
        padding: 0px 20px 15px !important;
    } 
    /*    ***********************************************************************************************/
    .contenido3{
        height:140vh;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 55px 260px 0px 20px;
    }
    .contenido3 .texto h4{
        font-size: 18px;        
    }
    .contenido3 .texto p{
        font-size: 26px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 26px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4{
        padding: 20px 20px;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 5% 5%;
    }
    .contenido4 .texto a{
        padding: 5% 5%;
    }
    .contenido4 .imagen12, .imagen2, .imagen3{
        text-align: center;
    }
    .contenido4 .parte2{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte2 .texto2{
        order: -1;
    }
    .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px;
    }
    .contenido4 .texto h3{
        font-size: 24px;
    }
    /*    ***********************************************************************************************/
    .contenido5{
        height:auto;
        padding: 60px 20px;
    }
    .contenido5 .texto{
        padding: 5vh 3vh 5vh 3vh;    
    }
    .contenido5 .texto h4{
        font-size: 18px;        
    }
    .contenido5 .texto p{
        font-size: 25px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 25px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 60vh;        
    }
    .contenido6 .cajaTexto h2{
        font-size:30px;        
        padding: 0 10vh;
    }
    /*    ***********************************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
        padding:0 20px;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
        padding:0 20px;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top:-100px;
        z-index: 2;
    }
    /*    ***********************************************************************************************/
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 5vh 30px;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 25px;
        padding: 0px 30px;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 17px;        
        padding: 0px 30px;
    }
    /*    ***********************************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido9 .texto h4{
        font-size: 20px;        
        padding: 0px 20px;
    }
    .contenido9 .texto p{
        font-size: 17px;
        padding: 0px 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido10{
        height:100vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 280px;
        height: 280px;
        position:absolute;
        top: 0;
        left: 0px;
    }    
    .contenido10 .contenidoDerecha .boxTexto {
        height: 80vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 17px;        
        line-height: inherit;        
        padding: 0 0% 0 0%;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 200px;
        height: 130px;
        right: 20px;
    }
    /*    **********************************************************************************************/
    .contenido11 .tarjeta .card .card-body p{
        font-size: 17px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 17px;        
    }
    /*    **********************************************************************************************/
    .contenido12{
        padding: 1% 2%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 20px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:25px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido14 p{
        font-size: 18px;
        text-align:center;
    }
}
@media only screen and (min-width: 680px) and (max-width:767px) and  (orientation: landscape){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido13, .contenido14 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 5% 0%;
    }
    /*    ***********************************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 10%;
    }
    .contenido1 .row .textos h2{
        font-size: 30px;
    }
    .contenido1 .row .textos h3{
        font-size: 18px;
    }
    /*    ***********************************************************************************************/
    .contenido2{
        height:auto;
        padding:60px 20px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p{
        font-size: 18px;
        padding: 0px 20px;
    }
    .contenido2 .title{
        font-size: 25px !important;
        padding: 0px 20px 15px !important;
    } 
    /*    ***********************************************************************************************/
    .contenido3{
        height:140vh;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 55px 260px 0px 20px;
    }
    .contenido3 .texto h4{
        font-size: 18px;        
    }
    .contenido3 .texto p{
        font-size: 26px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 26px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4{
        padding: 20px 20px;
    }
    .contenido4 .imgWeb{
        display:none;
    }
    .contenido4 .imgMovil{
        display:block;
    }
    .contenido4 .parte1 .texto1, 
    .contenido4 .parte2 .texto2, 
    .contenido4 .parte3 .texto3,
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 3% 5%;
    }
    .contenido4 .texto a{
        padding: 3% 5%;
    }
    .contenido4 .imagen12, .imagen2, .imagen3{
        text-align: center;
    }
    .contenido4 .parte2{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte2 .texto2{
        order: -1;
    }
    .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte4 .texto4{
        order: -1;
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px;
    }
    .contenido4 .texto h3{
        font-size: 24px;
    }
    /*    ***********************************************************************************************/
    .contenido5{
        height:auto;
        padding: 60px 20px;
    }
    .contenido5 .texto{
        padding: 5vh 3vh 5vh 3vh;    
    }
    .contenido5 .texto h4{
        font-size: 18px;        
    }
    .contenido5 .texto p{
        font-size: 25px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 25px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 60vh;        
    }
    .contenido6 .cajaTexto h2{
        font-size:30px;        
        padding: 0 10vh;
    }
    /*    ***********************************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
        padding:0 20px;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
        padding:0 20px;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top:-100px;
        z-index: 2;
    }
    /*    ***********************************************************************************************/
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 5vh 30px;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 25px;
        padding: 0px 30px;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 17px;        
        padding: 0px 30px;
    }
    /*    ***********************************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido9 .texto h4{
        font-size: 20px;        
        padding: 0px 20px;
    }
    .contenido9 .texto p{
        font-size: 17px;
        padding: 0px 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido10{
        height:100vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 280px;
        height: 280px;
        position:absolute;
        top: 0;
        left: 0px;
    }    
    .contenido10 .contenidoDerecha .boxTexto {
        height: 65vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 17px;        
        line-height: inherit;        
        padding: 0 0% 0 0%;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 200px;
        height: 130px;
        right: 20px;
        top:30px;
    }
    /*    **********************************************************************************************/
    .contenido11 .tarjeta .card .card-body p{
        font-size: 17px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 17px;        
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:25px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido12{
        padding: 1% 2%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 20px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:25px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido14 p{
        font-size: 24px;
        text-align:center;
    }
}
@media only screen and (min-width: 768px) and (max-width:820px) and  (orientation: landscape){
    body{
        overflow-x:hidden;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido13, .contenido14 {
        padding: 20px 20px;
    }
    .contenido11{
        padding:10% 5% 0%;
    }
    /*    ***********************************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 7.5%;
    }
    .contenido1 .row .textos h2{
        font-size: 35px;
    }
    .contenido1 .row .textos h3{
        font-size: 20px;
    }
    /*    ***********************************************************************************************/
    .contenido2{
        height:auto;
        padding:60px 20px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p{
        font-size: 18px;
        padding: 0px 20px;
    }
    .contenido2 .title{
        font-size: 25px !important;
        padding: 0px 20px 15px !important;
    } 
    /*    ***********************************************************************************************/
    .contenido3{
        height:140vh;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 55px 300px 0px 20px;
    }
    .contenido3 .texto h4{
        font-size: 18px;        
    }
    .contenido3 .texto p{
        font-size: 26px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 26px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }

    .contenido4 .texto p{
        font-size: 18px;
        padding: 4% 5%;
    }
    .contenido4 .texto a{
        padding: 4% 5%;
    }
    .contenido4{
        padding: 20px 20px;
    }
    .contenido4 .imagen12, .imagen2, .imagen3{
        text-align: center;
    }
    .contenido4 .imagen img{
        width: 100%;
        height: auto;
    }
    .contenido4 .parte2{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte4{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;        
    }
    .contenido4 .parte1, .parte2, .parte3, .parte4{
        padding: 40px 0px;
    }
    .contenido4 .texto h3{
        font-size: 24px;
    }
    /*    ***********************************************************************************************/
    .contenido5{
        height:auto;
        padding: 60px 20px;
    }
    .contenido5 .texto{
        padding: 5vh 3vh 5vh 3vh;    
    }
    .contenido5 .texto h4{
        font-size: 18px;        
    }
    .contenido5 .texto p{
        font-size: 25px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 25px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido6 .cajaTexto{            
        width: 100%;
        height: 60vh;        
    }
    .contenido6 .cajaTexto h2{
        font-size:30px;        
        padding: 0 10vh;
    }
    /*    ***********************************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
        padding:0 20px;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
        padding:0 20px;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 20px;
        display: block;
        margin-top:-100px;
        z-index: 2;
    }
    /*    ***********************************************************************************************/
    .contenido7 .tarjetas .row{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 30px;        
        padding: 5vh 30px;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 25px;
        padding: 0px 30px;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 17px;        
        padding: 0px 30px;
    }
    .col-md-7, .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido9 .texto h4{
        font-size: 20px;        
        padding: 0px 20px;
    }
    .contenido9 .texto p{
        font-size: 17px;
        padding: 0px 20px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido10{
        height:100vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 280px;
        height: 280px;
        position:absolute;
        top: 0;
        left: 0px;
    }    
    .contenido10 .contenidoDerecha .boxTexto {
        height: 75vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 20px;        
        line-height: inherit;        
        padding: 0 0% 0 0%;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 200px;
        height: 130px;
        right: 20px;
        top:30px;
    }
    /*    **********************************************************************************************/
    .contenido11 .tarjeta .card .card-body p{
        font-size: 18px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 18px;        
    }
    /*    **********************************************************************************************/
    .contenido12{
        padding: 1% 2%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 22px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:25px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido14 p{
        font-size: 22px;
        text-align:center;
    }
}

/****************************  LANDSCAPE DISPOSITIVO MOVIL TABLET     ************************************/
@media only screen and (min-width: 821px) and (max-width:991px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido13, .contenido14 {
        padding: 20px 80px;
    }
    .contenido11{
        padding:10% 5% 0%;
    }
    /*    ***********************************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 15vh;
    }
    .contenido1 .row .textos h2{
        font-size: 40px;
    }
    .contenido1 .row .textos h3{
        font-size: 25px;
    }
    /*    ***********************************************************************************************/
    .contenido1-1 .imgInicial img {
        height:100vh;
        object-fit:cover;
        margin-top:80px;
    }
    /*    ***********************************************************************************************/
    .contenido2{
        padding: 10vh 15vh;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p{
        font-size: 26px;
    }
    .contenido2 .title{
        font-size: 35px !important;
    } 
    /*    ***********************************************************************************************/
    .imgAmarilla{
        height:100vh;
    }
    .contenido3{
        background-size:cover;
    }
    .contenido3 .texto{
        padding: 50px 370px 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 24px;        
    }
    .contenido3 .texto p{
        font-size: 38px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 4% 5%;
    }
    .contenido4 .texto a{
        padding: 4% 5%;
    }
    .contenido4 .texto h3{
        font-size: 30px;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 0 1%;
    }
    .contenido4 .texto1 h3{
        font-size: 26px;
    }
    .contenido4 .texto2 p{
        padding: 0 5%;
    }
    .contenido4 .texto3 p{
        padding: 0 5%;
    }
    /*    **********************************************************************************************/
    .contenido5 .texto{
        padding: 5vh 0 10vh 0;    
    }
    .contenido5 .texto h4{
        font-size: 24px;      
    }
    .contenido5 .texto p{
        font-size: 38px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido6{
        background-size:cover;
        background-position:left;
    }
    .contenido6 .cajaTexto{            
        width: 600px;
        height: 300px;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 38px;        
        padding: 0 8vh;
    }
    /*    ***********************************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 80px;
        display: block;
        margin-top:-170px;
        z-index: 2;
    }
    /*    ***********************************************************************************************/
    .contenido7 .tarjetas .row .texto{
        order: -1;
    }
    .contenido7 .tarjetas h2{
        font-size: 48px;        
        padding: 5vh 2vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 32px;
        padding: 0 2vh;
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 20px;
        padding: 0 2vh;
    }
    /*    ***********************************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
        height: 85vh;
        object-fit: cover;
        object-position: left;
    }
    .col-md-7, .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*    ***********************************************************************************************/
    .contenido9 .texto h4{
        font-size: 24px;        
    }
    .contenido9 .texto p{
        font-size: 24px;        
        line-height: inherit;
    }
    /*    ***********************************************************************************************/
    .contenido10{
        height:80vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 400px;
        height: 400px;
        position: absolute;
        left: 10px;
        top: 0;
    }
    .contenido10 .contenidoDerecha .boxTexto {
        height: 70vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 24px;        
        line-height: inherit;        
        padding: 0 20% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 260px;
        height: 175px;
        top: 0;
        right: 75px;
    }
    /*    ***********************************************************************************************/
    .contenido11 .tarjeta .card .card-body p{
        font-size: 25px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 25px;        
    }
    /*    ***********************************************************************************************/
    .contenido12{
        padding: 1% 2%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 32px;        
        padding: 0 10vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:25px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 .col-md-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido14 p{
        font-size: 24px;
        text-align:center;
    }
}
@media only screen and (min-width: 992px) and (max-width:1150px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido13, .contenido14 {
        padding: 10% 110px;
    }
    .contenido11{
        padding:10% 10% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
    }
    .contenido1 .textos{
        padding: 0px 46% 0 5%;
    }
    .contenido1 .row .textos h2{
        font-size: 40px;
    }
    .contenido1 .row .textos h3{
        font-size: 25px;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width: 60%;
    }
    .contenido2 .texto p{
        font-size: 26px;
    }
    .contenido2 .title{
        font-size: 35px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        background-size:cover;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 420px 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 24px;        
    }
    .contenido3 .texto p{
        font-size: 38px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: auto;
    }
    .contenido4 .animated{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 4% 5%;
    }
    .contenido4 .texto a{
        padding: 4% 5%;
    }
    .contenido4 .texto h3{
        font-size: 36px;
    }
    /*    ***************************************************************************/
    .contenido5 .texto{
        padding: 15vh 0 10vh 0;    
    }
    .contenido5 .texto h4{
        font-size: 24px;        
    }
    .contenido5 .texto p{
        font-size: 38px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size: cover;
        background-position: center;
    }
    .contenido6 .cajaTexto{            
        width: 700px;
        height: 300px;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 38px;        
        padding: 0 16vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:none;
    }
    .textBox2{
        padding: 20px 110px;
        display: block;
        margin-top:-170px;
        z-index: 2;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas .row .texto{
        order: 0;
    }
    .contenido7 .tarjetas h2{
        font-size: 48px;        
        padding: 5vh 40px;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 32px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 18px;        
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 24px;        
    }
    .contenido9 .texto p{
        font-size: 24px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        margin-top:10%;
        height:80vh;
    }
    .contenido10.animated{
        display:none;
    }
    .contenido10.static{
        background-image: url('https://assets.claro360.com/Persona/cartera/nuevos/ASSETS/Seccion7.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .contenido10 .cajaImg img{
        width: 500px;
        height: 500px;
        position: absolute;
        left: 10px;
        top: 0;
    }
    .contenido10 .contenidoDerecha .boxTexto {
        height: 70vh;
    }
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 24px;        
        line-height: inherit;        
        padding: 0 20% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 290px;
        height: 180px;
        top: 0;
        right: 120px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 25px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 25px;
    }
    .contenido11 .tarjeta .card .imgCard img {
        object-fit: none;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 7%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 32px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    **********************************************************************************************/
    .contenido13 .animated{
        display:none;
    }
    .contenido13{
        width:100%;
        height:auto;
    }
    .contenido13 img{
        width:100%;
        height:auto;
    }
    .contenido13 h2{
        font-size:25px;
        text-align:left;
        padding:10% 0%;
    }
    /*    **********************************************************************************************/
    .contenido14 p{
        font-size: 26px;
        padding-bottom:20%;
    }
}

/****************************  LANDSCAPE DISPOSITIVO MOVIL LAPTOP     ************************************/
@media only screen and (min-width: 1151px) and (max-width:1199px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido14 {
        padding: 20px 110px;
    }
    .contenido11{
        padding:10% 10% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
        background-position:right;
    }
    .contenido1 .textos{
        padding: 0px 45% 0 5%;
    }
    .contenido1 .row .textos h2{
        font-size: 40px;
    }
    .contenido1 .row .textos h3{
        font-size: 25px;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width: 60%;
    }
    .contenido2 .texto p{
        font-size: 26px;
    }
    .contenido2 .title{
        font-size: 35px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        background-size:cover;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 50px 570px 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 24px;        
    }
    .contenido3 .texto p{
        font-size: 38px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .static{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 18px;
        padding: 4% 5%;
    }
    .contenido4 .texto a{
        padding: 4% 5%;
    }
    .contenido4 .texto h3{
        font-size: 36px;
    }
    /*    ***************************************************************************/
    .contenido5 .texto{
        padding: 15vh 0 10vh 0;    
    }
    .contenido5 .texto h4{
        font-size: 24px;        
    }
    .contenido5 .texto p{
        font-size: 38px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6{
        background-size: cover;
        background-position: center;
    }
    .contenido6 .cajaTexto{            
        width: 700px;
        height: 300px;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 38px;        
        padding: 0 16vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 25px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:18px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas h2{
        font-size: 48px;        
        padding: 5vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 32px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 18px;        
    }
    .contenido7 .otraTarjeta .img img {
        width:50% !important;
        height: auto;
        margin:auto;
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 24px;        
    }
    .contenido9 .texto p{
        font-size: 24px;        
        line-height: inherit;
    }
    /*    ***************************************************************************    */
    .contenido10{
        background-image:none;
        background-color:white;
    }
    .contenido10 video {
        width: 90%;
        left: 0;
        transform: none;
    }
    .contenido10 .cajaImg img{
        width: 450px;
        height: 400px;
        position: absolute;
        left:100px;
        top: 0;
    }    
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 30px;        
        line-height: inherit;        
        padding: 0 33% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img{
        width: 300px;
        height: 200px;
        top: 0;
        right: 210px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 25px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 25px;
    }
    .contenido11 .tarjeta .card .imgCard img {
        object-fit: none;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 7%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 32px;        
        padding: 0 15vh;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0;
    }
    .contenido14 p{
        font-size: 30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1360px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido14 {
        padding: 20px 190px;
    }
    .contenido11{
        padding:10% 15% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
        background-position:right;
    }
    .contenido1 .textos{
        padding: 0px 45% 0 5%;
    }
    .contenido1 .row .textos h2{
        font-size: 45px;
    }
    .contenido1 .row .textos h3{
        font-size: 30px;
    }
    /*    *************************************************************************/
    .contenido1-1 .imgInicial img {
        margin-top:80px;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width:80%;
    }
    .contenido2 .texto p{
        font-size: 30px;
        padding: 0 15vh 0 15vh;
    }
    .contenido2 .title{
        font-size: 40px !important;
        padding: 0px 15vh 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3 .texto{
        text-align: left;
        padding: 100px 50% 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 28px;        
    }
    .contenido3 .texto p{
        font-size: 40px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 40px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .static{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 4% 5%;
    }
    .contenido4 .texto a{
        padding: 4% 5%;
    }
    .contenido4 .texto h3{
        font-size: 35px;
    }
    /*    ***************************************************************************/
    .contenido5 .texto{
        padding: 10vh 15vh 10vh 15vh;    
    }
    .contenido5 .texto h4{
        font-size: 24px;        
    }
    .contenido5 .texto p{
        font-size: 38px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6 .cajaTexto{            
        width: 700px;
        height: 300px;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 38px;        
        padding: 0 15vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas h2{
        font-size: 48px;        
        padding: 5vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 32px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 18px;        
    }
    .contenido7 .otraTarjeta .img img {
        width:50% !important;
        height: auto;
        margin:auto;
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 24px;        
    }
    .contenido9 .texto p{
        font-size: 24px;        
        line-height: inherit;
    }
    /*    ***************************************************************************               */
    .contenido10{
        background-image:none;
        background-color:white;
    }
    .contenido10 video {
        width: 75%;
        left: 0;
        transform: none;
    }
    .contenido10 .cajaImg img{
        width: 550px;
        height: 500px;
        position: absolute;
        top: 0;
        left: 150px;
    }    
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 32px;        
        line-height: inherit;        
        padding: 0 33% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img {
        width: 400px;
        height: 280px;
        position: absolute;
        top: 0;
        right: 200px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 32px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 32px;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 12%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 32px;        
        padding: 0 30%;
        line-height: inherit;
    }
    /*    ****************************************************************************/

    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0;
    }
    .contenido14 p{
        font-size: 30px;
    }
}

/****************************  LANDSCAPE DISPOSITIVO PC ESCRITORIO     ***********************************/
@media only screen and (min-width: 1361px) and (max-width:1899px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido14 {
        padding: 20px 190px;
    }
    .contenido11{
        padding:10% 15% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
        background-position:right;
    }
    .contenido1 .textos{
        padding: 0px 45% 0 5%;
    }
    .contenido1 .row .textos h2{
        font-size: 50px;
    }
    .contenido1 .row .textos h3{
        font-size: 35px;
    }
    /*    *************************************************************************/
    .contenido1-1 .imgInicial img {
        margin-top:80px;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width:80%;
    }
    .contenido2 .texto p{
        font-size: 30px;
        padding: 0 15vh 0 15vh;
    }
    .contenido2 .title{
        font-size: 42px !important;
        padding: 0px 15vh 15px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:130vh;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 100px 50% 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 28px;        
    }
    .contenido3 .texto p{
        font-size: 40px;
        line-height: inherit;        
    }
    .contenido3 .texto .textoBlanco{
        font-size: 40px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .static{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 6% 5%;
    }
    .contenido4 .texto a{
        padding: 6% 5%;
    }
    .contenido4{
        padding-top:10%;
    }
    .contenido4 .texto h3{
        font-size: 35px;
    }
    /*    ***************************************************************************/
    .contenido5 .texto{
        padding: 10vh 15vh 10vh 15vh;    
    }
    .contenido5 .texto h4{
        font-size: 24px;        
    }
    .contenido5 .texto p{
        font-size: 38px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 38px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6 .cajaTexto{            
        width: 700px;
        height: 300px;        
    }
    .contenido6 .cajaTexto h2{
        font-size: 38px;        
        padding: 0 15vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas h2{
        font-size: 48px;        
        padding: 5vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 32px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 18px;        
    }
    .contenido7 .otraTarjeta .img img {
        padding-top: 30px;
        width:60% !important;
        height: auto;
        margin:auto;
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 24px;        
    }
    .contenido9 .texto p{
        font-size: 24px;        
        line-height: inherit;
    }
    /*    ***************************************************************************               */
    .contenido10{
        background-image:none;
        background-color:white;
    }
    .contenido10 video {
        width: 75%;
        left: 0;
        transform: none;
    }
    .contenido10 .cajaImg img{
        width: 550px;
        height: 500px;
        position: absolute;
        top: 0;
        left: 150px;
    }    
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 32px;        
        line-height: inherit;        
        padding: 0 33% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img {
        width: 400px;
        height: 280px;
        position: absolute;
        top: 0;
        right: 200px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 32px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 32px;
    }
    .contenido11 .cajaTarjetas .tarjeta:nth-child(2) img {
        padding: 50px 0px 0px;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 12%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 32px;        
        padding: 0 30%;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:25% 0;
    }
    .contenido14 p{
        font-size: 32px;
    }
}
@media only screen and (min-width: 1900px) and (max-width:2299px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido14 {
        padding: 20px 190px;
    }
    .contenido11{
        padding:10% 15% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
        background-position:right;
    }
    .contenido1 .textos{
        padding: 0px 45% 0 5%;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width:80%;
    }
    .contenido2 .texto p{
        font-size: 32px;
        padding: 0 15vh 0 15vh;
    }
    .contenido2 .title{
        font-size: 42px !important;
        padding: 0px 15vh 60px !important;
    } 
    /*    **************************************************************************/
    .contenido3{
        height:130vh;
    }
    .contenido3 .texto{
        text-align: left;
        padding: 15% 50% 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 32px;        
    }
    .contenido3 .texto p{
        font-size: 72px;
        line-height: 90px;       
    }
    .contenido3 .texto .textoBlanco{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: 3000px;
    }
    .contenido4 .static{
        display:none;
    }
    .contenido4 .static{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 5% 5%;
    }
    .contenido4 .texto a{
        padding: 5% 5%;
    }
    .contenido4{
        padding-top:10%;
    }
    .contenido4 .texto h3{
        font-size: 48px;
    }
    /*    ***************************************************************************/
    .contenido5{
        height:100vh;
    }
    .contenido5 .texto{
        padding: 10vh 0vh 10vh 0vh;
    }
    .contenido5 .texto h4{
        font-size: 32px;        
    }
    .contenido5 .texto p{
        font-size: 72px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6 .cajaTexto{            
        width: 60%;
        height: 45vh;     
    }
    .contenido6 .cajaTexto h2{
        font-size: 72px;        
        padding: 0 15vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas h2{
        font-size: 72px;        
        padding: 5vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 40px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 22px;        
    }
    .contenido7 .otraTarjeta .img img {
        padding-top: 30px;
        width:60% !important;
        height: auto;
        margin:auto;
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 32px;        
    }
    .contenido9 .texto p{
        font-size: 32px;        
        line-height: inherit;
    }
    /*    ***************************************************************************               */
    .contenido10{
        background-image:none;
        background-color:white;
    }
    .contenido10 video {
        width: 75%;
        left: 0;
        transform: none;
    }
    .contenido10 .cajaImg img{
        width: 550px;
        height: 500px;
        position: absolute;
        top: 0;
        left: 150px;
    }    
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 32px;        
        line-height: inherit;        
        padding: 0 33% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img {
        width: 400px;
        height: 280px;
        position: absolute;
        top: 0;
        right: 200px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 40px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 40px;
    }
    .contenido11 .cajaTarjetas .tarjeta:nth-child(2) img {
        padding: 50px 0px 0px;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 12%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 30%;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:15% 0;
    }
}
@media only screen and (min-width: 2300px) and (max-width:2599px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido14 {
        padding: 10% 15%;
    }
    .contenido11{
        padding:10% 18% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
        background-position:right;
    }
    .contenido1 .textos{
        padding: 0px 45% 0 5%;
    }
    /*    *************************************************************************/
    .contenido1-1 .imgInicial img {
        margin-top:80px;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width:43%;
        margin:auto;
    }
    .contenido2 .texto p{
        font-size: 32px;
        padding: 0;
    }
    .contenido2 .title{
        font-size: 42px !important;
        padding: 0px 0px 60px !important;
    } 
    /*    **************************************************************************/
    .contenido3 .texto{
        text-align: left;
        padding: 15% 50% 20px 80px;
    }
    .contenido3 .texto h4{
        font-size: 32px;        
    }
    .contenido3 .texto p{
        font-size: 72px;
        line-height: 90px;       
    }
    .contenido3 .texto .textoBlanco{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: 3000px;
    }
    .contenido4 .static{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 5% 5%;
    }
    .contenido4 .texto a{
        padding: 5% 5%;
    }
    .contenido4{
        padding-top:10%;
    }
    .contenido4 .texto h3{
        font-size: 48px;
    }
    /*    ***************************************************************************/
    .contenido5{
        height:auto;
    }
    .contenido5 .texto{
        padding: 10vh 15vh 10vh 15vh;    
    }
    .contenido5 .texto h4{
        font-size: 32px;        
    }
    .contenido5 .texto p{
        font-size: 72px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6 .cajaTexto{            
        width: 60%;
        height: 45vh;     
    }
    .contenido6 .cajaTexto h2{
        font-size: 72px;        
        padding: 0 15vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas h2{
        font-size: 72px;        
        padding: 5vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 40px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 22px;        
    }
    .contenido7 .otraTarjeta .img img {
        padding-top: 30px;
        width:60% !important;
        height: auto;
        margin:auto;
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 32px;        
    }
    .contenido9 .texto p{
        font-size: 32px;        
        line-height: inherit;
    }
    /*    ***************************************************************************               */
    .contenido10{
        background-image:none;
        background-color:white;
    }
    .contenido10 video {
        width: 75%;
        left: 0;
        transform: none;
    }
    .contenido10 .cajaImg img{
        width: 550px;
        height: 500px;
        position: absolute;
        top: 0;
        left: 150px;
    }    
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 32px;        
        line-height: inherit;        
        padding: 0 33% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img {
        width: 400px;
        height: 280px;
        position: absolute;
        top: 0;
        right: 200px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 40px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 40px;
    }
    .contenido11 .cajaTarjetas .tarjeta:nth-child(2) img {
        padding: 50px 0px 0px;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 16%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 30%;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:15% 0;
    }
}
@media only screen and (min-width: 2600px) and (max-width:3599px) and  (orientation: landscape){
    body{
        overflow-x:unset;
    }
    .row{
        width:100%;
        margin:0;
    }
    .contenido4, .contenido5, .contenido7, .contenido8, .contenido9, .contenido14 {
        padding: 10% 15%;
    }
    .contenido11{
        padding:10% 18% 0%;
    }
    /*    *************************************************************************/
    .contenido1{
        margin-top:60px;
        background-position:right;
    }
    .contenido1 .textos{
        padding: 0px 45% 0 5%;
    }
    /*    *************************************************************************/
    .contenido1-1 .imgInicial img {
        margin-top:80px;
    }
    /*    *************************************************************************/
    .contenido2 .row{
        width:50%;
    }
    .contenido2 .texto p{
        font-size: 32px;
        padding: 0 15vh 0 15vh;
    }
    .contenido2 .title{
        font-size: 42px !important;
        padding: 0px 15vh 60px !important;
    } 
    /*    **************************************************************************/
    .contenido3 .texto{
        text-align: left;
        padding: 15% 65% 20px 5%;
    }
    .contenido3 .texto h4{
        font-size: 32px;        
    }
    .contenido3 .texto p{
        font-size: 72px;
        line-height: 90px;       
    }
    .contenido3 .texto .textoBlanco{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ***************************************************************************/
    .contenido4 .containVideo{
        width: 100%;
        height: 3000px;
    }
    .contenido4 .static{
        display:none;
    }
    .contenido4 .imgWeb{
        display:block;
    }
    .contenido4 .imgMovil{
        display:none;
    }
    .contenido4 .texto p{
        font-size: 22px;
        padding: 5% 5%;
    }
    .contenido4 .texto a{
        padding: 5% 5%;
    }
    .contenido4{
        padding-top:10%;
    }
    .contenido4 .texto h3{
        font-size: 48px;
    }
    /*    ***************************************************************************/
    .contenido5{
        height:auto;
    }
    .contenido5 .texto{
        padding: 20vh 20vh 10vh 20vh;  
    }
    .contenido5 .texto h4{
        font-size: 32px;        
    }
    .contenido5 .texto p{
        font-size: 72px;        
        line-height: inherit;
    }
    .contenido5 .texto .textoGris{
        font-size: 72px;        
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido6 .cajaTexto{            
        width: 60%;
        height: 48vh;     
    }
    .contenido6 .cajaTexto h2{
        font-size: 72px;        
        padding: 0 15vh;
    }
    /*    ****************************************************************************/
    .contenido15{
        background-size:cover;
        background-position: center;
    }
    .textBox2 h2{
        font-family: 'Helvetica-Neue-Bold';
        font-size: 28px;
        color:#1D1D1F;
        padding-bottom:4%;
    }
    .textBox2  p{
        font-size:22px;
        font-family:'Helvetica-Neue-Light';
        color:#1D1D1F;
    }
    .textBox{
        display:block;
    }
    .textBox2{
        display:none;
    }
    /*    ****************************************************************************/
    .contenido7 .tarjetas h2{
        font-size: 72px;        
        padding: 5vh 0vh;
    }
    .contenido7 .tarjetas .row .texto h3{
        font-size: 40px;        
    }
    .contenido7 .tarjetas .row .texto p{
        font-size: 22px;        
    }
    .contenido7 .otraTarjeta .img img {
        padding-top: 30px;
        width:60% !important;
        height: auto;
        margin:auto;
    }
    /*    ***************************************************************************/
    .contenido8 .fondoImagen2 img{
        width: 100%;
    }
    /*    ***************************************************************************/
    .contenido9 .texto h4{
        font-size: 32px;        
    }
    .contenido9 .texto p{
        font-size: 32px;        
        line-height: inherit;
    }
    /*    ***************************************************************************               */
    .contenido10{
        background-image:none;
        background-color:white;
    }
    .contenido10 video {
        width: 75%;
        left: 0;
        transform: none;
    }
    .contenido10 .cajaImg img{
        width: 550px;
        height: 500px;
        position: absolute;
        top: 0;
        left: 150px;
    }    
    .contenido10 .contenidoDerecha .boxTexto h3{
        font-size: 32px;        
        line-height: inherit;        
        padding: 0 33% 0 0;
    }
    .contenido10 .contenidoDerecha .boxImg img {
        width: 400px;
        height: 280px;
        position: absolute;
        top: 0;
        right: 200px;
    }
    /*    ***************************************************************************    */
    .contenido11 .tarjeta .card .card-body p{
        font-size: 40px;
        line-height: inherit;
    }
    .contenido11 .tarjeta .card .card-body .textoGris{
        font-size: 40px;
    }
    .contenido11 .cajaTarjetas .tarjeta:nth-child(2) img {
        padding: 50px 0px 0px;
    }
    /*    ****************************************************************************/
    .contenido12{
        padding: 1% 16%;
    }
    .contenido12 .cajaTexto2 p{
        font-size: 40px;        
        padding: 0 30%;
        line-height: inherit;
    }
    /*    ****************************************************************************/
    .contenido14 .row{
        padding:15% 0;
    }
}