@font-face {
    font-family: 'DINPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/DINPro-Bold_13934.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Helvetica-Neue-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/helvetica-neue-lt-std-75-bold-590b9e7229917.otf') format('opentype');
}

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

img{
    image-rendering:-moz-crisp-edges;          /* Firefox        */
    image-rendering:-o-crisp-edges;            /* Opera          */
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}

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

.contenido4.orange video{
    width: 100%;
    height: 100vh;
    object-fit: contain;
    position: sticky;
    top: 0px;
    left: 0%;
    transform: none;
    outline: none;
}
/**** fin video1 ****/

.section1 {
    padding: 0 20vw;
}

.section1 .titulo h1 {
    font-family: 'DINPro-Bold';
    font-size: calc(30px + (64 - 30) * (100vw - 320px) / (1920 - 320));
    color: #000;
    margin-top: 150px;
}

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

.section3 {
    height: 100vh;
    background-color: #DBDBDB;
}

.section3 .textos h2 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(16px + (32 - 16) * (100vw - 320px) / (1920 - 320));
    font-weight: bold;
    color: #000;
}

.section3 .textos p {
    font-family: 'DINPro-Bold';
    font-size: calc(30px + (72 - 30) * (100vw - 320px) / (1920 - 320));
    font-weight: bold;
    color: #000;
    line-height: normal;
}

.contenido4 .texto h1 {
    color: #8F1E2E;
}

.contenido4.orange {
    background-color: #8F1E2E;
}
.contenido4 .img img {
    padding: 0 6%;
}
.contenido6 {
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/serviciosPublicos/web1/ServiciosPub_Emp06.jpg');
}

.contenido7Tarjetas {
    background-color: #DBDBDB;
}

.contenido7Tarjetas .otraTarjeta .row .texto h3 {
    color: #8F1E2E;
}

.contenido9,
.contenido10 {
    background-color: #fff;
}
.contenido9 .tarjeta .card .card-body p {
    line-height: normal !important;
}
footer{
    background-color:#ADA9A9;
}
/*******************************************************************************************************************/
/******************************************      PORTRAIT     ******************************************************/
/*******************************************************************************************************************/
/***********************PORTRAIT DISPOSITIVO MOVIL CELULAR**********************************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
        padding: 0 5px;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen .imgMovil {
        height: auto;
    }
    
    .contenido4 {
        padding: 60px 20px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .contenido5 .row .texto {
        padding: 5% 0%;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 15px;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas  img {
        height: auto;
    }
    
    .contenido8 {
        padding: 60px 20px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        height: auto;
    }
    .contenido10 .cajaTexto2 p {
        padding: 0;
        line-height: normal;
    }
	
}
@media only screen and (min-width: 321px) and (max-width: 424px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
        padding: 0 8%;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen .imgMovil {
        height: auto;
    }
    
    .contenido4 {
        padding: 60px 20px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .contenido4 .texto h1 {
        padding: 0 70px 0px 0px;
    }
    
    .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .contenido5 {
        min-height: auto;
        padding: 8vh 30px 8vh 30px;
    }
    
    .contenido5 .row .texto {
        padding: 5% 0%;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 15px;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas  img {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 75%;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        height: auto;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
    }
    
    .section1 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 80px 0;
    }
    
    .section3 .imagen img {
        width: 50%;
        height: auto;
    }
    
    .section3 .textos {
        margin-bottom: 30px;
        padding: 0 40px;
    }
    
    .contenido4 {
        padding: 60px 20px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .contenido4:nth-child(1) .img img {
        margin-bottom: 50px;
        width: 90%;
    }
    
    .contenido4.orange {
        padding: 60px 0;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .texto h1 {
        padding: 0 00px 0px 0px;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .contenido4:nth-child(3) .texto h1 {
        padding: 0 00px 0px 0px;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido7Tarjetas  img {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 20px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 img {
        max-width: 100%;
        height: auto;
    }

    .contenido8 h1 {
        text-align: left;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
    }
    
    .section1 .imagen img {
        width: 80%;
        height: auto;
        padding: 20px 0;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 80px 0;
    }
    
    .section3 .textos {
        margin-bottom: 50px;
        padding: 0 40px;
    }
    
    .section3 .imagen img {
        width: 60%;
        height: auto;
    }
    
    .contenido4 {
        padding: 60px 65px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .contenido4:nth-child(1) .img img {
        margin-bottom: 50px;
        width: 90%;
    }
    
    .contenido4.orange {
        padding: 60px 0;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange .texto {
        padding: 0 65px !important;
    }
    
    .contenido4.orange .texto h1 {
        padding: 0 35px 0 0 !important;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .contenido4:nth-child(3) .img img {
        margin-bottom: 50px;
    }
    
    .contenido4:nth-child(3) .texto h1 {
        padding: 0 39px 0px 0px;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido7Tarjetas img {
        max-width: 70%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 20px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        height: auto;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
    }
    
    .section1 .imagen img {
        width: 75%;
        padding: 40px 0;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 80px 0;
    }
    
    .section3 .imagen img {
        width: 47%;
        height: auto;
    }
    
    .section3 .textos {
        padding: 0vh 40px 5vh;
    }
    
    .contenido4 {
        padding: 80px 65px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .contenido4:nth-child(1) .img img {
        margin-bottom: 50px;
    }
    
    .contenido4.orange {
        padding: 60px 0;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange .texto {
        padding: 0 65px !important;
    }
    
    .contenido4.orange .imgWeb {
        display: none !important;
    }
    
    .contenido4.orange .imgMovil {
        display: block !important;
        margin-top: 30px;
    }
    
    .contenido4.orange .img {
        display: flex;
        justify-content: center;
        align-content: flex-start;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .contenido4:nth-child(3) .img img {
        margin-bottom: 50px;
    }
    
    .contenido5 {
        display: flex;
        align-items: center;
        min-height: auto;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    .contenido6 .row {
        width: 80%
    }
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 50%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        max-width: 70%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        height: auto;
        padding: 0% 0%;
    }
}
/*******************************IPAD USADA EN LA EMPRESA************************************************************/
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
    }
    
    .section1 .imagen img {
        width: 75%;
        height: auto;
        padding: 40px 0;
    }
    
    .contenido2 {
        padding: 80px 0;
        min-height: 50vh;
    }
    
    .section3 {
        height: auto;
        padding: 80px 0;
    }
    
    .section3 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .section3 .textos {
        padding: 0 0 0 4vw;
    }
    
    .contenido4 {
        padding: 60px 10%;
    }
    
    .contenido4 .col-md-7,
    .contenido4 .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .texto h1 {
        padding: 0 50px 0px 0px;
    }
    
    .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .contenido4:nth-child(1) .img img {
        margin-bottom: 50px;
    }
    
    .contenido4.orange {
        padding: 60px 10%;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange .imgWeb {
        display: none !important;
    }
    
    .contenido4.orange .imgMovil {
        display: block !important;
    }
    
    .contenido4.orange .texto {
        padding: 0!important;
    }
    
    .contenido4.orange .img {
        display: flex;
        justify-content: center;
        align-content: flex-start;
    }
    
    .contenido4.orange .imgMovil {
        margin-bottom: 30px;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .contenido4:nth-child(3) .row {
        flex-direction: column-reverse;
    }
    
    .contenido4:nth-child(3) .img img {
        margin-bottom: 50px;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido6 .textos h2 {
        padding: 0 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        height: auto;
        padding-bottom: 50px;
    }
    
    .contenido7Tarjetas .tarjetaUno .img .imgWeb {
        max-width: 433px;
        height: 618px;
    }
    
    .contenido7Tarjetas .tarjetaDos .img .imgWeb {
        max-width: 619px;
        height: 510px;
    }
    
    .contenido8 img {
        height: auto;
    }
    .contenido10 .cajaTexto2 p {
        padding: 0 10vh;
        line-height: normal;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation: portrait){
    .section1 {
        padding: 0;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
    }
    
    .section1 .imagen img {
        width: 85%;
        height: auto;
        padding: 40px 0;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 80px 0;
    }
    
    .section3 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .section3 .textos {
        padding: 0 0 0 4vw;
    }
    
    .section4 {
        padding: 0%;
    }
    
    .contenido4 {
        padding: 60px 10%;
    }
    
    .contenido4 .texto h1 {
        padding: 0 44px 0px 0px;
    }
    
    .section4 .contenido4:nth-child(1) .row {
        flex-direction: column-reverse;
    }
    
    .section4 .contenido4:nth-child(1) .img img {
        margin-bottom: 50px;
    }
    
    .contenido4.orange .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange {
        padding: 60px 10%;
    }
    
    .contenido4.orange .imgWeb {
        display: none !important;
    }
    
    .contenido4.orange .imgMovil {
        display: block !important;
    }
    
    .contenido4.orange .texto {
        padding: 0 !important;
    }
    
    .contenido4.orange .texto .parrafo1 {
        margin-bottom: 30px;
    }
    
    .contenido4.orange .img {
        display: flex;
        justify-content: center;
        align-content: flex-start;
    }
    
    .contenido4.orange .imgMovil {
        margin-bottom: 30px;
    }
    
    .contenido4.orange video{
        margin-bottom: 50px;
        height: auto !important;
    }
    
    .section4 .contenido4:nth-child(3) .row {
        flex-direction: column-reverse;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido8 {
        padding: 80px 110px;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        height: 1055px;
    }
    
    .contenido7Tarjetas .tarjetaUno .img .imgWeb {
        max-width: 441px;
        height: 630px;
    }
    
    .contenido7Tarjetas .tarjetaDos .img .imgWeb {
        max-width: 630px;
        height: 520px;
    }
    
    .contenido8 h1 {
        padding: 10% 3%;
    }
    
    .contenido8 img {
        max-width: 85%;
        height: auto;
    }
    .contenido10 .cajaTexto2 p {
        padding: 0 12vh;
        line-height: normal;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: portrait){
    .section1 {
        padding: 0 5vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen img {
        width: 90%;
        height: auto;
        padding: 40px 0;
    }
    
    .contenido2 {
        min-height: 50vh;
    }
    
    .section3 {
        height: auto;
        padding: 80px 30px;
    }
    
    .section3 .texto .parrafo1 {
        margin-bottom: 40px;
    }
    
    .section3 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .contenido4 {
        padding: 80px 40px;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0% 5vw 10% 0%;
    }
    
    .section4 .contenido4:nth-child(4) .texto {
        padding: 0% 0% 10% 5vw;
    }
    
    .contenido4.orange {
        padding: 80px 0;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .contenido4 .texto h1 {
        padding: 0 50px 0px 0px;
    }
    
    .contenido4.orange .imgWeb {
        display: none !important;
    }
    
    .contenido4.orange .imgMovil {
        display: block !important;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .texto .parrafo1 {
        margin-bottom: 30px;
    }
    
    .contenido4.orange .img {
        display: flex;
        justify-content: center;
        align-content: flex-start;
    }
    
    .contenido4.orange video{
        height: auto !important;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido8 {
        padding: 80px 60px;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        height: 1221px;
    }
    
    .contenido7Tarjetas .tarjetaUno .img .imgWeb {
        max-width: 549px;
        height: 784px;
    }
    
    .contenido7Tarjetas .tarjetaDos .img .imgWeb {
        max-width: 709px;
        height: 585px;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        height: auto;
        padding-bottom: 90px;
    }
    
    .contenido8 img {
        height: auto;
    }
}
/***********************PORTRAIT DISPOSITIVO PC ESCRITORIO***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: portrait){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
        padding: 40px 0;
    }
    
    .section3 {
        height: auto;
        padding: 80px 40px;
    }
    
    .section3 .textos .parrafo1 {
        margin-bottom: 40px;
    }
    
    .section3 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .contenido4 {
        padding: 80px 60px;
    }
    
    .contenido4.orange {
        padding: 80px 0;
    }
    
    .contenido4.orange .imgWeb {
        display: none !important;
    }
    
    .contenido4.orange .imgMovil {
        display: block !important;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .texto .parrafo1 {
        margin-bottom: 30px;
    }
    
    .contenido4.orange .img {
        display: flex;
        justify-content: center;
        align-content: flex-start;
    }
    
    .contenido4.orange .img img {
        width: 100%;
        height: auto;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .contenido4.orange video{
        height: auto !important;
    }
    
    .contenido5 {
        min-height: 55vh;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido10 .imgWeb {
        display: none !important;
    }
    
    .contenido10 .imgMovil {
        display: block !important;
    }
    
    .contenido7Tarjetas .tarjetas .texto {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido7Tarjetas .tarjetaUno .img .imgWeb {
        max-width: 75%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos .img .imgWeb {
        max-width: 100%;
        height: auto;
    }
    
    .contenido8 {
        padding: 80px 60px;
    }
    
    .contenido8 img {
        height: auto;
    }
    
    .contenido10 {
        padding: 0;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and (orientation: portrait){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
        padding: 40px 0;
    }
    
    .contenido2 .row {
        width: 60%;
    }
    
    .section3 {
        height: auto;
        padding: 80px 40px;
    }
    
    .section3 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .section3 .textos .parrafo1 {
        margin-bottom: 40px;
    }
    
    .contenido4 {
        padding: 80px 60px;
    }
    
    .contenido4.orange {
        padding: 80px 0;
    }
    
    .contenido4.orange .imgWeb {
        display: none !important;
    }
    
    .contenido4.orange .imgMovil {
        display: block !important;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .texto .parrafo1 {
        margin-bottom: 30px;
    }
    
    .contenido4.orange .img {
        display: flex;
        justify-content: center;
        align-content: flex-start;
    }
    
    .contenido4.orange .img img {
        width: 100%;
        height: auto;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .contenido4.orange video{
        height: auto !important;
    }
    
    .contenido5 {
        min-height: 55vh;
    }
    
    .contenido6 {
        background-image: url('https://assets.claro360.com/Empresa/serviciosPublicos/Responsive/SerPub_resp06_2x.png');
    }
    
    .contenido10 .imgWeb {
        display: none !important;
    }
    
    .contenido10 .imgMovil {
        display: block !important;
    }
    
    .contenido7Tarjetas  img {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetas .texto {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido8 {
        padding: 80px 60px;
    }
    .contenido8 h1 {
        padding: 10% 5% 5%;
    }
    .contenido8 img {
        height: auto;
    }
    
    .contenido10 {
        padding: 0%;
    }
}

@media only screen and (max-width: 3000px) and (orientation: portrait){
    .contenido6 {
        background-image: url(https://assets.claro360.com/landingsMexico360/empresa/serviciosPublicos/responsive1/SerPub_resp06.png);
    }
}
/*******************************************************************************************************************/
/******************************************      LANDSCAPE      ****************************************************/
/*******************************************************************************************************************/
/*********************LANDSCAPE DISPOSITIVO MOVIL CELULAR***********************************************************/
@media only screen and (max-width: 424px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 170px;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .section1 .titulo h1 {
        margin-top: 126px;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 30%;
        height: auto;
    }
    
    .contenido4 {
        padding: 60px 20px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .ccontenido4Responsive .row {
        flex-direction: column-reverse;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 60px 0px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }
    
    .contenido4.orange video {
        height: auto !important;
        margin-top: 50px;
    }
    .contenido6 .row {
        width: 100%;
    }
    .contenido7Tarjetas img {
        height: auto;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido7Tarjetas .tarjetaDos  img {
        margin-bottom: 15px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        height: auto;
    }
}
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 120px;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 30%;
        height: auto;
    }
    
    .contenido4 {
        padding: 60px 20px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 60px 0;
    }
    
    .ccontenido4Responsive .row {
        flex-direction: column-reverse;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }
    
    .contenido4.orange video {
        height: auto !important;
        margin-top: 50px;
    }
    
    .section4 .contenido4:nth-child(1) .texto .negrita,
    .section4 .contenido4:nth-child(2) .img img {
        margin-bottom: 20px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb {
        margin: 0;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 15px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    .contenido8 img {
        padding: 0;
    }
    .contenido10 .cajaTexto2 p {
        padding: 0 35vh;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 120px;
    }
    
    .section1 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 30%;
        height: auto;
    }
    
    .section3 .textos {
        padding: 0 5vw;
    }
    
    .contenido4 {
        padding: 60px 20px;
    }
    
    .contenido4 .img img {
        width: 90%;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .ccontenido4Responsive .row {
        flex-direction: column-reverse;
    }
    
    .section4 .contenido4:nth-child(1) .texto .negrita,
    .section4 .contenido4:nth-child(2) .img img {
        margin-bottom: 20px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 60px 0;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }
    
    .contenido4.orange video {
        width: 80%;
        height: auto !important;
        margin-top: 50px;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto {
        padding: 0 10vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 20px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        width: 95%;
        height: auto;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 120px;
    }
    
    .section1 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 30%;
        height: auto;
    }
    
    .section3 .textos {
        padding: 0 5vw;
    }
    
    .contenido4 {
        padding: 60px 40px;
    }
    
    .contenido4 .row .texto {
        padding: 0;
    }
    
    .contenido4 .img img {
        width: 80%;
    }
    
    .ccontenido4Responsive .row {
        flex-direction: column-reverse;
    }
    
    .section4 .contenido4:nth-child(1) .texto .negrita,
    .section4 .contenido4:nth-child(2) .img img {
        margin-bottom: 20px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 60px 0;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .contenido4.orange .texto {
        padding: 0 40px !important;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }
    
    .contenido4.orange video {
        width: 80%;
        height: auto !important;
        margin-top: 50px;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto {
        padding: 0 10vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 50%;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        margin-bottom: 20px;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 h1 {
        text-align: left;
    }
    
    .contenido8 img {
        height: auto;
        padding: 0% 0%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation : landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 120px;
    }
    
    .section1 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .contenido2 .row {
        width: 60%;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 100%;
        height: auto;
    }
    
    .section3 .textos {
        padding-left: 3vw;
    }
    
    .contenido4 {
        padding: 60px 40px;
    }
    
    .section4 .contenido4:nth-child(1) {
        padding: 20px 30px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 40px 0 40px 30px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding-right: 0;
    }
    
    .contenido4.orange video {
        height: auto !important;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
    
    .contenido8 img {
        height: auto;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation : landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 120px;
    }
    
    .section1 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .contenido2 {
        padding: 80px 0;
    }
    
    .contenido2 .row {
        width: 60%;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .section3 .textos {
        padding-left: 5vw;
    }
    
    .contenido4 {
        padding: 60px 80px;
    }
    
    .section4 .contenido4:nth-child(1) {
        padding: 10vh  30px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 60px 0 60px 30px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 10vh  30px;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding-right: 0;
    }
    
    .contenido4.orange video {
        height: auto !important;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 4vw;
        padding-bottom: 35px;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido8 {
        padding: 60px 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .contenido2 .row {
        width: 60%;
    }
    
    .section3 {
        height: auto;
        padding: 60px 0;
    }
    
    .section3 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .section3 .textos {
        padding-left: 5vw;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .contenido4 {
        padding: 80px 60px;
    }
    
    .contenido4 .texto {
        padding: 0 20px !important;
    }
    
    .section4 .contenido4:nth-child(1) {
        padding: 10vh 30px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 60px 0 60px 50px;
    }
    
    .section4 .contenido4:nth-child(2) .texto {
        padding: 0 40px 0 0 !important;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 10vh 30px;
    }
    
    .contenido4Responsive .img .imgWeb {
        width: 90%;
    }
    
    .contenido6 .textos h2 {
        padding: 0 0%;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos img {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .texto .textoNegrita {
        margin-bottom: 50px;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .img .imgWeb {
        margin: 0 !important;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .img {
        justify-content: center;
        align-items: flex-end !important;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .img {
        order: 0;
    }
    
    .contenido8 {
        padding: 80px 110px;
    }
    
    .contenido8 img {
        height: auto;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen img {
        width: 85%;
        height: auto;
    }
    
    .contenido2 .row {
        width: 60%;
    }
    
    .section3 {
        padding: 80px 0;
    }
    
    .section3 .imagen img {
        width: 80%;
        height: auto;
    }
    
    .section3 .textos {
        padding-left: 5vw;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .section4 .contenido4 {
        padding: 80px;
    }
    
    .contenido4Responsive .img .imgWeb {
        width: 80%;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0 3vw !important;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 80px 20px;
    }
    
    .contenido4.orange {
        padding-right: 0 !important;
    }
    
    .contenido4 .texto {
        padding: 0px 50px 0 0 !important;
    }
    
    .section4 .contenido4:nth-child(1) {
        padding: 80px 20px;
    }
    
    .section4 .contenido4:nth-child(3) .animated {
        padding: 0;
    }
    
    .contenido5 {
        padding: 10vh 80px !important;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido8 {
        padding: 80px;
    }
    
    .contenido8 img {
        height: auto;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) and (orientation: landscape){
    .section1 {
        padding: 0 10vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen img {
        width: 85%;
        height: auto;
    }
    
    .contenido2 .row {
        width: 60%;
    }
    
    .section3 {
        padding: 80px 0;
    }
    
    .section3 .imagen img {
        width: 75%;
        height: auto;
    }
    
    .section3 .textos {
        padding-left: 5vw;
    }
    
    .section4 .contenido4 {
        padding: 80px 30px;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0 3vw !important;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }    
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .contenido4.orange {
        padding-right: 0 !important;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(2) .texto {
        padding: 0px 40px 0 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 100px 30px;
    }
    
    .section4 .contenido4:nth-child(3) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(3) .animated {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(3) .texto {
        padding: 0 30px;
    }
    
    .section4 .contenido4:nth-child(4) {
        padding: 100px 140px 0px 0px;
    }
    
    .section4 .contenido4:nth-child(4) .texto {
        padding: 0px 40px;
    }
    
    .contenido7Tarjetas {
        padding: 10vh 10%;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 70%;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
    
    .contenido8 {
        padding: 80px;
    }
    
    .contenido8 img {
        height: auto;
    }
}
/*********************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 {
        padding: 0 15vw;
    }
    
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section3 .imagen img {
        width: 71%;
    }
    
    .section3 .textos {
        padding: 0 5vw;
    }
    
    .section3 .textos .parrafo1 {
        margin-bottom: 30px;
    }
    
    .contenido4,
    .contenido6,
    .contenido7Tarjetas{
        padding: 20px 60px;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .contenido4.orange .texto .parrafo1 {
        margin-bottom: 20px;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0 5vw 0 3vw;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 100px 50px;
    }
    
    .section4 .contenido4:nth-child(3) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(3) .animated {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(4) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(4) .texto {
        padding: 0px 80px 0 0;
    }
    .contenido6 .row {
        width: 65%;
    }
    .contenido7Tarjetas {
        padding: 10vh 15%;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 5vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        margin-bottom: 15vh;
    }
    
    .contenido7Tarjetas .tarjetaUno img {
        max-width: 85%;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        padding-bottom: 5vh;
    }
}
@media only screen and (min-width: 1900px) and (max-width: 2299px) and (orientation : landscape){
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .contenido2 .row {
        width: 40%;
    }

    .section3 .textos {
        padding: 0 5vw 0 10vw;
    }
    
    .section3 .imagen img {
        width: 70%;
    }
    
    .section3 .textos .parrafo1 {
        margin-bottom: 50px;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .contenido4.orange .parrafo1 {
        margin-bottom: 30px;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0 5vw 0 5vw;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 100px 0 100px 0px;
    }
    
    .section4 .contenido4:nth-child(3) .animated {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(3) .texto {
        padding: 0px 75px;
    }
    
    .section4 .contenido4:nth-child(4) {
        padding: 100px 140px 0px 0px;
    }
    
    .section4 .contenido4:nth-child(4) .texto {
        padding: 0px 107px;
    }
    
    .contenido6 .textos {
        padding: 0% 7%;
    }
    
    .contenido7Tarjetas .tarjetaUno {
        height: auto;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto p {
        padding: 0px 130px 0px 0px;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .texto h3 {
        padding: 0vh 11vh 3vh 0vh;
    }
    
    /*.contenido7Tarjetas .tarjetaDos .row {
        height: 100%;
    }*/
    
    .contenido7Tarjetas .tarjetaDos .texto3 {
        align-content: flex-start;
    }
    
    .contenido7Tarjetas .tarjetaDos .img {
        align-items: flex-start !important;
        justify-content: center;
    }
    
    .contenido7Tarjetas .tarjetaDos .img img {
        margin: 0;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .texto h3 {
        padding: 7vh 32vh 3vh 0vh;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .texto h3 {
        padding: 7vh 24vh 3vh 0vh;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto p {
        padding: 0px 123px 0px 0px;
    }
}
@media only screen and (min-width: 2300px) and (max-width: 2599px) and (orientation : landscape){
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen  img {
        width: 90%;
    }
    
    .section3 .textos {
        padding: 0 10vw;
    }
    
    .section3 .textos p {
        margin-bottom: 50px;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0 3vw;
    }
    
    .contenido4 .texto h2 {
        margin-bottom: 50px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(2) .texto h1 {
        padding-right: 10vh;
    }
    
    .section4 .contenido4:nth-child(2) .texto h2 {
        padding-right: 7vh;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 100px 0 100px 0px;
    }
    
    .section4 .contenido4:nth-child(3) .texto h1,
    .section4 .contenido4:nth-child(3) .texto h2 {
        padding-right: 10vh;
    }
    
    .section4 .contenido4:nth-child(3) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(3) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) .animated {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(3) .texto {
        padding: 0px 85px;
    }
    
    .section4 .contenido4:nth-child(4) {
        padding: 100px 140px 0px 0px;
    }
    
    .section4 .contenido4:nth-child(4) .texto h1 {
        padding-right: 13vh;
    }
    
    .contenido6 .textos {
        padding: 0% 7%;
    }
    
    .contenido7Tarjetas .tarjetas .row .img {
        align-items: flex-start;
        justify-content: center;
    }
    
    .imgWeb {
        margin: 0;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto {
        padding: 0% 4% 0% 10%;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .tarjetaUno .row {
        height: 100%;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .img {
        display: flex;
        align-items: center;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .img img {
        height: 100%;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 5vw;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .texto h3 {
        padding: 0vh 9vh 3vh 0vh;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .texto p {
        padding-right: 4vh;
    }
    
    .contenido7Tarjetas .textoNegrita {
        padding-top: 0%;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .tarjetaDos .row .texto h3 {
        padding: 0vh 8vh 3vh 0vh;
    }
    
    .contenido8 img {
        max-width: 100%;
    }
}
@media only screen and (min-width: 2600px) and (max-width: 3599px) and (orientation : landscape){
    .section1 .titulo h1 {
        margin-top: 270px;
    }
    
    .section1 .imagen  img {
        width: 90%;
    }
    
    .section3 .textos {
        padding: 0 10vw;
    }
    
    .section3 .textos p {
        margin-bottom: 50px;
    }
    
    .contenido4.orange .VideoIntersectionPlay {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(1) .texto {
        padding: 0 5vw 0 7vw;
    }
    
    .contenido4 .texto h2 {
        margin-bottom: 10px;
    }
    
    .section4 .contenido4:nth-child(2) {
        padding: 100px 0 100px 140px;
    }
    
    .section4 .contenido4:nth-child(2) .texto h1,
    .section4 .contenido4:nth-child(2) .texto h2 {
        padding-right: 13vh;
    }
    
    .section4 .contenido4:nth-child(2) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(2) .img .imgWeb{
        margin: 0;
    }
    
    .section4 .contenido4:nth-child(3) {
        padding: 100px 0 100px 0px;
    }
    
    .section4 .contenido4:nth-child(3) .texto h1,
    .section4 .contenido4:nth-child(3) .texto h2 {
        padding-right: 13vh;
    }
    
    .section4 .contenido4:nth-child(3) .img {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .section4 .contenido4:nth-child(3) .animated {
        padding: 0;
    }
    
    .section4 .contenido4:nth-child(4) {
        padding: 100px 140px 0px 0px;
    }
    
    .section4 .contenido4:nth-child(4) .texto {
        padding-right: 5vw;
    }
    
    .section4 .contenido4:nth-child(4) .texto h1 {
        padding-right: 28vh;
    }
    
    .contenido6 .textos {
        padding: 0% 18%;
    }
    
    .contenido7Tarjetas .tarjetas {
        height: auto;
    }
    
    .contenido7Tarjetas .tarjetaDos {
        height: 1000px;
    }
    
    .contenido7Tarjetas .otraTarjeta .row {
        height: 100%;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2,
    .contenido7Tarjetas .otraTarjeta .texto3 {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto2 {
        padding-left: 10vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .texto3 {
        padding-right: 13vw;
    }
    
    .contenido7Tarjetas .otraTarjeta .row .texto h3 {
        padding: 0vh 0vh 3vh;
    }
    
    .contenido7Tarjetas .tarjetaUno .row .img img {
        height: 100%;
    }
    
    .contenido8 img {
        width: 100%;
    }
}