@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');
}

@font-face {
    font-family: 'Helvetica-Neue-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'arial-boldMT';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/arial-boldMT.otf') format('opentype');
}

img{
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}


/**** video1 ****/
.section1{
    width: 100%;
    height: auto !important;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin-top:0px;
}

.section1 .position{
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: none;
    outline: none;
}

.section1 video{
    width: 80%;
    height: auto;
    object-fit: contain;
    top: 0px;
    left: 0%;
    transform: none;
    outline: none;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
/**** fin video1 ****/

/**** video3 ****/
.section15Web{
    width: 100%;
    height: auto !important;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin-top:0px;
}

.section15Web video{
    width: 100%;
    height: 100vh;
    object-fit: contain;
    top: 0px;
    left: 0%;
    transform: none;
    outline: none;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.section15Responsive {
    display: none;
}

.section15Responsive .aminacion {
    width: 100%;
    height: auto !important;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin-top:0px;
}

.section15Responsive .position {
    width: 100%;
    height: auto;
    object-fit: contain;
    position: sticky;
    top: 0px;
    left: 0%;
    transform: none;
    outline: none;
}

.section15Responsive video {
    width: 100%;
    height: auto;
    object-fit: contain;
    top: 0px;
    left: 0%;
    transform: none;
    outline: none;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
/**** fin video3 ****/

.section1 {
    padding-top: 60px;
}

.section1,
.section2 {
    background-color: #f2f2f2;
}

.section1 .imagenResponsiva {
    display: none;
}

.section1 .imagen {
    display: flex;
    justify-content: center;
}

.section1 .titulo h1 {
    font-family: 'DINPro-Bold';
    font-size: 80px;
    color: #000;
    text-align: center;
    margin-top: 110px;
}

.section2,
.section3,
.section5,
.section6,
.section7,
.section9,
.section12,
.section16,
.section17,
.section18 {
    padding: 80px 0;
}

.section15 {
    padding-top: 80px;
}

.section15.imagen {
    padding-bottom: 80px;
}

.section2 .textos h2 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: 42px;
    color: #000;
}

.section2 .textos h2,
.section2 .textos p {
    margin-bottom: 20px;
}

.section2 .textos p,
.section3 .textos h2,
.section5 .textos h3,
.section6 .titulos div h3,
.section7 .textos h3,
.section8 .textos h3,
.section8Portrait .contenido h3,
.section9 .textos h3,
.section10 .textos h3,
.section10Portrait .contenido h3,
.section11 .textos h3,
.section11Portrait .contenido h3,
.section12 .textos h3,
.section13 .textos h3,
.section13Portrait .contenido h3,
.section14 .textos h3,
.section14Portrait .contenido h3,
.section15 .encabezado .textos h3,
.section16 .textos h3,
.section17 .textos h3 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: 32px;
    color: #000;
}

.section3 .textos p,
.section5 .textos h2,
.section7 .textos h2,
.section8 .textos h2,
.section8Portrait .contenido h2,
.section9 .textos h2,
.section10 .textos h2,
.section10Portrait .contenido h2,
.section11 .textos h2,
.section11Portrait .contenido h2,
.section12 .textos h2,
.section13 .textos h2,
.section13Portrait .contenido h2,
.section14 .textos h2,
.section14Portrait .contenido h2,
.section15 .encabezado .textos h2, 
.section16 .textos h2,
.section17 .textos h2 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: 64px;
    color: #000;
}

.contenido6 {
    background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_02.png');
}

.section5 .imagen {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.section5 .textos,
.section7 .textos,
.section12 .textos {
    padding: 0 5%;
}

.section5 .textos h3 {
    color: #787F81;
}

.section5 .textos p,
.section6 .textos .texto p,
.section7 .textos p,
.section8 .textos p,
.section8Portrait .contenido p,
.section9 .textos p,
.section10 .textos p,
.section10Portrait .contenido p,
.section11 .textos p,
.section11Portrait .contenido p,
.section12 .textos p,
.section13 .textos p,
.section13Portrait .contenido p,
.section14 .textos p,
.section14Portrait .contenido p,
.section15 .encabezado .textos p,
.section16 .textos p,
.section17 .textos p {
    font-family: 'Helvetica-Neue-Regular';
    font-size: 17px;
    color: #000;
}

.section6 .encabezado .imagen .contador_secundario {
    width: 100%;
    padding: 40px;
}

.section6 .encabezado .imagen .contador_secundario .counter-container {
    background-color: #35B6B9;
    width: 50%;
    margin: 30px;
    padding: 30px 0;
    border-radius: 25px;
}

.section6 .encabezado .imagen .contador_secundario .counter-container .counter {
    font-size: 60px;
    font-family: 'arial-boldMT';
}

.section6 .encabezado .imagen .contador_secundario .counter-container p {
    font-size: 24px;
    font-family: 'Helvetica-Neue-Bold';
    margin: 0;
}

.section6 .textos .texto {
    padding: 0 20px;
}

.section6 .textos .numero {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 120px;
}

.section6 .row {
    padding: 20px 0;
}

.section6 .row div a {
    font-family: 'Helvetica-Neue-Light';
    font-size: 16px;
    color: #0E8FD3;
}

.section7 .textos a,
.section8 .textos a,
.section8Portrait .contenido a,
.section9 .textos a,
.section10 .textos a,
.section10Portrait .contenido a,
.section11 .textos a,
.section11Portrait .contenido a,
.section12 .textos a,
.section13 .textos a,
.section13Portrait .contenido a,
.section14 .textos a,
.section14Portrait .contenido a,
.section15 .encabezado .textos a,
.section16 .textos a,
.section17 .textos a {
    font-family: 'Helvetica-Neue-Light';
    font-size: 14px;
    color: #0E8FD3;
}

.section8 {
    padding: 40px;
    height: 100vh;
    background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/web/02.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.section10 {
    padding: 40px;
    min-height: 100vh;
    background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_07.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.section11 {
    padding: 40px;
    height: 100vh;
    background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_08.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.section13 {
    padding: 40px;
    height: 100vh;
    background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_11.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.section14 {
    padding: 40px;
    height: 100vh;
    background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/web/03.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.section15 {
    background-color: #F2F2F2;
}

.section18 {
    background: linear-gradient(to bottom, #FFFFFF, #F4F4F4);
}

.section18 .componentes .resolver {
    margin-bottom: 10vh;
}

.section18 .componentes .resolver,
.section18 .componentes .obtener {
    padding: 40px 20px 20px 20px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.section18 .resolver .textos h4,
.section18 .obtener .titulo h4 {
    font-family: 'DINPro-Bold';
    font-size: 72px;
    color: #000;
    text-align: center;
}

.section18 .resolver .textos h5,
.section18 .obtener .textos h5 {
    font-family: 'DINPro-Bold';
    font-size: 40px;
    color: #368898;
}

.section18 .resolver .textos p,
.section18 .obtener .textos p {
    font-family: 'Helvetica-Neue-Light';
    font-size: 22px;
    color: #000;
}

.section18 .resolver .textos .textoNegrita,
.section18 .obtener .textos .textoNegrita {
    font-family: 'Helvetica-Neue-Bold';
    font-size: 22px;
    color: #000;
}

.section18 .resolver .textos p,
.section18 .resolver .textos h5,
.section18 .resolver .textos .textoNegrita,
.section18 .resolver .imagen,
.section18 .obtener .imagen {
    text-align: center;
}

/*** seciones portrait ***/
.section8Portrait,
.section10Portrait,
.section11Portrait,
.section13Portrait,
.section14Portrait{
    display: none;
}

.section8Portrait .contenido,
.section10Portrait .contenido,
.section11Portrait .contenido,
.section13Portrait .contenido,
.section14Portrait .contenido {
    padding: 40px;
}

.imgContenido12Por {
    display: none;
}
/*** seciones portrait ***/


/** IMAGENES **/
.section1 .imagen img,
.section5 .imagen img,
.section7 .imagen img,
.section9 .imagen img,
.section12 .imagen img,
.section12 .textos .segundaImg img,
.section15 .encabezado .imagen img,
.section15 .imagenes .imagen img,
.section16 .imagen img,
.section17 .imagen img,
.section18 .resolver .imagen img,
.section18 .obtener .imagen img,
.contenido12 .imgContenido12Web {
    height: auto;
}
/** IMAGENES **/

/*******************************************************************************************************************/
/******************************************      PORTRAIT     ******************************************************/
/*******************************************************************************************************************/
/***********************PORTRAIT DISPOSITIVO MOVIL CELULAR**********************************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 video {
        width: 100%;
    }
    
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 16px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 40px 5vw;
    }
    
    .section5 .row {
        flex-direction: column-reverse;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 30px;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 100%;
        margin: 0 0 30px 0;
        padding: 30px 0;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 100%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 40px 5vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 1070px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 70%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 100%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img,
    .section15 .encabezado .textos img {
        width: 100%;
    }
    
    .section15 .encabezado .textos img {
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 1040px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        margin-top: 20px;
        width: 65%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .row {
        height: 830px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        margin-top: 20px;
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: left;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
        text-align: left;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
@media only screen and (min-width: 321px) and (max-width: 424px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 video {
        width: 100%;
    }
        
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 310px;
        height: auto;
        margin-bottom: 20px;
    }
    
    .section1 .imagen .imagen1 {
        width: 310px;
        height: 274px;
        margin-bottom: 50px;
    }
    
    .section1 .imagen .imagen2 {
        width: 266px;
        height: 230px;
    }
    
    .section1 .imagen .imagen3 {
        width: 310px;
        height: 274px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .contenido6 .cajaTexto h2 {
        padding: 5vh;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 16px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .row {
        flex-direction: column-reverse;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section6 .row {
        padding: 0;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 259px;
        height: 159px;
        margin: 0 0 30px 0;
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 100%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 60px 5vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 920px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 55%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section9 .imagen img {
        margin-top: 20px;
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        opacity: 0;
        transition: all 3s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        opacity: 1 !important;
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 70%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 100%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 1016px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 60%;
        transition: all 3s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        margin-top: 20px;
        width: 65%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        opacity: 0;
        transition: all 2s ease;
        z-index: 1;
    }
       
    .section17 .row {
        height: 750px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 48%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        margin-top: 20px;
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        opacity: 0;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: left;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
        text-align: left;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 0vw;
        padding-right: 0vw;
    }
    
    .section1 .imagenResponsiva,
    .section1 .titulo {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section1 video {
        width: 100%;
    }
    
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section1 .imagen img {
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }

    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 16px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .row {
        flex-direction: column-reverse;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section6 .row {
        padding: 0;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 259px;
        height: 159px;
        margin: 0 0 30px 0;
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 100%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 60px 5vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 990px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section9 .imagen img {
        margin-top: 20px;
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 70%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 100%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 955px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section16 .imagen img {
        width: 65%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .row {
        height: 780px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section18 .componentes .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section18 .textos {
        padding: 0 8vw;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: center;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p {
        text-align: left;
    }
    
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        text-align: center;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 0vw;
        padding-right: 0vw;
    }
    
    .section1 .imagenResponsiva,
    .section1 .titulo {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section1 video {
        width: 100%;
    }  
    
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 85%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 16px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .row {
        flex-direction: column-reverse;
    }
    
    .section5 .imagen img {
        width: 70%;
    }
    
    .section6 .row {
        padding: 0;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .numero,
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 60%;
    }
    
    .section6 .encabezado .textos {
        padding: 0;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 259px;
        height: 159px;
        margin: 0 0 30px 0;
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 65%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 60px 5vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 833px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        margin-top: 20px;
        width: 70%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 45%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 65%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 950px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 65%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section17 .row {
        height: 883px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section18 .componentes .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section18 .textos {
        padding: 0 8vw;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: center;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p {
        text-align: left;
    }
    
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        text-align: center;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 0vw;
        padding-right: 0vw;
    }
    
    .section1 .imagenResponsiva,
    .section1 .titulo {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section1 video {
        width: 100%;
    }
        
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 90%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 25px;
    }
    
    .section3 .textos p {
        font-size: 40px;
        line-height: 44px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .row {
        flex-direction: column-reverse;
    }
    
    .section5 .imagen img {
        width: 70%;
    }
    
    .section6 .row {
        padding: 0;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .numero,
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 60%;
    }
    
    .section6 .encabezado .textos {
        padding: 0;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 259px;
        height: 159px;
        margin: 0 0 30px 0;
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 65%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 60px 5vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 841px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        margin-top: 20px;
        width: 70%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 45%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 65%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 973px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 65%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section17 .row {
        height: 950px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section18 .componentes .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section18 .textos {
        padding: 0 8vw;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: center;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p {
        text-align: left;
    }
    
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        text-align: center;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
/*******************************IPAD USADA EN LA EMPRESA************************************************************/
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 0vw;
        padding-right: 0vw;
    }
    
    .section1 .imagenResponsiva,
    .section1 .titulo {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section1 video {
        width: 100%;
    }
        
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 25px;
        line-height: 33px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .section3 .textos p {
        font-size: 40px;
        line-height: 44px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section5 .imagen img {
        width: 60%;
        margin-bottom: 30px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding: 0 10vh;
    }
    
    .section6 .row {
        padding: 0;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vw;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section7 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 60%;
        margin-bottom: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 60px 17vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 819px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section9 .imagen img {
        width: 70%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        opacity: 0;
        transition: all 2s ease;
        z-index: 1;
        padding: 0 10vh;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        opacity: 1 !important;
        top: 0 !important;
    }
    
    .section12 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 40%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .d-md-none {
        display: block!important;
    }
    
    .section12 .d-md-block {
        display: none!important;
    }

    .section12 .imagen img{
        width: 50%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos {
        padding: 80px 12vh 0 12vh;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 1120px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section16 .imagen img {
        margin-bottom: 30px;
        width: 70%;
    }
    
    .section16 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
        position: absolute;
        top: 25%;
        opacity: 0;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section17 .row {
        height: 800px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section17 .imagen img {
        margin-top: 20px;
        width: 60%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        opacity: 0;
        transition: all 2s ease;
        z-index: 1;
    }    
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 50px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 22px;
        text-align: left;
    }
    
    .section18 .resolver .textos h5,
    .section18 .resolver .textos .textoNegrita,
    .section18 .resolver .textos p {
        text-align: center;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p,
    .section18 .obtener .textos .textoNegrita {
        text-align: left;
    }
    
    .section18 .componentes .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section18 .textos {
        padding: 0 8vw;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .componentes .obtener .textos h5 {
        text-align: center;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .obtener .imagen img {
        width: 50%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 0vw;
        padding-right: 0vw;
    }
    
    .section1 .imagenResponsiva,
    .section1 .titulo {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 video {
        width: 100%;
    }
        
    .section1 .imagenResponsiva {
        display: block;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section2 .textos h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 25px;
        line-height: 33px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 25px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 15px;
    }
    
    .section3 .textos h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    
    .section3 .textos p {
        font-size: 50px;
        line-height: 55px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section5 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section5 .imagen img {
        width: 60%;
        margin-bottom: 30px;
    }
    
    .section5 .textos {
        padding-left: 10vh;
        padding-right: 10vh;
    }
    
    .section6 .row {
        padding: 0;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vw;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section7 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 60%;
        margin-bottom: 30px;
        height: auto;
    }
    
    .section7 .textos {
        padding-left: 10vh;
        padding-right: 10vh;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 80px 10vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_15.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 828px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section9 .imagen img {
        width: 60%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
        padding-left: 10vh;
        padding-right: 10vh;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 40%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .d-md-none {
        display: block!important;
    }
    
    .section12 .d-md-block {
        display: none!important;
    }

    .section12 .imagen img{
        width: 50%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos {
        padding: 80px 10vh 0 10vh;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
    }
    
    .section16 .row {
        height: 1150px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section16 .imagen img {
        width: 60%;
    }
    
    .section16 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section17 .row {
        height: 893px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section17 .imagen img {
        width: 50%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section18 {
        padding-left: 8vw;
        padding-right: 8vw;
    }
    
    .section18 .componentes .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section18 .textos {
        padding: 0 8vw;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 50px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 22px;
    }
    
    .section18 .resolver .textos h5, 
    .section18 .obtener .textos h5 {
        text-align: center;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen img {
        width: 50%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section2 .textos h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 25px;
        line-height: 33px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding: 35px 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 25px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 15px;
    }
    
    .section3 .textos h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    
    .section3 .textos p {
        font-size: 50px;
        line-height: 55px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section6 .row {
        padding: 0;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vw;
        margin-bottom: 30px;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 100%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 80px 10vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/002.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_07.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_08.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 670px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        z-index: 1;
        transition: 3s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        opacity: 1 !important;
        right: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        width: 80%;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .textos {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15.imagen {
        padding-top: 0px;
    }
    
    .section16 .row {
        height: 780px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        transition: 3s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section17 .row {
        height: 560px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 100%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        opacity: 0;
        transition: 3s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        opacity: 1 !important;
        left: 0 !important;
    }
    
    .section18  {
        padding: 80px 8vw;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 60px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 40px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 22px;
        text-align: left;
    }
    
    .section18 .resolver .textos h5,
    .section18 .resolver .textos .textoNegrita,
    .section18 .resolver .textos p {
        text-align: center;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p,
    .section18 .obtener .textos .textoNegrita {
        text-align: left;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .obtener .imagen img {
        width: 100%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
/***********************PORTRAIT DISPOSITIVO PC ESCRITORIO***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section2 .textos h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    
    .section2 .textos p {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding: 35px 10vw;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets_Responsive/IMG_mobile_04.png');
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 25px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 15px;
    }
    
    .section3 .textos h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    
    .section3 .textos p {
        font-size: 58px;
        line-height: 63px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section6 .row {
        padding: 0;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 35%;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vw;
        margin-bottom: 30px;
    }
    
    .section6 .textos .numero {
        text-align: center;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 100%;
        margin-top: 30px;
        height: auto;
    }
    
    .section8Portrait .contenido,
    .section10Portrait .contenido,
    .section11Portrait .contenido,
    .section13Portrait .contenido,
    .section14Portrait .contenido {
        padding: 80px 10vw;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/ReferenciaCorp_Resp02.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_07.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_08.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 50vh;
        background-image: url('https://assets.claro360.com/landingsMexico360/corporativo/referenciaContrarreferencia/responsive/ReferenciaCorp_Resp03.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section9 .row {
        height: 700px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        margin-top: 20px;
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        right: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        width: 80%;
    }
    
    .section15 .encabezado .imagen {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .textos {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15.imagen {
        padding-top: 0px;
    }
    
    .section16 .row {
        height: 806px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section17 .row {
        height: 640px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        margin-top: 20px;
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        left: 0 !important;
    }
    
    .section18  {
        padding: 80px 8vw;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 60px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 40px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 22px;
        text-align: left;
    }
    
    .section18 .resolver .textos h5,
    .section18 .resolver .textos .textoNegrita,
    .section18 .resolver .textos p {
        text-align: center;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p,
    .section18 .obtener .textos .textoNegrita {
        text-align: left;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .obtener .imagen img {
        width: 100%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section1 .imagen img {
        width: 100%;
    }
    
    .section2 .textos h2 {
        font-size: 40px;
    }
    
    .section2 .textos p {
        line-height: 40px;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 30px;
    }
    
    .section2 .textos p,
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 24px;
    }
    
    .section3 .textos h2 {
        font-size: 24px;
    }
    
    .section3 .textos p {
        font-size: 34px;
        line-height: 40px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos {
        padding-left: 18vw;
        padding-right: 18vw;
    }
    
    .section3 .textos {
        padding-left: 15vw;
        padding-right: 15vw;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 12vw;
    }
    
    .section6 .row {
        padding-left: 18vw;
        padding-right: 18vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 5vw;
        padding-right: 10vw;
    }
    
    .section9 .row {
        height: 820px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        right: 0 !important;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 5vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 15vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        text-align: center;
        margin-top: 50px;
    }
    
    .section15 .encabezado .textos {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15.imagen {
        padding-top: 0px;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section17 .imagen {
        text-align: center;
        margin-top: 50px;
    }
    
    .section17 .imagen img {
        width: 90%;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 981px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 48px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 32px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 18px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen img {
        width: 70%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .contenido12 .imgContenido12Web {
        display: none;
    }
    
    .contenido12 .imgContenido12Por {
        display: block;
    }
}
/*******************************************************************************************************************/
/******************************************      LANDSCAPE      ****************************************************/
/*******************************************************************************************************************/
/*********************LANDSCAPE DISPOSITIVO MOVIL CELULAR***********************************************************/
@media only screen and (max-width: 424px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section1 .imagen img {
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 16px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .imagen img {
        width: 80%;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 259px;
        height: 159px;
        margin: 0 0 30px 0;
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 45%;
        height: auto;
        margin-top: 20px;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_05.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_07.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_08.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section9 .row {
        height: 1070px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        margin-top: 50px;
        width: 45%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    } 
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 45%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 44%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section15 .encabezado .imagen img {
        width: 70%;
        margin-bottom: 20px;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 1040px;
        position: relative;
        flex-direction: column-reverse;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 37%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .row {
        height: 830px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 40%;
        margin-top: 20px;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: left;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
        text-align: left;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section1 .imagen img {
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section8Portrait .contenido h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section10Portrait .contenido h3,
    .section11 .textos h3,
    .section11Portrait .contenido h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section13Portrait .contenido h3,
    .section14 .textos h3,
    .section14Portrait .contenido h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section8Portrait .contenido p,
    .section9 .textos p,
    .section10 .textos p,
    .section10Portrait .contenido p,
    .section11 .textos p,
    .section11Portrait .contenido p,
    .section12 .textos p,
    .section13 .textos p,
    .section13Portrait .contenido p,
    .section14 .textos p,
    .section14Portrait .contenido p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 16px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section8Portrait .contenido h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section10Portrait .contenido h2,
    .section11 .textos h2,
    .section11Portrait .contenido h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section13Portrait .contenido h2,
    .section14 .textos h2,
    .section14Portrait .contenido h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .imagen img {
        width: 80%;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .numero,
    .section6 .textos .texto p {
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        flex-direction: column;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .textos {
        display: flex;
        flex-direction: column !important;
    }
    
    .section6 .textos .numero {
        text-align: center;
        font-size: 60px;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 259px;
        height: 159px;
        margin: 0 0 30px 0;
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 18px;
    }
    
    .section7 .row,
    .section9 .row,
    .section16 .row {
        flex-direction: column-reverse !important;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 45%;
        margin-top: 20px;
        height: auto;
    }
    
    .section8,
    .section10,
    .section11,
    .section13,
    .section14 {
        display: none;
    }
    
    .section8Portrait,
    .section10Portrait,
    .section11Portrait,
    .section13Portrait,
    .section14Portrait {
        display: block;
    }
    
    .section8Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_05.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section10Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_07.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section11Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_08.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section13Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_11.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section14Portrait .fondo {
        height: 100vh;
        background-image: url('https://assets.claro360.com/Corporativo/referenciaContrarreferencia/Assets-Web/IMG_12.png');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section9 .row {
        height: 1070px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        margin-top: 50px;
        width: 45%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 45%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 44%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section15 .encabezado .imagen img {
        width: 70%;
        margin-bottom: 20px;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 1040px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 65%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .row {
        height: 830px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 80%;
        margin-top: 20px;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 20px;
        text-align: left;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 14px;
        text-align: left;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen {
        order: 3;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
        height: auto;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 45%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section9 .textos p,
    .section10 .textos p,
    .section11 .textos p,
    .section12 .textos p,
    .section13 .textos p,
    .section14 .textos p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 18px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .imagen img {
        width: 60%;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 30px;
    }

    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 0;
        padding-right: 0;
    }

    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        margin: 0 5px;
        padding: 15px 5px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 30px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 45%;
        height: auto;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section9 .row {
        height: 704px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        margin-top: 20px;
        width: 45%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section10,
    .section13,
    .section14 {
        height: auto;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 45%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 44%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section15 .encabezado .imagen img {
        width: 70%;
        margin-bottom: 20px;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 722px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 37%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section17 .row {
        height: 620px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 40%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 5vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 25px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 17px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .resolver .imagen img {
        width: 70%;
    }
    
    .section18 .obtener .imagen img {
        width: 80%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .section1 .imagen img {
        width: 45%;
        margin-bottom: 20px;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 16px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section9 .textos p,
    .section10 .textos p,
    .section11 .textos p,
    .section12 .textos p,
    .section13 .textos p,
    .section14 .textos p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 18px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 30px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section5 .imagen img {
        width: 60%;
        margin-bottom: 30px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 30px;
    }

    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        margin: 0 5px;
        padding: 15px 5px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 45%;
        height: auto;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section9 .row {
        height: 745px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section9 .imagen img {
        width: 52%;
    }
    
    .section9 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .imageResponsive1 {
        bottom: 0 !important;
    }
    
    .textResponsive1 {
        top: 0 !important;
    }
    
    .section10,
    .section13,
    .section14 {
        height: auto;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 45%;
    }
    
    .section12 .textos .segundaImg,
    .section12 .imagen,
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen,
    .section16 .imagen,
    .section17 .imagen,
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section12 .imagen img{
        width: 44%;
    }
    
    .section15Web {
        display: none;
    }
    
    .section15Responsive {
        display: block;
    }
    
    .section15.imagen {
        display: none;
    }
    
    .section15 .encabezado .imagen {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .section15 .encabezado .imagen img {
        width: 70%;
        margin-bottom: 20px;
    }
    
    .section15 .encabezado .textos img {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .section16 .row {
        height: 718px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 37%;
    }
    
    .section16 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section17 .row {
        height: 653px;
        position: relative;
    }
    
    .section17 .imagen {
        position: absolute;
        bottom: 25%;
        transition: all 2s ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 40%;
    }
    
    .section17 .textos {
        position: absolute;
        top: 25%;
        transition: all 2s ease;
        z-index: 1;
    }
    
    .section18 .resolver .textos p {
        padding: 0 5vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 25px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 17px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .resolver .imagen img {
        width: 70%;
    }
    
    .section18 .obtener .imagen img {
        width: 80%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation : landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .titulo h1 {
        font-size: 40px;
    }
    
    .section1 .imagen img {
        width: 100%;
    }
    
    .section2 .textos h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p {
        font-size: 18px;
        line-height: 26px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 18px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section9 .textos p,
    .section10 .textos p,
    .section11 .textos p,
    .section12 .textos p,
    .section13 .textos p,
    .section14 .textos p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 14px;
    }
    
    .section3 .textos h2 {
        font-size: 18px;
    }
    
    .section3 .textos p {
        font-size: 30px;
        line-height: 34px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 36px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos,
    .section3 .textos{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        margin: 30px 15px;
        padding: 15px 0;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 0;
        padding-right: 10vw;
    }
    
    .section9 .row {
        height: 800px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        right: 0 !important;
    }
    
    .section10,
    .section13,
    .section14 {
        height: auto;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos{
        padding: 0 5vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section15 .textos{
        padding: 0 5vw 0 0;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        text-align: center;
        margin-top: 50px;
    }
    
    .section16 .row {
        height: 930px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section17 .row {
        height: 640px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 100%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 5vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 30px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 25px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 17px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .resolver .imagen img {
        width: 90%;
    }
    
    .section18 .obtener .imagen img {
        width: 70%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation : landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section1 .imagen img {
        width: 100%;
    }
    
    .section2 .textos h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p{
        font-size: 18px;
        line-height: 26px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 24px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section9 .textos p,
    .section10 .textos p,
    .section11 .textos p,
    .section12 .textos p,
    .section13 .textos p,
    .section14 .textos p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 15px;
    }
    
    .section3 .textos h2 {
        font-size: 24px;
    }
    
    .section3 .textos p {
        font-size: 34px;
        line-height: 38px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section5,
    .section6,
    .section7,
    .section9,
    .section12,
    .section14,
    .section15,
    .section16,
    .section17,
    .section18 {
        padding: 60px 5vw;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section3 .textos {
        padding-left: 15vw;
        padding-right: 15vw;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        margin: 10px;
        padding: 15px 0;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section7 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 0;
        padding-right: 10vw;
    }
    
    .section9 .row {
        height: 800px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        right: 0 !important;
    }
    
    .section10,
    .section13,
    .section14 {
        height: auto;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos{
        padding: 0 5vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 80%;
    }
    
     .section15 .textos{
        padding: 0;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
        margin-top: 50px;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        text-align: center
    }
    
    .section16 .row {
        height: 930px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section17 .row {
        height: 640px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 100%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18  {
        padding: 60px 10vw;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 5vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 35px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 25px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 17px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .obtener .imagen img {
        width: 70%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section1 .imagen img {
        width: 100%;
    }
    
    .section2 .textos h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }
    
    .section2 .textos p{
        font-size: 24px;
        line-height: 32px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 24px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section9 .textos p,
    .section10 .textos p,
    .section11 .textos p,
    .section12 .textos p,
    .section13 .textos p,
    .section14 .textos p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 15px;
    }
    
    .section3 .textos h2 {
        font-size: 24px;
    }
    
    .section3 .textos p {
        font-size: 34px;
        line-height: 38px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section3 .textos {
        padding-left: 15vw;
        padding-right: 15vw;
    }
    
    .section5 .imagen img {
        width: 100%;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 3vw;
    }
    
    .section6 .row {
        padding-left: 7vw;
        padding-right: 7vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 0;
        padding-right: 10vw;
    }
    
    .section9 .row {
        height: 670px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        opacity: 1 !important;
        right: 0 !important;
    }
    
    .section10 {
        height: auto;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 60%;
    }
    
    .section14 {
        height: auto;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
        margin-top: 50px;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        text-align: center;
    }
    
    .section16 .row {
        height: 780px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    .section17 .row {
        height: 560px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 100%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        opacity: 1 !important;
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18  {
        padding: 80px 10vw;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 48px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 32px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 18px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .obtener .imagen img {
        width: 70%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: landscape){
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section1 .imagen img {
        width: 100%;
    }
    
    .section2 .textos h2 {
        font-size: 35px;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 30px;
    }
    
    .section2 .textos p {
        font-size: 24px;
        line-height: 32px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 24px;
    }
    
    .section5 .textos p,
    .section6 .textos .texto p,
    .section7 .textos p,
    .section8 .textos p,
    .section9 .textos p,
    .section10 .textos p,
    .section11 .textos p,
    .section12 .textos p,
    .section13 .textos p,
    .section14 .textos p,
    .section15 .encabezado .textos p,
    .section16 .textos p,
    .section17 .textos p {
        font-size: 15px;
    }
    
    .section3 .textos h2 {
        font-size: 24px;
    }
    
    .section3 .textos p {
        font-size: 34px;
        line-height: 38px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos {
        padding-left: 18vw;
        padding-right: 18vw;
    }
    
    .section3 .textos {
        padding-left: 15vw;
        padding-right: 15vw;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 12vw;
    }
    
    .section6 .row {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .titulos > div {
        margin-bottom: 50px;
    }
    
    .section6 .textos .texto p{
        margin-bottom: 30px;
    }
    
    .section6 .titulos div h3 {
        margin-bottom: 20px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 5vw;
        padding-right: 10vw;
    }
    
    .section9 .row {
        height: 700px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        right: 0 !important;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 5vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 15vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section14 {
        height: auto;
    }
    
    .section15 .textos,
    .section17 .textos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
        margin-top: 50px;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section16 .row {
        height: 806px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section17 .row {
        height: 640px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 90%;
        margin-top: 50px;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 981px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 48px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 32px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 18px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    
    .section18 .obtener .imagen img {
        width: 70%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) and (orientation: landscape){
    .section1 {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section1 .titulo h1 {
        font-size: 50px;
    }
    
    .section1 .imagen img {
        width: 100%;
    }
    
    .section2 .textos h2 {
        font-size: 40px;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 30px;
    }
    
    .section2 .textos p{
        font-size: 24px;
        line-height: 32px;
    }
    
    .titulos div h3,
    .section5 .textos h3,
    .section6 .titulos div h3,
    .section7 .textos h3,
    .section8 .textos h3,
    .section9 .textos h3,
    .section10 .textos h3,
    .section11 .textos h3,
    .section12 .textos h3,
    .section13 .textos h3,
    .section14 .textos h3,
    .section15 .encabezado .textos h3,
    .section16 .textos h3,
    .section17 .textos h3 {
        font-size: 24px;
    }
    
    .section3 .textos h2 {
        font-size: 24px;
    }
    
    .section3 .textos p {
        font-size: 34px;
        line-height: 38px;
    }
    
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 40px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos {
        padding-left: 18vw;
        padding-right: 18vw;
    }
    
    .section3 .textos {
        padding-left: 15vw;
        padding-right: 15vw;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 12vw;
    }
    
    .section6 .row {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        padding: 20px;
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container .counter {
        font-size: 45px;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container p {
        font-size: 16px;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .encabezado .imagen img {
        width: 100%;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section8,
    .section11 {
        height: auto;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 5vw;
        padding-right: 10vw;
    }
    
    .section9 .row {
        height: 820px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        opacity: 1 !important;
        right: 0 !important;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 5vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 15vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .textos .segundaImg img {
        width: 100%;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section14 {
        height: auto;
    }
    
    .section15 .textos{
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        text-align: center;
        margin-top: 50px;
    }
    
    .section16 .row {
        height: 900px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section17 .row {
        height: 665px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 90%;
        margin-top: 50px;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        opacity: 1 !important;
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 981px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 48px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 32px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 18px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen img {
        width: 70%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
/*********************LANDSCAPE DISPOSITIVO PC ESCRITORIO***********************************************************/
/*patalla de escritorio utilizado en la empresa*/
@media only screen and (min-width: 1361px) and (max-width: 1899px) and (orientation : landscape){
    .section1.animated video {
        width: 70% !important;
    }

    .section1 .titulo h1 {
        font-size: 50px;
        margin-top: 140px;
    }
    
    .section1 .imagen img {
        width: 1195px;
        height: 548px;
    }
    
    .section2 {
        padding: 10vh 0;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 40px;
    }
    
    .section2 .textos p {
        line-height: 40px;
    }
    
    .section3 .textos p,
    .section5 .textos h2,
    .section7 .textos h2,
    .section8 .textos h2,
    .section9 .textos h2,
    .section10 .textos h2,
    .section11 .textos h2,
    .section12 .textos h2,
    .section13 .textos h2,
    .section14 .textos h2,
    .section15 .encabezado .textos h2,
    .section16 .textos h2,
    .section17 .textos h2 {
        font-size: 50px;
    }
    
    .section3 .textos p {
        line-height: 56px;
    }
    
    .section6 .row div a {
        font-size: 14px;
    }

    .section2 .textos {
        padding-left: 28vw;
        padding-right: 28vw;
    }
    
    .section3 .textos {
        padding-left: 24vw;
        padding-right: 24vw;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 12vw;
    }
    
    .section6 .row {
        padding-left: 18vw;
        padding-right: 18vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 5vw;
        padding-right: 10vw;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section9 .row {
        height: 800px;
        position: relative;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        z-index: 1;
        transition: 3s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        opacity: 1 !important;
        right: 0 !important;
    }
    
    .section10,
    .section11 {
        height: auto;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 5vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 15vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section14 {
        height: auto;
    }
    
    .section15 .textos,
    .section17 .textos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .encabezado .imagen img,
    .section15 .imagenes .imagen img {
        width: 100%;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        text-align: center;
        margin-top: 50px;
    }
    
    .section16 .row {
        height: 990px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 100%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        transition: 3s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section17 .row {
        height: 765px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 90%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        opacity: 0;
        transition: 3s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        opacity: 1 !important;
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 981px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4 {
        font-size: 48px;
    }
    
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5 {
        font-size: 32px;
    }
    
    .section18 .resolver .textos p,
    .section18 .obtener .textos p,
    .section18 .resolver .textos .textoNegrita,
    .section18 .obtener .textos .textoNegrita {
        font-size: 18px;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 1900px) and (max-width: 2299px) and (orientation : landscape){
    .section1.animated .titulo h1 {
        margin-bottom: 0;
    }
    
    .section1 {
        padding-top: 80px;
    }
    
    .section1 .imagen img {
        width: 1507px;
        height: 656px;
    }
    
    .section2 {
        padding: 10vh 0;
    }
    
    .section2 .textos {
        padding-left: 28vw;
        padding-right: 28vw;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 50px;
    }
    
    .section2 .textos p {
        line-height: 40px;
    }
    
    .section3 .textos {
        padding-left: 24vw;
        padding-right: 24vw;
    }
    
    .section3 .textos p {
        line-height: 70px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 12vw;
    }
    .section3 .textos h2,
    .section3 .textos p,
    .section5 .textos h2,
    .section5 .textos h3,
    .section5 .textos p,
    .section7 .textos h2,
    .section7 .textos h3,
    .section7 .textos p,
    .section12 .textos h2,
    .section12 .textos h3,
    .section12 .textos p {
        margin-bottom: 30px;
    }
    
    .section6 .row {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .textos {
        padding: 0 15vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 15vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section9 .row {
        height: 820px;
        position: relative;
        display: flex;
        align-items: center;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        margin-top: 50px;
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        opacity: 1 !important;
        right: 0 !important;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 10vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 15vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section14 {
        height: auto;
    }
    
    .section15 .textos,
    .section17 .textos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 50px;
    }
    
    .section16 .row {
        height: 1010px;
        position: relative;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 70%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section17 .row {
        height: 1128px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 90%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        opacity: 1 !important;
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 1384px;
        height: 862px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen img {
        height: 100%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
}
@media only screen and (min-width: 2300px) and (max-width: 2599px) and (orientation : landscape){
    .section1.animated .titulo h1 {
        margin-bottom: 0;
    }
    
    .section1 .titulo h1 {
        margin: 130px 0;
    }
    
    .section2 {
        padding: 10vh 0;
    }
    
    .section2 .textos {
        padding-left: 28vw;
        padding-right: 28vw;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 40px;
    }
    
    .section2 .textos p {
        line-height: 40px;
    }
    
    .section3 .textos {
        padding-left: 24vw;
        padding-right: 24vw;
    }
    
    .section3 .textos p {
        line-height: 70px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 17vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section3 .textos h2,
    .section3 .textos p,
    .section5 .textos h2,
    .section5 .textos h3,
    .section5 .textos p,
    .section7 .textos h2,
    .section7 .textos h3,
    .section7 .textos p,
    .section12 .textos h2,
    .section12 .textos h3,
    .section12 .textos p {
        margin-bottom: 30px;
    }
    
    .section6 .row {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 35%;
    }
    
    .section6 .encabezado .textos {
        padding: 0 20vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 19vw;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 8vw;
        padding-right: 17vw;
    }
    
    .section9 {
        height: 100vh;
    }
    
    .section9 .row {
        height: 1000px;
        position: relative;
        display: flex;
        align-items: center;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        z-index: 1;
        transition: 2s all ease;
    }
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        opacity: 1 !important;
        right: 0 !important;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 13vw;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 19vw;
        padding-right: 5vw;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .imagen {
        text-align: center;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section14 {
        height: auto;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .textos,
    .section17 .textos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 50px;
    }
    
    .section16 .row {
        height: 1200px;
        position: relative;
        position: relative;
        display: flex;
        align-items: center;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 70%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 20vw;
    }
    
    .section17 .row {
        height: 1128px;
        position: relative;
        position: relative;
        display: flex;
        align-items: center;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 80%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        opacity: 0;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        opacity: 1 !important;
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 1384px;
        height: 862px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .obtener .imagen img {
        height: 100%;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    
    .section18 .componentes .resolver {
        margin-bottom: 10vh;
    }
}
@media only screen and (min-width: 2600px) and (max-width: 3599px) and (orientation : landscape){
    .section1 .titulo h1 {
        margin-bottom: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 120px;
    }

    .section1 .row {
        height: auto;
    }
    
    .section1 .titulo {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section2 {
        padding: 10vh 0;
    }
    
    .section2 .textos {
        padding-left: 28vw;
        padding-right: 28vw;
    }
    
    .section2 .textos h2,
    .section2 .textos p {
        margin-bottom: 40px;
    }
    
    .section2 .textos p {
        line-height: 40px;
    }
    
    .section3 .textos {
        padding-left: 24vw;
        padding-right: 24vw;
    }
    
    .section3 .textos p {
        line-height: 70px;
    }
    
    .section5 .textos,
    .section7 .textos {
        padding-left: 0;
        padding-right: 17vw;
    }
    
    .section3 .textos h2,
    .section3 .textos p,
    .section5 .textos h2,
    .section5 .textos h3,
    .section5 .textos p,
    .section7 .textos h2,
    .section7 .textos h3,
    .section7 .textos p,
    .section12 .textos h2,
    .section12 .textos h3,
    .section12 .textos p {
        margin-bottom: 30px;
    }
    
    .section6 .row {
        padding-left: 20vw;
        padding-right: 20vw;
    }
    
    .section6 .encabezado .imagen .contador_secundario {
        display: flex  !important;
        justify-content: space-around;
    }
    
    .section6 .encabezado .imagen .contador_secundario .counter-container {
        width: 30%;
    }
    
    .section6 .encabezado .textos {
        padding: 0 20vh;
    }
    
    .section6 .encabezado .imagen {
        display: flex;
        justify-content: center;
    }
    
    .section6 .titulos{
        display: flex;
        justify-content: space-around;
    }
    
    .section7 .imagen img {
        width: 80%;
    }
    
    .section7 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section7 .textos,
    .section9 .textos {
        padding-left: 10vw;
        padding-right: 19vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .section8 .textos,
    .section10 .textos,
    .section14 .textos  {
        padding-left: 8vw;
        padding-right: 17vw;
    }
    
    .section9 {
        height: 100vh;
    }
    
    .section9 .row {
        height: 1140px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section9 .imagen {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 25%;
        height: 100%;
        z-index: 2;
        transition: 2s all ease;
    }
    
    .section9 .imagen img {
        width: 100%;
    }
    
    .section9 .textos {
        position: absolute;
        right: 25%;
        z-index: 1;
        transition: 2s all ease;
    }
    
    
    .imageActive1 {
        left: 0 !important;
    }
    
    .textActive1 {
        right: 0 !important;
    }
    
    .section11 .row,
    .section13 .row{
        display: flex;
        justify-content: flex-end;
    }
    
    .section11 .textos,
    .section13 .textos,
    .section15 .textos{
        padding: 0 13vw;
        margin-top: 6vh;
    }
    
    .section12 .textos,
    .section17 .textos {
        padding-left: 19vw;
        padding-right: 5vw;
        margin-top: 10vh;
    }
    
    .section12 .textos .segundaImg {
        text-align: center;
        margin: 30px;
    }
    
    .section12 .imagen {
        text-align: center;
    }
    
    .section12 .imagen img{
        margin-top: 50px;
        width: 44%;
    }
    
    .section15.imagen {
        padding-top: 0;
    }
    
    .section15 .textos,
    .section17 .textos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
    
    .section15 .encabezado .imagen,
    .section15 .imagenes .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 50px;
    }
    
    .section16 .row {
        height: 1100px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section16 .imagen {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section16 .imagen img {
        width: 60%;
    }
    
    .section16 .textos {
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 1;
        padding-left: 5vw;
        padding-right: 17vw;
    }
    
    .section17 .row {
        height: 1000px;
        position: relative;
    }
    
    .section17 .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        right: 25%;
        transition: 2s all ease;
        z-index: 2;
    }
    
    .section17 .imagen img {
        width: 60%;
    }
    
    .section17 .textos {
        position: absolute;
        left: 25%;
        transition: 2s all ease;
        z-index: 1;
    }
    
    .imageActive2 {
        right: 0 !important;
    }
    
    .textActive2 {
        left: 0 !important;
    }
    
    .section18 .componentes {
        display: flex;
        justify-content: center;
    }
    
    .section18 .resolver,
    .section18 .obtener {
        max-width: 1384px;
        height: 862px;
    }
    
    .section18 .componentes .obtener {
        padding: 40px 20px 0px 20px;
    }
    
    .section18 .resolver .textos p {
        padding: 0 10vw;
    }
    
    .section18 .obtener .textos h5,
    .section18 .obtener .textos p {
        padding: 0 3vw;
    }
    
    .section18 .resolver .imagen,
    .section18 .obtener .imagen {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .section18 .obtener .imagen img {
        height: 100%;
    }
    
    .section18 .resolver .textos h4,
    .section18 .obtener .titulo h4,
    .section18 .resolver .textos h5,
    .section18 .obtener .textos h5,
    .section18 .resolver .textos p,
    .section18 .obtener .textos p{
        margin-bottom: 30px;
    }
    
    .contenido12 .cajaTexto2 p {
        padding: 0;
    }
    .section18 .componentes .resolver {
        margin-bottom: 10vh;
    }
}