.transitionOne .texto, .transitionOne img, .transitionTwo .texto, .transitionTwo img{
    transition: .6s all linear;
}
.texto.first, .texto.second{
    transform: translateX(50%);
    opacity: 0;
    z-index: 1;
}
.imgWeb.first, .imgWeb.second{
    transform: translateX(-50%);
    z-index: 2;
    opacity: 1;
}
.texto.second{
    transform: translateX(-50%);
}
.imgWeb.second{
    transform: translateX(50%);
}
.contenido4 .imgWeb.second {
    transform: translateX(25%);
}
.contenido9 .imgWeb.second {
    transform: translateX(32%);
}
.contenido10 .imgWeb.first{
    transform: translateX(-38%);
}
.contenido15 .imgWeb.second {
    transform: translateX(38%);
}
.animation .texto, .contenido7 .animation .texto{
    z-index: 1;
}
.animation .imgWeb, .contenido7 .animation .imgWeb{
    z-index: 2;
    position: relative;
}
/*************************************************/
.contenido1 .imgInicial img {
    width: initial;
}
.contenido1 .titulo h2 {
    padding: 18rem 0px 50px 0px;
}
/**************************************************/
.contenido2 {
    padding: 150px 100px 100px;
    height: auto;
}
.contenido2 .row {
    width: 42%;
}
/**************************************************/
.contenido3 .texto {
    padding: 0 35rem;
}
/**************************************************/
.contenido4 .texto {
    display: flex;
    justify-content: center;
}
.contenido4 .imagen {
    left: 0;
}
.contenido4 .texto {
    right: 0;
}
.contenido4 .row > div {
    align-items: flex-start !important;
}
.contenido4 .texto {
    padding-left: 2% !important;
}
/*************************************************/
.contenido5 {
    padding-bottom: 180px;
    padding-left: 0;
}
.contenido5 .texto {
    padding: 0 43rem;
}
.contenido5 .texto h3 {
    text-align: left;
    padding-bottom: 1rem;
}
/************************************************/
.contenido6 video, .contenido8 video  {
    height: auto;
    position: initial;
    margin-top: -4rem;
    transform: none;
    outline: none;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.contenido6 .texto p {
    padding-right: 6%;
}
.contenido6 .VideoIntersectionPlay, 
.contenido8 .VideoIntersectionPlay {
    height: auto;
}
.contenido8 .VideoIntersectionPlay {
    display: flex;
    justify-content: center;
    margin-left: 6rem;
    margin-top: -8rem;
}
.contenido8 video  {
    margin-top: -2rem;
    margin-left: -3rem;
}
/***************************************************/
.contenido7 .texto .primero {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
}
.contenido7 .texto h3 {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
}
.contenido7 .texto {
    padding: 0 28.5rem;
}
.contenido7 .imagen {
    padding: 8% 13% 0;
}
/*************************************************/
.contenido8 .texto {
    position: initial;
    transition: initial;
    z-index: 1;
    padding-left: 0;
}
.contenido8 .texto h3 {
    padding-bottom: 2rem;
}
.contenido8 .texto .primero {
    line-height: 42px;
    padding: 0 5rem 1rem 0;
    /* margin-bottom: 0; */
}
.contenido8 .row > div {
    height: initial;
    align-content: flex-start;
    padding: 0 5%;
}
/*******************************************************/
.contenido9 .imagen{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenido9 .imagen img {
    margin-left: 0;
    width: 105%;
}
.contenido9 .texto {
    padding:0 0 0 10rem;  
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/**********************************************************/
.contenido10 .texto {
    padding: 0 3.5rem 0 0;  
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contenido10 .imagen {
    left: initial;
    right: 0;
}
.contenido10 .texto {
    right: initial;
}
.contenido10 .row > div {
    align-items: initial;
}
.contenido10 .texto p {
    padding-right: 7%;
}
.contenido10 .texto{
    padding-left: 3%;
}
/**********************************************************/
.contenido11 {
    padding: 10vh 100px;
    height: auto;
    background-color: #2C2C2C;
}
.contenido11 .row {
    width: 85%;
}
.contenido11 .tituloInicial h2 {
    margin-bottom: 2rem;
}
.contenido11 .texto p {
    padding-bottom: 3rem;
    font-size: 64px;
    line-height: 80px;
}
/********************************************************/
.contenido12 {
    background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Seccion9.png);
    display: flex;
    justify-content: center;
}
.contenido12 .row{
    display: flex;
    align-content: center;
}
.contenido12 .cajaTexto {
    text-align: center;
    padding-top: 0;
    padding-right: 0;
}
.contenido12 .cajaTexto h2{
    color: #FFF;
    padding-left: 0;
}
/***********************************************************/
.contenido13 .tarjetas .row .texto {
    padding-top: 5rem;
}
.contenido13 .tarjetas .row .texto {
    padding-top: 2rem;
}
.contenido13 .tarjetas .row .texto h3 {
    font-size: 40px;
    line-height: normal;
}
.contenido13 .otraTarjeta .texto p {
    text-align: left;
    padding-left: 12rem;
    padding-right: 12rem;
}
.contenido13 .otraTarjeta .texto .textoNegrita {
    text-align: center;
}
.contenido13 .tarjetas.tarjeta1 .row .img img {
    height: auto !important;
}
.contenido13 .tarjetas.tarjeta1 .row .texto {
    padding: 0 9rem 0 5rem !important;
}
.contenido13 .otraTarjeta .texto p {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
    text-align: center;
}
/****************************************************************/
.contenido14 {
    padding-right: 30px;
    background-color: #2B2A2A;
}
.contenido14 .row > div {
    align-items: flex-start !important;
}
.contenido14 .texto {
    padding-left: 6% !important;
    padding-right: 2% !important;
}
.contenido14 .texto .cursiva {
    font-style: italic;
}
.contenido14 .imagen{
    display: flex;
    justify-content: flex-end;
}
.contenido14 .imagen {
    right: 2%;
}
.contenido14 .texto {
    left: 0;
}
/*************************************************************/
.contenido15{
    padding-bottom: 0;
}
.contenido15 .imagen {
    left: 0;
    height: auto !important;
    justify-content: center;
    display: flex;
}
.contenido15 .texto {
    right: 0;
}
/******************************************************************/
.contenido16 .tarjeta .card .card-body {
    height: auto;
    padding: 15% 10% 20%;
}

@media (max-width: 991px) {
    .contenido4 .row, .contenido7 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        position: initial;
    }
    .contenido4 .row > div, .contenido7 .row > div, .contenido9 .row > div, .contenido10 .row > div,
    .contenido14 .row > div {
        position: inherit;
    }
    .texto.second, .texto.first {
        transform: translateX(0);
        transform: translateY(-80%);
    }
    .contenido4 .imagen, .contenido9 .imagen, .contenido10 .imagen, .contenido15 .imagen {
        z-index: 2;
    }
    .contenido10 .texto{
        order: 2;
    }
    
}
/*********************************************************************************/
/*******************************************************************************************************************/
/******************************************      PORTRAIT     *******************************************************/
/*******************************************************************************************************************/
/****************************  PORTRAIT DISPOSITIVO MOVIL CELULAR    *************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 5% 3rem !important;
        font-size: 40px !important;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 28px !important;
        margin-bottom: 1rem !important;
    }
    .contenido3 .texto .primero {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .contenido3 .texto .segundo {
        font-size: 28.1px !important;
        line-height: initial !important;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3, .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 0;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p, .contenido8 .texto p,
    .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p{ 
        font-size: 14px;
    }
     .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
     .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 12px;
    }
    .contenido5 .texto h3, .contenido6 .texto p, .contenido8 .texto p {
        padding-right: 0 !important;
    }
    .contenido6{
        margin-bottom: 0;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 0%;
    }
    .contenido7 .texto h3 {
        padding-bottom: .5rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 1.5rem !important;
    }
    .contenido7 .imagen img {
        width: 105% !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 .texto .primero{
        line-height: 24px !important;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido7 .row, .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido9 .texto h3{
        margin-bottom: 1rem !important;
    }  
    .contenido9 .texto .primero {
        padding-bottom: 1rem !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 16px !important;
    }
    .contenido11 .texto p {
        font-size: 30px !important;
        line-height: normal !important;
    }
    .contenido12 .cajaTexto h2 {
        font-size: 32px;
    }
    .contenido13 .tarjetas h2 {
        padding-bottom: 1rem !important;
        margin-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 14px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 .5rem 0!important;
    }
    .contenido13 .tarjetas .row .img {
        padding: 0;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 2rem !important;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 0 1rem !important;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0 6% !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto h3 {
        font-size: 31px !important;
        line-height: 40px !important;
    }
    .contenido15 .texto {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .contenido16 {
        padding: 0 10px 0% !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 8% 25% !important;
    }
    .contenido16 .tarjeta .card .card-body p {
        line-height: 26px;
    }
    .contenido17 {
        padding: 1% 0% !important;
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 !important;
    }
    /*****************************************************************/
    .contenido4, .contenido15 {
        padding-right:  20px;
        padding-left: 20px;
    }
    .contenido6, .contenido7 {
        padding-right: 35px;
        padding-left: 35px;
    }
    .contenido8{
        padding-right: 23px;
        padding-left: 23px;
    }
    .contenido10 {
        padding-right: 30px;
        padding-left: 30px;
    }
    /********************************************************************/
    .contenido1 .imgInicial img {
        width: 100%;
    }
    .contenido1 .titulo h2 {
        font-size: 40px;
        padding-top: 11.5rem;
    }
    /*******************************************************************/
    .contenido2{
        padding: 100px 0 30px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p {
        font-size: 14px;
    }
    /*******************************************************************/
    .contenido3 {
        padding: 30px 20px;
    }
    .contenido3 .texto {
        padding: 0 1rem;
    }
    .contenido3 .texto .primero {
        font-size: 12px;
    }
    .contenido3 .texto .segundo {
        font-size: 22.5px;
        line-height: initial;
    }
    /************************************************************/
    .contenido4 .texto h3 {
        padding-right: 0rem;
    }
    .contenido4 .imagen img{
        width: 120%;
    }
    /*************************************************************/
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-bottom: 1rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    .contenido5 {
        padding-bottom: 50px;
        padding-right: 35px;
        padding-left: 35px;
    }
    /*************************************************************/
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 0rem 2rem 1rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    .contenido7 .imagen img{
        width: 120%;
    }
    /***************************************************************/
    .contenido9 {
        padding-top: 60px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 140%;
        padding-bottom: 3rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    .contenido9 .texto h3 {
        padding: 0% 0 1rem 0;
    }
    .contenido9 .texto .primero {
        padding-bottom: 1rem;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    .contenido10 .imagen img{
        width: 120%;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 22px;
        padding-right: 22px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 10px;
    }
    .contenido11 .texto p {
        font-size: 20px;
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .contenido13 .tarjetas .row .texto.uno {
        padding: 1rem .5rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 0rem 0;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0px 20px 0px 25px;
    }
    .contenido13 .otraTarjeta .img img {
        width: 96% !important;
    }
    .contenido13 .tarjetas h2 {
        padding-bottom: 0;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    .contenido14 .texto h3 {
        padding-right: 5rem;
    }
    /******************************************************************/
    .contenido15 .texto h3 {
        font-size: 23px;
    }
    .contenido15 .texto {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 12% 12% 20%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 16px;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 1rem;
    }
}
@media only screen and (min-width: 321px) and (max-width:424px) and  (orientation: portrait){  
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 5% 3rem !important;
        font-size: 40px !important;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 28px !important;
        margin-bottom: 1rem !important;
    }
    .contenido3 .texto .primero {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .contenido3 .texto .segundo {
        font-size: 28.1px !important;
        line-height: initial !important;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3, .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 0;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p, .contenido8 .texto p,
    .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p{ 
        font-size: 14px;
    }
     .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
     .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 12px;
    }
    .contenido5 .texto h3, .contenido6 .texto p, .contenido8 .texto p {
        padding-right: 0 !important;
    }
    .contenido6{
        margin-bottom: 0;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 0%;
    }
    .contenido7 .texto h3 {
        padding-bottom: .5rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 1.5rem !important;
    }
    .contenido7 .imagen img {
        width: 105% !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 .texto .primero{
        line-height: 24px !important;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido7 .row, .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido9 .texto h3{
        margin-bottom: 1rem !important;
    }  
    .contenido9 .texto .primero {
        padding-bottom: 1rem !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 16px !important;
    }
    .contenido11 .texto p {
        font-size: 30px !important;
        line-height: normal !important;
    }
    .contenido12 .cajaTexto h2 {
        font-size: 32px;
    }
    .contenido13 .tarjetas h2 {
        padding-bottom: 1rem !important;
        margin-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 14px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 .5rem 0!important;
    }
    .contenido13 .tarjetas .row .img {
        padding: 0;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 2rem !important;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 0 1rem !important;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0 6% !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto h3 {
        font-size: 31px !important;
        line-height: 40px !important;
    }
    .contenido15 .texto {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .contenido16 {
        padding: 0 10px 0% !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 8% 25% !important;
    }
    .contenido16 .tarjeta .card .card-body p {
        line-height: 26px;
    }
    .contenido17 {
        padding: 1% 0% !important;
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 !important;
    }
    /*****************************************************************/
    .contenido4, .contenido15 {
        padding-right:  20px;
        padding-left: 20px;
    }
    .contenido6, .contenido7 {
        padding-right: 35px;
        padding-left: 35px;
    }
    .contenido8{
        padding-right: 23px;
        padding-left: 23px;
    }
    .contenido10 {
        padding-right: 30px;
        padding-left: 30px;
    }
    /********************************************************************/
    .contenido1 .imgInicial img {
        width: 100%;
    }
    .contenido1 .titulo h2 {
        font-size: 50px;
        padding-top: 12rem;
    }
    /*******************************************************************/
    .contenido2{
        padding: 120px 20px 30px;
    }
    .contenido2 .row {
        width: 100%;
    }
    /*******************************************************************/
    .contenido3 {
        padding: 30px 20px;
    }
    .contenido3 .texto {
        padding: 0 1rem;
    }
    .contenido3 .texto .primero {
        font-size: 13px;
    }
    .contenido3 .texto .segundo {
        font-size: 27px;
        line-height: initial;
    }
    /************************************************************/
    .contenido4 .texto h3 {
        padding-right: 2rem;
    }
    .contenido4 .imagen img{
        width: 115%;
    }
    /*************************************************************/
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-bottom: 2rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    .contenido5 {
        padding-bottom: 50px;
        padding-right: 35px;
        padding-left: 35px;
    }
    /*************************************************************/
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 0rem 2rem 1rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    .contenido7 .imagen img{
        width: 120%;
    }
    /***************************************************************/
    .contenido9 {
        padding-right: 40px;
        padding-left: 40px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 130%;
        padding-bottom: 3rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    .contenido10 .imagen img{
        width: 110%;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 22px;
        padding-right: 22px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 13px;
    }
    .contenido11 .texto p {
        font-size: 26px;
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    .contenido12 .cajaTexto h2 {
        padding-left: 0rem;
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .contenido13 .tarjetas .row .texto.uno {
        padding: 1rem 1rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem .6rem 0;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0px 20px 0px 25px;
    }
    .contenido13 .otraTarjeta .img img {
        width: 96% !important;
    }
    .contenido13 .tarjetas h2 {
        padding-bottom: 0;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    .contenido14 .texto h3 {
        padding-right: 8rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .contenido15 .texto h3 {
        font-size: 30px;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 14% 20%;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 2rem;
    }

}
/****************************  PORTRAIT DISPOSITIVO MOVIL TABLET     *************************************/
@media only screen and (min-width: 425px) and (max-width:600px) and  (orientation: portrait){
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 5% 3rem !important;
    }
    .contenido6{
        margin-bottom: 12%;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 22%;
    }
    .contenido7 .texto h3 {
        padding-bottom: 2rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 3rem !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .texto p {
        font-size: 35px !important;
        line-height: normal !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 1.5rem 0!important;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 0 2rem !important;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0 3% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 25px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .contenido16 {
        padding: 0 50px 0% !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 8% 20% !important;
    }
    .contenido17 {
        padding: 1% 10% !important;
    }
    /*****************************************************************/
    .contenido4, .contenido15 {
        padding-right:  35px;
        padding-left: 35px;
    }
    .contenido6, .contenido7 {
        padding-right: 50px;
        padding-left: 50px;
    }
    .contenido8, .contenido10 {
        padding-right: 40px;
        padding-left: 40px;
    }
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 65px;
        padding-top: 12rem;
    }
    /*******************************************************************/
    .contenido2{
        padding: 220px 40px 100px;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 36px;
    }
    .contenido2 .texto p {
        font-size: 25px;
    }
    .contenido2 .row {
        width: 100%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 3.5rem;
    }
    .contenido3 .texto .primero {
        font-size: 17px;
    }
    .contenido3 .texto .segundo {
        font-size: 33px;
        line-height: initial;
    }
    /************************************************************/
    .contenido4 .imagen img{
        width: 105%;
    }
    .contenido6 .imagen img {
        width: 105%;
    }
    .contenido7 .imagen img{
        width: 108%;
    }
    .contenido13 .camaras img{
        width: 105%;
    }
    /*************************************************************/
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-right: 10rem;
        padding-bottom: 2rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    .contenido5 {
        padding-bottom: 100px;
        padding-right: 50px;
        padding-left: 50px;
    }
    /*************************************************************/
    .contenido6 .texto h3 {
        font-size: 58px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .texto h3 {
        font-size: 45px;
    }
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 1rem 1rem 2rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    /***************************************************************/
    .contenido9 {
        padding-right: 50px;
        padding-left: 50px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 110%;
        padding-bottom: 3rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 14px;
    }
    .contenido11 .texto p {
        font-size: 29px;
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 1rem;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0px 20px 0px 25px;
    }
    .contenido13 .otraTarjeta .img img {
        width: 96% !important;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido14 .texto h3 {
        padding-right: 13rem;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto h3 {
        font-size: 34px;
        line-height: 44px;
    }
    .contenido15 .texto {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 20% 14% 20%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 29px;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 1rem;
    }
}
@media only screen and (min-width: 601px) and (max-width:679px) and  (orientation: portrait){
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 5% 3rem !important;
    }
    .contenido6{
        margin-bottom: 12%;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 22%;
    }
    .contenido7 .texto h3 {
        padding-bottom: 2rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 3rem !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .texto p {
        font-size: 35px !important;
        line-height: normal !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 1.5rem 0!important;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 0 2rem !important;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0 3% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 25px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .contenido16 {
        padding: 0 50px 0% !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 25% 10% !important;
    }
    .contenido17 {
        padding: 1% 10% !important;
    }
    /*****************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 65px;
        padding-top: 11rem;
    }
    /*******************************************************************/
    .contenido2{
        padding-right: 40px;
        padding-left: 40px;
    }
    .contenido2 .row {
        width: 100%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 3.5rem;
    }
    .contenido3 .texto .primero {
        font-size: 17px;
    }
    .contenido3 .texto .segundo {
        font-size: 33px;
        line-height: initial;
    }
    /**************************************************/
    .contenido4 .imagen img{
        width: 105%;
    }
    .contenido7 .imagen img{
        width: 108%;
    }
    .contenido13 .camaras img{
        width: 105%;
    }
    /*************************************************************/
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-right: 10rem;
        padding-bottom: 2rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    .contenido5 {
        padding-bottom: 100px;
        padding-right: 50px;
        padding-left: 50px;
    }
    /*************************************************************/
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 1rem 4rem 2rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    /***************************************************************/
    .contenido9 {
        padding-right: 50px;
        padding-left: 50px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 110%;
        padding-bottom: 3rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 14px;
    }
    .contenido11 .texto p {
        font-size: 29px;
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 {
        padding: 0 50px;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 1rem;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0px 20px 0px 25px;
    }
    .contenido13 .otraTarjeta .img img {
        width: 96% !important;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 4rem;
        padding-left: 4rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 25% 14% 20%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 28px;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 1rem;
    }
}
@media only screen and (min-width: 680px) and (max-width:767px) and  (orientation: portrait){
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 5% 3rem !important;
    }
    .contenido6{
        margin-bottom: 12%;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 22%;
    }
    .contenido7 .texto h3 {
        padding-bottom: 2rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 3rem !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .texto p {
        font-size: 45px !important;
        line-height: normal !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 1.5rem 0!important;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 0 2rem !important;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0 3% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 25px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .contenido16 {
        padding: 0 50px 0% !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 25% 10% !important;
    }
    .contenido17 {
        padding: 1% 10% !important;
    }
    /*****************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 65px;
        padding-top: 11rem;
    }
    /*******************************************************************/
    .contenido2{
        padding-right: 60px;
        padding-left: 60px;
    }
    .contenido2 .row {
        width: 100%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 5rem;
    }
    .contenido3 .texto .primero {
        font-size: 18px;
    }
    .contenido3 .texto .segundo {
        font-size: 35px;
        line-height: initial;
    }
    /**************************************************/
    .contenido4 .imagen img{
        width: 105%;
    }
    .contenido7 .imagen img{
        width: 108%;
    }
    .contenido13 .camaras img{
        width: 105%;
    }
    /*************************************************************/
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-right: 10rem;
        padding-bottom: 3rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    .contenido5 {
        padding-bottom: 100px;
        padding-right: 50px;
        padding-left: 50px;
    }
    /*************************************************************/
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 1rem 6rem 3rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    /***************************************************************/
    .contenido9 {
        padding-right: 50px;
        padding-left: 50px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 110%;
        padding-bottom: 3rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 1rem;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding: 0px 20px 0px 25px;
    }
    .contenido13 .otraTarjeta .img img {
        width: 96% !important;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /*****************************************************************/
    .contenido15 .texto {
        padding-right: 4rem;
        padding-left: 4rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 25% 14% 20%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 31px;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 1rem;
    }
}
/**********************************  IPAD USADA EN LA EMPRESA    *******************************************/
@media only screen and (min-width: 768px) and (max-width:820px) and  (orientation: portrait){
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding-top: 11rem;
    }
    .contenido6{
        margin-bottom: 12%;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 22%;
    }
    .contenido7 .texto h3 {
        padding-bottom: 2rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 3rem !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .texto p {
        font-size: 45px !important;
        line-height: normal !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 3.5rem 0!important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 25px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
    .contenido16 {
        padding: 0 50px 0% !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 25% 10% !important;
    }
    .contenido17 {
        padding: 1% 10% !important;
    }
    /*****************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 60px;
    }
    /*******************************************************************/
    .contenido2{
        padding-right: 60px;
        padding-left: 60px;
    }
    .contenido2 .row {
        width: 100%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 4rem;
    }
    .contenido3 .texto .primero {
        font-size: 20px;
    }
    .contenido3 .texto .segundo {
        font-size: 44px;
        line-height: initial;
    }
    /*************************************************************/
    .contenido5 {
        padding: 100px 70px 100px;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-right: 10rem;
        padding-bottom: 3rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    /*************************************************************/
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 1rem 6rem 3rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    .contenido7 .imagen img{
        width: 112%;
    }
    /***************************************************************/
    .contenido9 {
        padding-right: 70px;
        padding-left: 70px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 110%;
        margin-top: 8rem;
        padding-bottom: 8rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    .contenido10 .imagen{
        display: flex;
        justify-content: center;
    }
    .contenido10 .imagen img{
        width: 110%;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 {
        padding: 0 7vw 80px;
    }
    .contenido13 .tarjeta1 {
        padding: 5vh 0vh 10vh;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 2rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 0 2rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding-left: 1rem;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .contenido14 .texto h3 {
        padding-right: 16rem;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 8rem;
        padding-left: 8rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 1rem;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 1rem;
    }
}
/****************************  PORTRAIT DISPOSITIVO MOVIL LAPTOP     ************************************/
@media only screen and (min-width: 821px) and (max-width:991px) and  (orientation: portrait){
    /*****************************************************************/
    .contenido1 .titulo h2 {
        padding-top: 11rem;
    }
    .contenido6{
        margin-bottom: 12%;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2 !important;
    }
    .contenido7 .imagen {
        padding: 8% 0 0;
    }
    .contenido7 {
        margin-bottom: 22%;
    }
    .contenido7 .texto h3 {
        padding-bottom: 2rem !important;
    }
    .contenido7 .texto .primero {
        padding: 1rem 0 3rem !important;
    }
    .contenido8 .row > div {
        padding: 0 1%;
    }
    .contenido8 video {
        margin-top: 0;
        margin-left: 0;
    }
    .contenido8 .row, .contenido9 .row, .contenido10 .row, .contenido14 .row {
        height: auto !important;
    }
    .contenido10 .imagen img{
        margin-bottom: 6rem;
    }
    .contenido11 .texto p {
        font-size: 45px !important;
        line-height: normal !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 2rem 0!important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 25px !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        margin-top: 4rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .contenido14 .texto {
        padding-left: 0!important;
        padding-right: 0% !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido15 .texto {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 25% 10% !important;
    }
    .contenido17 {
        padding: 1% 10% !important;
    }
    /*****************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 60px;
    }
    /*******************************************************************/
    .contenido2{
        padding-right: 60px;
        padding-left: 60px;
    }
    .contenido2 .row {
        width: 100%;
    }
    .contenido2 .texto p {
        font-size: 26px;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 4rem;
    }
    .contenido3 .texto .primero {
        font-size: 22px;
    }
    .contenido3 .texto .segundo {
        font-size: 47px;
        line-height: initial;
    }
    /*************************************************************/
    .contenido5 {
        padding: 100px 70px 100px;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto h3 {
        text-align: left;
        padding-right: 10rem;
        padding-bottom: 3rem;
    }
    .contenido5 .texto {
        padding: 0;
    }
    /*************************************************************/
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
        padding: 0;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    /****************************************************************/
    .contenido7 .texto h3{
        padding-bottom: 0;
    }
    .contenido7 .texto .primero {
        padding: 1rem 8rem 3rem;
    }
    .contenido7 .texto {
        padding: 0 0 3rem;
    }
    .contenido7 .imagen img{
        width: 112%;
    }
    /***************************************************************/
    .contenido9 {
        padding-right: 70px;
        padding-left: 70px;
    }
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 110%;
        margin-top: 8rem;
        padding-bottom: 8rem;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 0rem 3rem .5rem;
    }
    .contenido10 .texto h3 br{
        display: block;
    }
    .contenido10 .imagen{
        display: flex;
        justify-content: center;
    }
    .contenido10 .imagen img{
        width: 110%;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 34px;
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 {
        padding: 0 7vw 80px;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 2rem;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 3.5rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contenido13 .otraTarjeta .texto h3 {
        padding-left: 1rem;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 80px;
        padding-right: 80px;
    }
    .contenido14 .texto h3 {
        padding-right: 22rem;
    }
    .contenido14 .imagen img {
        width: 110%;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 9rem;
        padding-left: 9rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 14% 20%;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 37px;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 1rem;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 2rem;
    }
}
@media only screen and (min-width: 992px) and (max-width:1150px) and  (orientation: portrait){
    /********************************************************************/
    .contenido4 .row {
        height: 690px !important;
    }
    .contenido5{
        padding-right: 0 !important;
    }
    .contenido5 .texto {
        padding: 0 14.5rem !important;
    }
    .contenido7{
        padding-top: 20px;
    }
    .contenido7 .texto {
        padding: 0 5.5rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8 .row > div {
        padding: 0 3%;
    }
    .contenido8 .texto .primero {
        line-height: normal !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: 20%;
    }
    .contenido8 .row {
        height: 720px !important;
        margin-bottom: 10%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido11 .texto p {
        font-size: 41px !important;
        line-height: normal !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 1rem 0 1rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .contenido14 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido14 .texto {
        align-items: flex-start !important;
    }
    .contenido14 .texto {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .contenido14 .imagen img {
        margin-left: 8% !important;
    }
    .contenido15 .texto {
        padding-right: 0% !important;
        padding-left: 5% !important;
    }
    .contenido15 .texto h3 {
        font-size: 40px !important;
        line-height: normal !important;
        text-align: left !important;
    }
    .contenido17 {
        padding: 1% 10%;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 12% 20% !important;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 45px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: cover !important;
    }
    /******************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 70px;
    }
    /*******************************************************************/
    .contenido2{
        padding-right: 60px;
        padding-left: 60px;
    }
    .contenido2 .texto p {
        font-size: 29px;
    }
    .contenido2 .row {
        width: 90%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 5rem;
    }
    .contenido3 .texto .primero {
        font-size: 25px;
    }
    .contenido3 .texto .segundo {
        font-size: 55px;
        line-height: initial;
    }
    /************************************************************/
    .contenido4{
        padding: 100px 20px;
    }
    /*************************************************************/
    .contenido5 .texto h3 br{
        display: block;
    }
    .contenido5 .texto {
        padding: 0 7.5rem;
    }
    .contenido5 {
        padding-bottom: 100px;
    }
    /*************************************************************/
    .contenido6 {
        padding-top: 220px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video{
        width: 126%;
        margin-top: -2.5rem;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 150%;
        margin-left: 20%;
        z-index: -1;
        margin-top: 0;
    }
    .contenido8 .texto {
        padding-right: 1.8rem;
    }
    /****************************************************************/
    .contenido7 .texto {
        padding: 0 4.5rem 3rem;
    }
    /***************************************************************/
    .contenido9 {
        padding-top: 60px;
    }
    .contenido9 .texto {
        padding: 0rem 0 0 3rem;
    }
    .contenido9 .imagen img {
        margin-left: 0;
        width: 110%;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 1.5rem 0 1rem;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .contenido11 .row {
        width: 100%;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 180px;
        padding-right: 180px;
    }
    .contenido14 .texto h3 {
        padding-right: 24rem;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 10rem;
        padding-left: 10rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body {
        padding: 15% 16% 20%;
    }
    .contenido16 .tarjeta .card .card-body.uno {
        padding-bottom: 40%;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 45px;
        line-height: 60px;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 1rem;
    }
}
/****************************  PORTRAIT DISPOSITIVO PC ESCRITORIO ***********************************/
@media only screen and (min-width: 1151px) and (max-width:1199px) and  (orientation: portrait){
    /********************************************************************/
    .contenido7{
        padding-top: 20px;
    }
    .contenido7 .texto {
        padding: 0 5.5rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: 20%;
    }
    .contenido8 .row {
        height: 720px !important;
        margin-bottom: 10%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 1rem 0 1rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .contenido14 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido14 .texto {
        align-items: flex-start !important;
    }
    .contenido14 .imagen img {
        margin-left: 8% !important;
    }
    .contenido15 .texto {
        padding-right: 0% !important;
        padding-left: 5% !important;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 55px !important;
        line-height: normal !important;
    }
    /******************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    /*******************************************************************/
    .contenido2 .row {
        width: 90%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 8rem;
    }
    .contenido3 .texto .primero {
        font-size: 25px;
    }
    .contenido3 .texto .segundo {
        font-size: 55px;
        line-height: initial;
    }
    /*************************************************************/
    .contenido5 .texto {
        padding: 0 14.5rem;
    }
    .contenido5 {
        padding-bottom: 100px;
    }
    /*************************************************************/
    .contenido6 {
        padding-top: 220px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video{
        width: 126%;
        margin-top: -2.5rem;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 150%;
        margin-left: 20%;
        z-index: -1;
        margin-top: 0;
    }
    .contenido8 .texto {
        padding-right: 3.5rem;
    }
    /***************************************************************/
    .contenido9 {
        padding-top: 60px;
    }
    .contenido9 .texto {
        padding: 0rem 0 0 11rem;
    }
    .contenido9 .imagen img {
        margin-left: 20%;
        width: 130%;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido10 .texto {
        padding: 0 1.5rem 0 1rem;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 48px;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 180px;
        padding-right: 180px;
    }
    .contenido14 .texto h3 {
        padding-right: 26rem;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 14rem;
        padding-left: 14rem;
    }
    /*********************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .imgCard img {
        object-fit: fill;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 62px;
        line-height: 70px;
    }
    .contenido16 .tarjeta .card .card-body-uno {
        padding-bottom: 25%;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 7rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and  (orientation: portrait){
    /*******************************************************************/
    .contenido7{
        padding-top: 20px;
    }
    .contenido7 .texto {
        padding: 0 5.5rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: 20%;
    }
    .contenido8 .row {
        height: 720px !important;
        margin-bottom: 10%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 0 1rem 0 1rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .contenido14 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .contenido14 .texto h3 {
        padding-right: 0 !important;
    }
    .contenido14 .texto {
        align-items: flex-start !important;
    }
    .contenido14 .imagen img {
        margin-left: 8% !important;
    }
    .contenido15 .texto {
        padding-right: 0% !important;
        padding-left: 5% !important;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 58px !important;
        line-height: normal !important;
    }
    /******************************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido2 .row {
        width: 84%;
    }
    /*******************************************************************/
    .contenido3 .texto {
        padding: 0 10rem;
    }
    .contenido3 .texto .primero {
        font-size: 25px;
    }
    .contenido3 .texto .segundo {
        font-size: 55px;
        line-height: initial;
    }
    /*************************************************************/
    .contenido5 .texto {
        padding: 0 14.5rem;
    }
    .contenido5 {
        padding-bottom: 100px;
    }
    /*************************************************************/
    .contenido6 {
        padding-top: 220px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video{
        width: 126%;
        margin-top: -2.5rem;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 150%;
        margin-left: 20%;
        z-index: -1;
        margin-top: 0;
    }
    .contenido8 .texto {
        padding-right: 3.5rem;
    }
    /***************************************************************/
    .contenido9 .texto {
        padding: 0rem 0 0 11rem;
    }
    .contenido9 .imagen img {
        margin-left: 20%;
        width: 130%;
    }
    .contenido9 .imagen {
        align-items: flex-end;
    }
    /****************************************************************/
    .contenido9 {
        padding-top: 80px;
    }
    /***************************************************************/
    .contenido10 .texto {
        padding: 0 1.5rem 0 1rem;
    }
    /***************************************************************/
    .contenido11 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .contenido11 .row {
        width: 100%;
    }
    /******************************************************************/
    .contenido12 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Seccion9.png);
    }
    /*****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    /******************************************************************/
    .contenido14 {
        padding-left: 180px;
        padding-right: 180px;
    }
    .contenido14 .texto h3 {
        padding-right: 28rem;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .texto a {
        padding-bottom: 1rem;
    }
    /******************************************************************/
    .contenido15 .texto {
        padding-right: 16rem;
        padding-left: 16rem;
    }
    /******************************************************************/
    .contenido16 .tarjeta {
        margin-bottom: 10vh;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 62px;
        line-height: inherit;
    }
    /*******************************************************************/
    .contenido17 {
        background-image: url(https://assets.claro360.com/Gobierno/analiticoVideo/Responsive/Banner3.png);
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 8rem;
    }
}


/*******************************************************************************************************************/
/******************************************      LANDSCAPE     ****************************************************/
/*******************************************************************************************************************/
/****************************  LANDSCAPE DISPOSITIVO MOVIL CELULAR    ***********************************/
@media only screen and (max-width: 424px) and (orientation: landscape){
    /*****************************************************************/
    .col-md-6, .col-md-5, .col-md-7, .contenido14 .col-md-5,  .contenido14 .col-md-7,
    .contenido15 .col-md-5,  .contenido15 .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido2 .row {
        width: 82% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 5rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 40px;
        line-height: normal !important;
    }
    .contenido4 .texto .primero, .contenido5 .texto .primero, .contenido6 .texto .primero,
    .contenido7 .texto .primero, .contenido8 .texto .primero, .contenido9 .texto .primero,
    .contenido10 .texto .primero, .contenido14 .texto .primero {
        font-size: 28px;
        line-height: normal !important;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p,
    .contenido8 .texto p, .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p,
    .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
    .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 16px;
    }
    .contenido4 .row {
        height: auto !important;
    }
    .contenido4 .imagen {
        justify-content: center !important;
        margin-bottom: 4rem;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(0);
    }
    .contenido5 .texto {
        padding: 0 6% !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido13 .camaras img {
        width: 100% !important;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2;
    }
    .contenido6 .texto {
        padding: 0 3% !important;
    }
    .contenido6 .texto p {
        padding-right: 0;
    }
    .contenido6 video {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .contenido7 {
        padding: 0 7% 60px!important;
        margin-top: 10%;
    }
    .contenido7 .texto h3{
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0;
        position: initial !important;
    }
    .contenido7 .imagen {
        position: initial !important;
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8, .contenido9, .contenido10, .contenido14 {
        padding-right: 7% !important;
        padding-left: 7% !important;
    }
    .contenido8 .row{
        height: auto !important
    }
    .contenido8 video {
        width: 128% !important;
        margin-left: 0 !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(0%) !important;
    }
    .contenido9 .imagen {
        align-items: center !important;
        margin-bottom: 4rem;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 108% !important;
    }
    .contenido9 .texto {
        padding: 0 !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido9 .row{
        flex-direction: initial !important;
    }
    .contenido10 .row{
        height: auto !important;
    }
    .contenido10 .texto {
        padding: 0;
    }
    .contenido10 .imgWeb.first {
        transform: translateX(0) !important;
    }
    .contenido10 .imagen {
        margin-bottom: 4rem !important;
    }
    .contenido10 .imagen img {
        width: 110% !important;
    }
    .contenido10 .texto p {
        padding-right: 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 100% !important;
    }
    .contenido12{
        background-size: cover;
    }
    .contenido13 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 !important;
    }
    .contenido13 .tarjetas .row .img img {
        width: 100% !important;
        margin-top: 3rem;
    }
    .contenido13 .otraTarjeta .texto h3, .contenido13 .otraTarjeta .texto p,
    .contenido13 .otraTarjeta .texto .textoNegrita {
        text-align: left;
        padding: 0;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 16px !important;
    }
    .contenido14 .row, .contenido15 .row{
        height: auto !important;
    }
    .contenido14 .imagen, .contenido15 .imagen{
        position: initial;
    } 
    .contenido14 .texto, .contenido15 .texto {
        position: initial;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .contenido15 .texto {
        padding-left: 0 !important;
    }
    .contenido15 .imgWeb.second{
        transform: translateX(0) !important;
    }
    .contenido15 .imagen img {
        width: 90% !important;
    }
    .contenido15 .texto h3 {
        font-size: 40px !important;
        line-height: normal !important;
        text-align: center !important;
        padding: 4rem 15% 0;
    }
    .contenido16 .tarjeta .card .card-body p{
        font-size: 20px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img, .contenido16 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 25px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido5, .contenido6, .contenido7, .contenido8, .contenido9, .contenido10 {
        padding: 30px 30px;
    }
    /***************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 0px 20px 0px;
    }
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 30px;
    }
    /***************************************************/
    .contenido2 {
        padding: 50px 20px;
    }
    .contenido2 .tituloInicial h2 {
        margin-bottom: 2rem;
    }
    .contenido2 .row {
        width: 100%;
        padding: 0 0;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 13px;
    }
    .contenido3 .texto .segundo {
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 1rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: .5rem;
        line-height: 38px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto h3 br, .contenido5 .texto h3 br,
    .contenido6 .texto h3 br, .contenido7 .texto h3 br, 
    .contenido8 .texto h3 br, .contenido9 .texto h3 br, 
    .contenido10 .texto h3 br, .contenido14 .texto h3 br {
        display: block;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: center;
        left: 0;
        padding-bottom: 2rem;
    }
    .contenido4 .imagen img{
        width: 100%;
    }
    .contenido4 .texto {
        padding: 0;
    }
    /**********************************************************/
    .contenido5{
        padding-bottom: 30px;
    }
    .contenido5 .texto {
        text-align: left;
        padding: 0;
    }
    .contenido5 .texto h3 {
        padding-right: 10rem;
        text-align: left;
        padding-bottom: 1rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 30px;
        padding-top: 50px;
    }
    .contenido6 .texto {
        padding: 0 !important;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido7 .texto {
        padding: 0 0rem;
    }
    .contenido7 .texto .primero {
        padding-bottom: 1rem;
    }
    .contenido7 .imagen img {
        width: 115%;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    .contenido8 .texto {
        padding: 0;
        padding-bottom: 2rem;
        order: -1;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen{
        align-items: center;
    }
    .contenido9 .imagen img {
        margin-left: 0%;
        width: 100%;
        padding-bottom: 2rem;
    }
    /********************************************************/
    .contenido10 .texto {
        padding: 0;
        padding-bottom: 2rem;
    }
    .contenido10 .imagen img {
        width: 100%;
    }
    /******************************************************/
    .contenido11 {
        padding-left:  20px;
        padding-right: 20px;
        padding-bottom: 15vh;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 22px;
        padding-bottom: .5rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 11px;
    }
    /*********************************************************/
    .contenido12{
        height: 100vh;
    }
    /**********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjeta1 {
        padding: 8vh 2vh;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0;
        padding-right: 0;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem .5rem 0 1rem;
        order: -1;
    }
    /********************************************************/
    .contenido14 {
        padding: 60px 20px;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto {
        padding: 2rem 1rem;
    }
    .contenido14 .texto h3 {
        padding-right: 11rem;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 4rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    .contenido15 .texto h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .contenido15 .texto {
        padding: 2rem 5rem;
    }
    .contenido15 .imagen img{
        width: 100%;
    }
    /************************************************************/
    .contenido16 {
        padding-left: 3.5%;
        padding-right: 3.5%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 13px;
        line-height: inherit;
    }
    /************************************************************/
    .contenido17 .cajaTexto2 p {
        font-size: 20px;
        line-height: initial;
    }
}
@media only screen and (min-width: 425px) and (max-width:600px) and  (orientation: landscape){
    /*****************************************************************/
    .col-md-6, .col-md-5, .col-md-7, .contenido14 .col-md-5,  .contenido14 .col-md-7,
    .contenido15 .col-md-5,  .contenido15 .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido2 .row {
        width: 82% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 5rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 40px;
        line-height: normal !important;
    }
    .contenido4 .texto .primero, .contenido5 .texto .primero, .contenido6 .texto .primero,
    .contenido7 .texto .primero, .contenido8 .texto .primero, .contenido9 .texto .primero,
    .contenido10 .texto .primero, .contenido14 .texto .primero {
        font-size: 28px;
        line-height: normal !important;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p,
    .contenido8 .texto p, .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p,
    .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
    .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 16px;
    }
    .contenido4 .row {
        height: auto !important;
    }
    .contenido4 .imagen {
        justify-content: center !important;
        margin-bottom: 4rem;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(0);
    }
    .contenido5 .texto {
        padding: 0 6% !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido13 .camaras img {
        width: 100% !important;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2;
    }
    .contenido6 .texto {
        padding: 0 3% !important;
    }
    .contenido6 .texto p {
        padding-right: 0;
    }
    .contenido6 video {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .contenido7 {
        padding: 0 7% 60px!important;
        margin-top: 10%;
    }
    .contenido7 .texto h3{
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0;
        position: initial !important;
    }
    .contenido7 .imagen {
        position: initial !important;
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8, .contenido9, .contenido10, .contenido14 {
        padding-right: 7% !important;
        padding-left: 7% !important;
    }
    .contenido8 .row{
        height: auto !important
    }
    .contenido8 video {
        width: 128% !important;
        margin-left: 0 !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(0%) !important;
    }
    .contenido9 .imagen {
        align-items: center !important;
        margin-bottom: 4rem;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 108% !important;
    }
    .contenido9 .texto {
        padding: 0 !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido9 .row{
        flex-direction: initial !important;
    }
    .contenido10 .row{
        height: auto !important;
    }
    .contenido10 .texto {
        padding: 0;
    }
    .contenido10 .imgWeb.first {
        transform: translateX(0) !important;
    }
    .contenido10 .imagen {
        margin-bottom: 4rem !important;
    }
    .contenido10 .imagen img {
        width: 110% !important;
    }
    .contenido10 .texto p {
        padding-right: 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 100% !important;
    }
    .contenido12{
        background-size: cover;
    }
    .contenido13 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 !important;
    }
    .contenido13 .tarjetas .row .img img {
        width: 100% !important;
        margin-top: 3rem;
    }
    .contenido13 .otraTarjeta .texto h3, .contenido13 .otraTarjeta .texto p,
    .contenido13 .otraTarjeta .texto .textoNegrita {
        text-align: left;
        padding: 0;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 16px !important;
    }
    .contenido14 .row, .contenido15 .row{
        height: auto !important;
    }
    .contenido14 .imagen, .contenido15 .imagen{
        position: initial;
    } 
    .contenido14 .texto, .contenido15 .texto {
        position: initial;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .contenido15 .texto {
        padding-left: 0 !important;
    }
    .contenido15 .imgWeb.second{
        transform: translateX(0) !important;
    }
    .contenido15 .imagen img {
        width: 90% !important;
    }
    .contenido15 .texto h3 {
        font-size: 40px !important;
        line-height: normal !important;
        text-align: center !important;
        padding: 4rem 15% 0;
    }
    .contenido16 .tarjeta .card .card-body p{
        font-size: 20px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img, .contenido16 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 25px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido5, .contenido6, .contenido7, .contenido8, .contenido9, .contenido10 {
        padding: 30px 40px;
    }
    /***************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 0px 20px 0px;
    }
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 30px;
    }
    /***************************************************/
    .contenido2 {
        padding: 30px 30px;
    }
    .contenido2 .tituloInicial h2 {
        margin-bottom: 2rem;
    }
    .contenido2 .row {
        width: 100%;
        padding: 0 0;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 13px;
    }
    .contenido3 .texto .segundo {
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 .5rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: .5rem;
        line-height: 38px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto h3 br, .contenido5 .texto h3 br,
    .contenido6 .texto h3 br, .contenido7 .texto h3 br, 
    .contenido8 .texto h3 br, .contenido9 .texto h3 br, 
    .contenido10 .texto h3 br, .contenido14 .texto h3 br {
        display: block;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: center;
        left: 0;
        padding-bottom: 2rem;
    }
    .contenido4 .imagen img{
        width: 100%;
    }
    .contenido4 .texto {
        padding: 0;
    }
    /**********************************************************/
    .contenido5{
        padding-bottom: 30px;
    }
    .contenido5 .texto {
        text-align: left;
        padding: 0;
    }
    .contenido5 .texto h3 {
        padding-right: 10rem;
        text-align: left;
        padding-bottom: 1rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 30px;
        padding-top: 50px;
    }
    .contenido6 .texto {
        padding: 0 !important;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
    }
    .contenido6 video{
        width: 100%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido7 .texto {
        padding: 0 0rem;
    }
    .contenido7 .texto .primero {
        padding-bottom: 1rem;
    }
    .contenido7 .imagen img {
        width: 115%;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 100%;
    }
    .contenido8 .texto {
        padding: 0;
        padding-bottom: 2rem;
        order: -1;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen{
        align-items: center;
    }
    .contenido9 .imagen img {
        margin-left: 0%;
        width: 100%;
        padding-bottom: 2rem;
    }
    /********************************************************/
    .contenido10 .texto {
        padding: 0;
        padding-bottom: 2rem;
    }
    .contenido10 .imagen img {
        width: 100%;
    }
    /******************************************************/
    .contenido11 {
        padding-left:  30px;
        padding-right: 30px;
        padding-bottom: 15vh;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 22px;
        padding-bottom: .5rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 11px;
    }
    /*********************************************************/
    .contenido12{
        height: 100vh;
    }
    /**********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjeta1 {
        padding: 8vh 2vh;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 23px;
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0;
        padding-right: 0;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem 1rem 0 2rem;
        order: -1;
    }
    /********************************************************/
    .contenido14 {
        padding: 60px 20px;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto h3 {
        padding-right: 11rem;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 4rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    .contenido15 .texto h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .contenido15 .texto {
        padding: 2rem 5rem;
    }
    .contenido15 .imagen img{
        width: 100%;
    }
    /************************************************************/
    .contenido16 {
        padding-left: 3.5%;
        padding-right: 3.5%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 13px;
        line-height: inherit;
    }
    /************************************************************/
    .contenido17 .cajaTexto2 p {
        font-size: 20px;
    }
}
@media only screen and (min-width: 601px) and (max-width:679px) and  (orientation: landscape){
    /*****************************************************************/
    .col-md-6, .col-md-5, .col-md-7, .contenido14 .col-md-5,  .contenido14 .col-md-7,
    .contenido15 .col-md-5,  .contenido15 .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido2 .row {
        width: 82% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 5rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 40px;
        line-height: normal !important;
    }
    .contenido4 .texto .primero, .contenido5 .texto .primero, .contenido6 .texto .primero,
    .contenido7 .texto .primero, .contenido8 .texto .primero, .contenido9 .texto .primero,
    .contenido10 .texto .primero, .contenido14 .texto .primero {
        font-size: 28px;
        line-height: normal !important;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p,
    .contenido8 .texto p, .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p,
    .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
    .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 16px;
    }
    .contenido4 .row {
        height: auto !important;
    }
    .contenido4 .imagen {
        justify-content: center !important;
        margin-bottom: 4rem;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(0);
    }
    .contenido5 .texto {
        padding: 0 6% !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido13 .camaras img {
        width: 120% !important;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2;
    }
    .contenido6 .texto {
        padding: 0 3% !important;
    }
    .contenido6 .texto p {
        padding-right: 0;
    }
    .contenido6 video {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .contenido7 {
        padding: 0 7% 60px!important;
        margin-top: 10%;
    }
    .contenido7 .texto h3{
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0;
        position: initial !important;
    }
    .contenido7 .imagen {
        position: initial !important;
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8, .contenido9, .contenido10, .contenido14 {
        padding-right: 7% !important;
        padding-left: 7% !important;
    }
    .contenido8 .row{
        height: auto !important
    }
    .contenido8 video {
        width: 128% !important;
        margin-left: 0 !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(0%) !important;
    }
    .contenido9 .imagen {
        align-items: center !important;
        margin-bottom: 4rem;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 108% !important;
    }
    .contenido9 .texto {
        padding: 0 !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .row{
        height: auto !important;
    }
    .contenido10 .texto {
        padding: 0;
    }
    .contenido10 .imgWeb.first {
        transform: translateX(0) !important;
    }
    .contenido10 .imagen {
        margin-bottom: 4rem !important;
    }
    .contenido10 .imagen img {
        width: 110% !important;
    }
    .contenido10 .texto p {
        padding-right: 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 100% !important;
    }
    .contenido12{
        background-size: cover;
    }
    .contenido13 {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 !important;
    }
    .contenido13 .tarjetas .row .img img {
        width: 100% !important;
        margin-top: 3rem;
    }
    .contenido13 .otraTarjeta .texto h3, .contenido13 .otraTarjeta .texto p,
    .contenido13 .otraTarjeta .texto .textoNegrita {
        text-align: left;
        padding: 0;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 16px !important;
    }
    .contenido14 .row, .contenido15 .row{
        height: auto !important;
    }
    .contenido14 .imagen, .contenido15 .imagen{
        position: initial;
    } 
    .contenido14 .texto, .contenido15 .texto {
        position: initial;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .contenido15 .texto {
        padding-left: 0 !important;
    }
    .contenido15 .imgWeb.second{
        transform: translateX(0) !important;
    }
    .contenido15 .imagen img {
        width: 90% !important;
    }
    .contenido15 .texto h3 {
        font-size: 40px !important;
        line-height: normal !important;
        text-align: center !important;
        padding: 4rem 15% 0;
    }
    .contenido16 .tarjeta .card .card-body p{
        font-size: 20px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img, .contenido16 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 25px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido5, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 30px 40px;
    }
    /***************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 0px 20px 0px;
    }
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 40px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 40px 80px;
    }
    .contenido2 .tituloInicial h2 {
        margin-bottom: 2rem;
    }
    .contenido2 .row {
        width: 93%;
        padding: 0 0;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 13px;
    }
    .contenido3 .texto .segundo {
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 4rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: 1rem;
        line-height: 38px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto h3 br, .contenido5 .texto h3 br,
    .contenido6 .texto h3 br, .contenido7 .texto h3 br, 
    .contenido8 .texto h3 br, .contenido9 .texto h3 br, 
    .contenido10 .texto h3 br, .contenido14 .texto h3 br {
        display: block;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: center;
        left: 0;
        padding-bottom: 2rem;
    }
    .contenido4 .imagen img{
        width: 70%;
    }
    .contenido4 .texto {
        padding: 0;
    }
    /**********************************************************/
    .contenido5{
        padding-bottom: 30px;
    }
    .contenido5 .texto {
        text-align: left;
        padding: 0;
    }
    .contenido5 .texto h3 {
        padding-right: 20rem;
        text-align: left;
        padding-bottom: 1rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 30px;
        padding-top: 50px;
    }
    .contenido6 .texto {
        padding: 0 !important;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
    }
    .contenido6 video{
        width: 80%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido7 .texto {
        padding: 0 0rem;
    }
    .contenido7 .imagen img {
        width: 115%;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 80%;
        margin: 0;
    }
    .contenido8 video{
        width: 80%;
    }
    .contenido8 .texto {
        padding: 0;
        padding-bottom: 2rem;
        order: -1;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen{
        align-items: center;
    }
    .contenido9 .imagen img {
        margin-left: 0%;
        width: 80%;
        padding-bottom: 2rem;
    }
    /********************************************************/
    .contenido10 .texto {
        padding: 0;
        padding-bottom: 2rem;
    }
    /******************************************************/
    .contenido11 {
        padding-left:  40px;
        padding-right: 40px;
        padding-bottom: 15vh;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 27px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 14px;
    }
    /*********************************************************/
    .contenido12{
        height: 100vh;
    }
    /**********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjeta1 {
        padding: 8vh 2vh;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0;
        padding-right: 0;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem 1rem 0 2rem;
        order: -1;
    }
    /********************************************************/
    .contenido14 {
        padding: 60px 20px;
    }
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .imagen img {
        width: 118%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 4rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    .contenido15 .texto h3 {
        font-size: 24px;
        line-height: 32px;
    }
    /************************************************************/
    .contenido16 {
        padding-left: 4.5%;
        padding-right: 4.5%;
    }
    .contenido16 .tarjeta .card .card-body p {
        font-size: 18px;
        line-height: 26px;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 22px;
    }
}
@media only screen and (min-width: 680px) and (max-width:767px) and  (orientation: landscape){
    /*****************************************************************/
    .col-md-6, .col-md-5, .col-md-7, .contenido14 .col-md-5,  .contenido14 .col-md-7,
    .contenido15 .col-md-5,  .contenido15 .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido2 .row {
        width: 82% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 8rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 40px;
        line-height: normal !important;
    }
    .contenido4 .texto .primero, .contenido5 .texto .primero, .contenido6 .texto .primero,
    .contenido7 .texto .primero, .contenido8 .texto .primero, .contenido9 .texto .primero,
    .contenido10 .texto .primero, .contenido14 .texto .primero {
        font-size: 28px;
        line-height: normal !important;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p,
    .contenido8 .texto p, .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p,
    .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
    .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 16px;
    }
    .contenido4 .row {
        height: auto !important;
    }
    .contenido4 .imagen {
        justify-content: center !important;
        margin-bottom: 4rem;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(0);
    }
    .contenido5 .texto {
        padding: 0 6% !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido13 .camaras img {
        width: 120% !important;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2;
    }
    .contenido6 .texto {
        padding: 0 3% !important;
    }
    .contenido6 .texto p {
        padding-right: 0;
    }
    .contenido6 video {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .contenido7 {
        padding: 0 7% 60px!important;
        margin-top: 10%;
    }
    .contenido7 .texto h3{
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8, .contenido9, .contenido10, .contenido14 {
        padding-right: 7% !important;
        padding-left: 7% !important;
    }
    .contenido8 .row{
        height: auto !important
    }
    .contenido8 video {
        width: 128% !important;
        margin-left: 0 !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(0%) !important;
    }
    .contenido9 .imagen {
        align-items: center !important;
        margin-bottom: 4rem;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 108% !important;
    }
    .contenido9 .texto {
        padding: 0 !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .row{
        height: auto !important;
    }
    .contenido10 .texto {
        padding: 0;
    }
    .contenido10 .imgWeb.first {
        transform: translateX(0) !important;
    }
    .contenido10 .imagen {
        margin-bottom: 4rem !important;
    }
    .contenido10 .imagen img {
        width: 110% !important;
    }
    .contenido10 .texto p {
        padding-right: 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 100% !important;
    }
    .contenido12{
        background-size: cover;
    }
    .contenido13 {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 !important;
    }
    .contenido13 .tarjetas .row .img img {
        width: 100% !important;
        margin-top: 3rem;
    }
    .contenido13 .otraTarjeta .texto h3, .contenido13 .otraTarjeta .texto p,
    .contenido13 .otraTarjeta .texto .textoNegrita {
        text-align: left;
        padding: 0;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 16px !important;
    }
    .contenido14 .row, .contenido15 .row{
        height: auto !important;
    }
    .contenido14 .imagen, .contenido15 .imagen{
        position: initial;
    } 
    .contenido14 .texto, .contenido15 .texto {
        position: initial;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .contenido15 .texto {
        padding-left: 0 !important;
    }
    .contenido15 .imgWeb.second{
        transform: translateX(0) !important;
    }
    .contenido15 .imagen img {
        width: 90% !important;
    }
    .contenido15 .texto h3 {
        font-size: 40px !important;
        line-height: normal !important;
        text-align: center !important;
        padding: 4rem 15% 0;
    }
    .contenido16 .tarjeta .card .card-body p{
        font-size: 20px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img, .contenido16 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 25px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4,.contenido5, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 30px 40px;
    }
    /***************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 0px 20px 0px;
    }
    .contenido1 .imgInicial img {
        width: 80%;
    }
    .contenido1 .titulo h2 {
        font-size: 40px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 40px 80px;
    }
    .contenido2 .tituloInicial h2 {
        margin-bottom: 2rem;
    }
    .contenido2 .row {
        width: 86%;
        padding: 0 0;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 13px;
    }
    .contenido3 .texto .segundo {
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 6.5rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: 1rem;
        line-height: 38px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto h3 br, .contenido5 .texto h3 br,
    .contenido6 .texto h3 br, .contenido7 .texto h3 br, 
    .contenido8 .texto h3 br, .contenido9 .texto h3 br, 
    .contenido10 .texto h3 br, .contenido14 .texto h3 br {
        display: block;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: center;
        left: 0;
        padding-bottom: 2rem;
    }
    .contenido4 .imagen img{
        width: 70%;
    }
    .contenido4 .texto {
        padding: 0;
    }
    /**********************************************************/
    .contenido5{
        padding-bottom: 30px;
    }
    .contenido5 .texto {
        text-align: left;
        padding: 0;
    }
    .contenido5 .texto h3 {
        padding-right: 20rem;
        text-align: left;
        padding-bottom: 1rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 30px;
        padding-top: 50px;
    }
    .contenido6 .texto {
        padding: 0;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
        order:-1;
    }
    .contenido6 video{
        width: 70%;
        margin-top: 0;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 80%;
        margin: 0;
    }
    .contenido8 video{
        width: 80%;
    }
    .contenido8 .texto {
        padding: 0;
        padding-bottom: 2rem;
        order: -1;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0;
    }
    .contenido9 .imagen{
        align-items: center;
    }
    .contenido9 .imagen img {
        margin-left: 0%;
        width: 80%;
        padding-bottom: 2rem;
    }
    /********************************************************/
    .contenido10 .texto {
        padding: 0;
        padding-bottom: 2rem;
    }
    /******************************************************/
    .contenido11 {
        padding-left:  40px;
        padding-right: 40px;
        padding-bottom: 15vh;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 27px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 14px;
    }
    /*********************************************************/
    .contenido12{
        height: 100vh;
    }
    /**********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjeta1 {
        padding: 8vh 2vh;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0;
        padding-right: 0;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem 1rem 0 2rem;
        order: -1;
    }
    /********************************************************/
    .contenido14 .imagen {
        justify-content: center;
    }
    .contenido14 .imagen img {
        width: 118%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 5rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    /************************************************************/
    .contenido16 .tarjeta .card .card-body p {
        font-size: 18px;
        line-height: 26px;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 22px;
    }
/*************************************************************/
}
@media only screen and (min-width: 768px) and (max-width:820px) and  (orientation: landscape){
    /*****************************************************************/
    .col-md-6, .col-md-5, .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido2 .row {
        width: 82% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 8rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 40px;
        line-height: normal !important;
    }
    .contenido4 .texto .primero, .contenido5 .texto .primero, .contenido6 .texto .primero,
    .contenido7 .texto .primero, .contenido8 .texto .primero, .contenido9 .texto .primero,
    .contenido10 .texto .primero, .contenido14 .texto .primero {
        font-size: 28px;
        line-height: normal !important;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p,
    .contenido8 .texto p, .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p,
    .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
    .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 16px;
    }
    .contenido4 .row {
        height: auto !important;
    }
    .contenido4 .imagen {
        justify-content: center !important;
        margin-bottom: 4rem;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(0);
    }
    .contenido5 .texto {
        padding: 0 6% !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido13 .camaras img {
        width: 120% !important;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2;
    }
    .contenido6 .texto {
        padding: 0 3% !important;
    }
    .contenido6 .texto p {
        padding-right: 0;
    }
    .contenido6 video {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .contenido7 {
        padding: 0 7% 60px!important;
        margin-top: -5%;
    }
    .contenido7 .texto h3{
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8, .contenido9, .contenido10, .contenido14 {
        padding-right: 7% !important;
        padding-left: 7% !important;
    }
    .contenido8 .row{
        height: auto !important
    }
    .contenido8 video {
        width: 128% !important;
        margin-left: 0 !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(0%) !important;
    }
    .contenido9 .imagen {
        align-items: center !important;
        margin-bottom: 4rem;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 108% !important;
    }
    .contenido9 .texto {
        padding: 0 !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .row{
        height: auto !important;
    }
    .contenido10 .texto {
        padding: 0;
    }
    .contenido10 .imgWeb.first {
        transform: translateX(0) !important;
    }
    .contenido10 .imagen {
        margin-bottom: 4rem !important;
    }
    .contenido10 .imagen img {
        width: 110% !important;
    }
    .contenido10 .texto p {
        padding-right: 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 100% !important;
    }
    .contenido12{
        background-size: cover;
    }
    .contenido13 {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 !important;
    }
    .contenido13 .tarjetas .row .img img {
        width: 100% !important;
        margin-top: 3rem;
    }
    .contenido13 .otraTarjeta .texto h3, .contenido13 .otraTarjeta .texto p,
    .contenido13 .otraTarjeta .texto .textoNegrita {
        text-align: left;
        padding: 0;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 16px !important;
    }
    .contenido14 .row, .contenido15 .row{
        height: auto !important;
    }
    .contenido14 .imagen, .contenido15 .imagen{
        position: initial;
    } 
    .contenido14 .texto, .contenido15 .texto {
        position: initial;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .contenido15 .texto {
        padding-left: 0 !important;
    }
    .contenido15 .imgWeb.second{
        transform: translateX(0) !important;
    }
    .contenido15 .texto h3 {
        font-size: 45px !important;
        line-height: normal !important;
        text-align: center !important;
        padding: 4rem 15% 0;
    }
    .contenido16 .tarjeta .card .card-body p{
        font-size: 20px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img, .contenido16 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 25px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 80px 20px;
    }
    /***************************************************/
    .contenido1 .titulo h2 {
        padding: 11rem 0px 20px 0px;
    }
    .contenido1 .imgInicial img {
        width: 80%;
    }
    .contenido1 .titulo h2 {
        font-size: 50px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 80px 80px;
    }
    .contenido2 .tituloInicial h2 {
        margin-bottom: 2rem;
    }
    .contenido2 .row {
        width: 83%;
        padding: 0 0;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 13px;
    }
    .contenido3 .texto .segundo {
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 10.5rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: .5rem;
        line-height: 38px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: flex-end;
        left: 1rem;
    }
    .contenido4 .imagen img{
        width: 110%;
    }
    .contenido4 .texto {
        padding-left: 1rem;
    }
    /**********************************************************/
    .contenido5 {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .contenido5 .texto {
        padding: 0 9rem;
    }
    .contenido5 .texto h3 {
        padding-bottom: 3rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 50px;
        padding-top: 120px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video{
        width: 126%;
        margin-top: -2.5rem;
    }
    /******************************************************/
    .contenido8{
        padding-bottom: 50px;
    }
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 140%;
        margin-left: 15%;
        z-index: -1;
        margin-top: 0;
    }
    .contenido8 .texto {
        padding-right: 2rem;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0 0 0 5.5rem;
    }
    .contenido9 .imagen{
        align-items: flex-end;
    }
    .contenido9 .imagen img {
        margin-left: 17%;
        width: 130%;
    }
    /********************************************************/
    .contenido10 .texto {
        padding: 0px 0rem 0 1rem;
    }
    /******************************************************/
    .contenido11 {
        padding-left:  60px;
        padding-right: 60px;
        padding-bottom: 25vh;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 30px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 15px;
    }
    /*********************************************************/
    .contenido12{
        height: 100vh;
    }
    /**********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjeta1 {
        padding: 8vh 2vh;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0;
        padding-right: 0;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem 1rem 0 2rem;
        order: -1;
    }
    /********************************************************/
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 6rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    /************************************************************/
    .contenido16 .tarjeta .card .card-body p {
        font-size: 22px;
        line-height: 32px;
    }
}

/****************************  LANDSCAPE DISPOSITIVO MOVIL TABLET     ************************************/
@media only screen and (min-width: 821px) and (max-width:991px) and  (orientation: landscape){
    /*****************************************************************/
    .col-md-6, .col-md-5, .col-md-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contenido2 .row {
        width: 82% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 8rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 40px;
        line-height: normal !important;
    }
    .contenido4 .texto .primero, .contenido5 .texto .primero, .contenido6 .texto .primero,
    .contenido7 .texto .primero, .contenido8 .texto .primero, .contenido9 .texto .primero,
    .contenido10 .texto .primero, .contenido14 .texto .primero {
        font-size: 28px;
        line-height: normal !important;
    }
    .contenido4 .texto p, .contenido5 .texto p, .contenido6 .texto p, .contenido7 .texto p,
    .contenido8 .texto p, .contenido9 .texto p, .contenido10 .texto p, .contenido14 .texto p,
    .contenido4 .texto a, .contenido5 .texto a, .contenido6 .texto a, .contenido7 .texto a,
    .contenido8 .texto a, .contenido9 .texto a, .contenido10 .texto a, .contenido14 .texto a {
        font-size: 16px;
    }
    .contenido4 .row {
        height: auto !important;
    }
    .contenido4 .imagen {
        justify-content: center !important;
        margin-bottom: 4rem;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(0);
    }
    .contenido5 .texto {
        padding: 0 6% !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido13 .camaras img {
        width: 120% !important;
    }
    .contenido6 .VideoIntersectionPlay {
        order: 2;
    }
    .contenido6 .texto {
        padding: 0 3% !important;
    }
    .contenido6 .texto p {
        padding-right: 0;
    }
    .contenido6 video {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .contenido7 {
        padding: 0 7% 60px!important;
        margin-top: -5%;
    }
    .contenido7 .texto h3{
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 100% !important;
    }
    .contenido8, .contenido9, .contenido10, .contenido14 {
        padding-right: 7% !important;
        padding-left: 7% !important;
    }
    .contenido8 .row{
        height: auto !important
    }
    .contenido8 video {
        width: 128% !important;
        margin-left: 0 !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
        padding-right: 0 !important;
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(0%) !important;
    }
    .contenido9 .imagen {
        align-items: center !important;
        margin-bottom: 4rem;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 108% !important;
    }
    .contenido9 .texto {
        padding: 0 !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .row{
        height: auto !important;
    }
    .contenido10 .texto {
        padding: 0;
    }
    .contenido10 .imgWeb.first {
        transform: translateX(0) !important;
    }
    .contenido10 .imagen {
        margin-bottom: 4rem !important;
    }
    .contenido10 .imagen img {
        width: 110% !important;
    }
    .contenido10 .texto p {
        padding-right: 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 100% !important;
    }
    .contenido12{
        background-size: cover;
    }
    .contenido13 {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 !important;
    }
    .contenido13 .tarjetas .row .img img {
        width: 100% !important;
        margin-top: 3rem;
    }
    .contenido13 .otraTarjeta .texto h3, .contenido13 .otraTarjeta .texto p,
    .contenido13 .otraTarjeta .texto .textoNegrita {
        text-align: left;
        padding: 0;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido13 .tarjetas .row .texto p {
        font-size: 16px !important;
    }
    .contenido14 .row, .contenido15 .row{
        height: auto !important;
    }
    .contenido14 .imagen, .contenido15 .imagen{
        position: initial;
    } 
    .contenido14 .texto, .contenido15 .texto {
        position: initial;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .contenido15 .texto {
        padding-left: 0 !important;
    }
    .contenido15 .imgWeb.second{
        transform: translateX(0) !important;
    }
    .contenido15 .texto h3 {
        font-size: 45px !important;
        line-height: normal !important;
        text-align: center !important;
        padding: 4rem 15% 0;
    }
    .contenido16 .tarjeta .card .card-body p{
        font-size: 20px !important;
        line-height: normal !important;
    }
    .contenido16 .tarjeta .card .imgCard img, .contenido16 .tarjeta .card .imgCard {
        height: auto;
    }
    .contenido17 .cajaTexto2 p {
        font-size: 25px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 80px 40px;
    }
    /***************************************************/
    .contenido1 .imgInicial img {
        width: 90%;
    }
    .contenido1 .titulo h2 {
        font-size: 50px;
        padding-top: 11rem;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 100px 80px;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 32px;
        margin-bottom: 2rem;
    }
    .contenido2 .texto p {
        font-size: 22px;
    }
    .contenido2 .row {
        width: 100%;
        padding: 0 2vh;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 18px;
    }
    .contenido3 .texto .segundo {
        font-size: 35px;
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 7rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: .5rem;
        line-height: 38px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: flex-end;
        left: 1rem;
    }
    .contenido4 .imagen img{
        width: 115%;
    }
    .contenido4 .texto {
        padding-left: 1rem;
    }
    /**********************************************************/
    .contenido5 {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .contenido5 .texto {
        padding: 0 11rem;
    }
    .contenido5 .texto h3 {
        padding-bottom: 3rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 80px;
        padding-top: 200px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video{
        width: 126%;
        margin-top: -2.5rem;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 150%;
        margin-left: 18%;
        z-index: -1;
        margin-top: 0;
    }
    .contenido8 .texto {
        padding-right: 2rem;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0 0 0 7.5rem;
    }
    .contenido9 .imagen{
        align-items: flex-end;
    }
    .contenido9 .imagen img {
        margin-left: 10%;
        width: 142%;
    }
    /******************************************************/
    .contenido11 {
        padding-left:  80px;
        padding-right: 80px;
    }
    .contenido11 .row {
        width: 100%;
    }
    .contenido11 .texto p {
        font-size: 30px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 15px;
    }
    /*********************************************************/
    .contenido12{
        height: 90vh;
    }
    /**********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjeta1 {
        padding: 8vh 2vh;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 0;
        padding-right: 0;
    }
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 2rem 0;
    }
    .contenido13 .tarjetas .row .texto.uno {
        padding-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem 1rem 0 2rem;
        order: -1;
    }
    /********************************************************/
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 8rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    /************************************************************/
    .contenido16 .tarjeta .card .card-body p {
        font-size: 22px;
        line-height: 32px;
    }
}
@media only screen and (min-width: 992px) and (max-width:1150px) and  (orientation: landscape){
        /*****************************************************************/
    .contenido2 .row {
        width: 61% !important;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 13rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 36px;
        line-height: normal !important;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(32%);
    }
    .contenido5 .texto {
        padding: 0 20rem !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0 12rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 85% !important;
    }
    .contenido8 video {
        width: 172% !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 0 !important; 
    }
    .contenido8 .VideoIntersectionPlay{
        top: -5%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 100% !important;
    }
    .contenido9 .texto {
        padding: 0 0 0 4rem !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .texto {
        padding: 0 1.5rem 0 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 91% !important;
    }
    .contenido13 {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 0rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido14 .texto {
        padding-left: 0% !important;
        padding-right: 5% !important;
    }
    .contenido15 .texto {
        padding-left: 4rem !important;
    }
    .contenido16 .tarjeta .card .card-body p, .contenido17 .cajaTexto2 p {
        font-size: 22px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 80px 60px;
    }
    /***************************************************/
    .contenido1 .imgInicial img {
        width: 75%;
    }
    .contenido1 .titulo h2 {
        font-size: 50px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 100px 80px;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 32px;
        margin-bottom: 2rem;
    }
    .contenido2 .texto p {
        font-size: 22px;
    }
    .contenido2 .row {
        width: 80%;
        padding: 0 3vh;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 18px;
    }
    .contenido3 .texto .segundo {
        font-size: 35px;
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 12rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: 1rem;
        line-height: 48px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: flex-end;
        left: 1rem;
    }
    .contenido4 .imagen img{
        width: 115%;
    }
    .contenido4 .texto {
        padding-left: 2rem;
    }
    /**********************************************************/
    .contenido5 {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .contenido5 .texto {
        padding: 0 15.5rem;
    }
    .contenido5 .texto h3 {
        padding-bottom: 3rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 100px;
        padding-top: 160px;
    }
    .contenido6 .texto {
        padding-top: 40px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video{
        width: 126%;
        margin-top: -2.5rem;
    }
    /******************************************************/
    .contenido8 .VideoIntersectionPlay {
        width: 100%;
        margin: 0;
    }
    .contenido8 video{
        width: 150%;
        margin-left: 20%;
        z-index: -1;
        margin-top: 0;
    }
    .contenido8 .texto {
        padding-right: 2rem;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0 0 0 7.5rem;
    }
    .contenido9 .imagen{
        align-items: flex-end;
    }
    .contenido9 .imagen img {
        margin-left: 10%;
        width: 142%;
    }
    /******************************************************/
    .contenido11 .row {
        width: 98%;
    }
    .contenido11 .texto p {
        font-size: 35px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 18px;
    }
    /*********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .contenido13 .tarjetas .row .texto {
        padding: 1rem 1rem 0 0rem;
    }
    /********************************************************/
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /***************************************************************/
    .contenido15 .texto {
        padding-left: 8rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    /************************************************************/
    .contenido16 .tarjeta .card .card-body p {
        font-size: 25px;
        line-height: 32px;
    }
}

/****************************  LANDSCAPE DISPOSITIVO MOVIL LAPTOP     ************************************/
@media only screen and (min-width: 1151px) and (max-width:1199px) and  (orientation: landscape){
    /*****************************************************************/
    .contenido2 .row {
        width: 53.5%;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 16rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 39px;
        line-height: normal !important;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(32%);
    }
    .contenido5 .texto {
        padding: 0 21.5rem !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0 12rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 85% !important;
    }
    .contenido8 video {
        width: 172% !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 2%;
    }
    .contenido8 .VideoIntersectionPlay{
        top: 7%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 100% !important;
    }
    .contenido9 .texto {
        padding: 0 0 0 4rem !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .texto {
        padding: 0 1.5rem 0 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 79% !important;
    }
    .contenido13 {
        padding-right: 150px !important;
        padding-left: 150px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 0rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido14 .texto {
        padding-left: 0% !important;
        padding-right: 5% !important;
    }
    .contenido16 .tarjeta .card .card-body p, .contenido17 .cajaTexto2 p {
        font-size: 23px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido3, .contenido4, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 80px 80px;
    }
    /***************************************************/
    .contenido1 .imgInicial img {
        width: 75%;
    }
    .contenido1 .titulo h2 {
        font-size: 50px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 100px 80px;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 32px;
        margin-bottom: 2rem;
    }
    .contenido2 .texto p {
        font-size: 22px;
    }
    .contenido2 .row {
        padding: 0 5rem;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 {
        padding-top: 0px;
    }
    .contenido3 .texto .primero {
        font-size: 18px;
    }
    .contenido3 .texto .segundo {
        font-size: 35px;
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 14rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: 1rem;
        line-height: 48px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: flex-end;
        left: 1rem;
    }
    .contenido4 .imagen img{
        width: 115%;
    }
    .contenido4 .texto {
        padding-left: 4rem;
    }
    .contenido4 .texto {
        padding-left: 3rem;
    }
    /**********************************************************/
    .contenido5 {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .contenido5 .texto {
        padding: 0 15.5rem;
    }
    .contenido5 .texto h3 {
        padding-bottom: 3rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 120px;
        padding-top: 160px;
    }
    .contenido6 .texto {
        padding-top: 80px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video {
        width: 120%;
        margin-top: 0rem;
    }    
    /******************************************************/
    .contenido8 video {
        width: 140%;
    }
    .contenido8 .VideoIntersectionPlay {
        align-items: center;
        margin-left: 5rem;
        margin-top: 0;
    }
    .contenido8 .imagen {
        justify-content: flex-start;
    }
    .contenido8 .imagen img {
        margin-left: -5%;
        width: 120%;
    }
    .contenido8 .texto {
        padding-right: 2rem;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0 0 0 11rem;
    }
    .contenido9 .imagen{
        align-items: flex-end;
    }
    .contenido9 .imagen img {
        margin-left: 10%;
        width: 142%;
    }
    /******************************************************/
    .contenido11 .texto p {
        font-size: 35px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 18px;
    }
    /*********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    /********************************************************/
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    .contenido15{
        padding-bottom: 0;
    }
    /************************************************************/
    .contenido16 .tarjeta .card .card-body p {
        font-size: 28px;
        line-height: 32px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1360px) and  (orientation: landscape){
    /*****************************************************************/
    .contenido2 .row {
        width: 50.5%;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 18rem !important;
    }
    .contenido4 .row > div {
        flex-wrap: initial;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
        top: 5%;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 39px;
        line-height: normal !important;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(32%);
    }
    .contenido5 .texto {
        padding: 0 22.5rem !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0 12rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 85% !important;
    }
    .contenido8 video {
        width: 172% !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 2%;
    }
    .contenido8 .VideoIntersectionPlay{
        top: 7%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 100% !important;
    }
    .contenido9 .texto {
        padding: 0 0 0 4rem !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .texto {
        padding: 0 1.5rem 0 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 79% !important;
    }
    .contenido13 {
        padding-right: 150px !important;
        padding-left: 150px !important;
    }
    .contenido13 .tarjetas .row .texto h3 {
        font-size: 32px;
        line-height: normal;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 0rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 75% !important;
    }
    .contenido14 .texto {
        padding-left: 0% !important;
        padding-right: 13% !important;
    }
    .contenido16 .tarjeta .card .card-body p, .contenido17 .cajaTexto2 p {
        font-size: 23px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido4, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 80px 80px;
    }
    /***************************************************/
    .contenido1 .imgInicial img {
        width: 75%;
    }
    .contenido1 .titulo h2 {
        font-size: 50px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 100px 80px;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 32px;
        margin-bottom: 2rem;
    }
    .contenido2 .texto p {
        font-size: 22px;
    }
    .contenido2 .row {
        padding: 0 5rem;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 .texto .primero {
        font-size: 18px;
    }
    .contenido3 .texto .segundo {
        font-size: 35px;
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 16rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: 1rem;
        line-height: 48px;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    .contenido4 .texto .primero, .contenido14 .texto .primero {
        padding-bottom: 0;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: flex-end;
        left: 1rem;
    }
    .contenido4 .imagen img{
        width: 115%;
    }
    .contenido4 .texto {
        padding-left: 4rem;
    }
    .contenido4 .texto {
        padding-left: 3rem;
    }
    /**********************************************************/
    .contenido5 {
        padding-top: 30px;
        padding-bottom: 150px;
    }
    .contenido5 .texto {
        padding: 0 15.5rem;
    }
    .contenido5 .texto h3 {
        padding-bottom: 3rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /*******************************************************/
    .contenido6 {
        padding-bottom: 120px;
        padding-top: 160px;
    }
    .contenido6 .texto {
        padding-top: 60px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video {
        width: 120%;
        margin-top: -2rem;
    }    
    /******************************************************/
    .contenido8 video {
        width: 140%;
    }
    .contenido8 .VideoIntersectionPlay {
        align-items: center;
        margin-left: 5rem;
        margin-top: 0;
    }
    .contenido8 .imagen {
        justify-content: flex-start;
    }
    .contenido8 .imagen img {
        margin-left: -5%;
        width: 120%;
    }
    .contenido8 .texto {
        padding-right: 2rem;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0 0 0 11rem;
    }
    .contenido9 .imagen{
        align-items: flex-end;
    }
    .contenido9 .imagen img {
        margin-left: 10%;
        width: 142%;
    }
    /******************************************************/
    .contenido11 .row {
        width: 78%;
    }
    .contenido11 .texto p {
        font-size: 35px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 18px;
    }
    /*********************************************************/
    .contenido13 {
        padding-bottom: 0;
    }
    .contenido13 .tarjetas .row .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    /********************************************************/
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
    /************************************************************/
    .contenido15{    
        padding-bottom: 0;
    }
    /************************************************************/
    .contenido16 .tarjeta .card .card-body p {
        font-size: 25px;
        line-height: 32px;
    }
}
/****************************  LANDSCAPE DISPOSITIVO PC ESCRITORIO     ***********************************/
@media only screen and (min-width: 1361px) and (max-width:1799px) and  (orientation: landscape){
    /*****************************************************************/
    .contenido2 .row {
        width: 43.5%;
        padding: 0 !important;
    }
    .contenido2 .texto p {
        padding-bottom: 0.5rem !important;
    }
    .contenido3 .texto {
        padding: 0 19rem !important;
    }
    .contenido4 .imagen{
        justify-content: flex-start !important;
    }
    .contenido4 .imagen img{
        width: 90% !important;
    }
    .contenido4 .texto h3, .contenido5 .texto h3, .contenido6 .texto h3, 
    .contenido7 .texto h3, .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        font-size: 45px;
        line-height: normal;
    }
    .contenido4 .imgWeb.second {
        transform: translateX(32%);
    }
    .contenido5 .texto {
        padding: 0 28rem !important;
    }
    .contenido5 .texto h3 {
        padding-bottom: 1.5rem !important;
    }
    .contenido7 .texto {
        padding: 0 14rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido7 .imagen img {
        width: 85% !important;
    }
    .contenido8 video {
        width: 172% !important;
    }
    .contenido8 .texto .primero {
        line-height: 32px !important;
        padding: 0 0rem 1rem 0 !important;
    }
    .contenido8 .texto{
        padding-left: 2%;
    }
    .contenido8 .VideoIntersectionPlay{
        top: 7%;
    }
    .contenido9 .imagen {
        align-items: center !important;
    }
    .contenido9 .imagen img {
        margin-left: 0% !important;
        width: 100% !important;
    }
    .contenido9 .texto {
        padding: 0 0 0 4rem !important;
    }
    .contenido9 .imgWeb.second {
        transform: translateX(35%);
    }
    .contenido10 .texto {
        padding: 0 1.5rem 0 0;
    }
    .contenido11 .texto p {
        line-height: normal;
    }
    .contenido11 .row {
        width: 79%;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        padding: 1rem 2rem 0 0rem !important;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .contenido13 .otraTarjeta .img img {
        width: 65% !important;
    }
    .contenido14 .texto {
        padding-left: 0% !important;
        padding-right: 13% !important;
    }
    .contenido16 .tarjeta .card .card-body p, .contenido17 .cajaTexto2 p {
        font-size: 26px !important;
        line-height: normal !important;
    }
    /**************************************************************/
    .contenido4, .contenido6, .contenido8, .contenido9, .contenido10 {
        padding: 80px 100px;
    }
    /***************************************************/
    .contenido1 .imgInicial img {
        width: 75%;
    }
    .contenido1 .titulo h2 {
        font-size: 60px;
    }
    /***************************************************/
    .contenido2 {
        padding: 100px 100px 80px;
    }
    .contenido2 .tituloInicial h2 {
        font-size: 32px;
    }
    .contenido2 .texto p {
        font-size: 22px;
    }
    .contenido2 .row {
        padding: 0 13vh;
    }
    .contenido2 .texto br{
        display: none;
    }
    /****************************************************/
    .contenido3 .texto .primero {
        font-size: 20px;
    }
    .contenido3 .texto .segundo {
        font-size: 41px;
        line-height: initial;
    }
    .contenido3 .texto {
        padding: 0 17rem;
    }
    /******************************************************/
    .contenido4 .texto h3,
    .contenido6 .texto h3, .contenido7 .texto h3, 
    .contenido8 .texto h3, .contenido9 .texto h3,
    .contenido10 .texto h3, .contenido14 .texto h3 {
        padding-bottom: 1rem;
    }
    .contenido4 .texto br, .contenido5 .texto br,
    .contenido6 .texto br, .contenido7 .texto br, 
    .contenido8 .texto br, .contenido9 .texto br, 
    .contenido10 .texto br, .contenido14 .texto br {
        display: none;
    }
    /*********************************************************/
    .contenido4 .imagen{
        justify-content: flex-end;
        left: 1rem;
    }
    .contenido4 .imagen img{
        width: 115%;
    }
    .contenido4 .texto {
        padding-left: 4rem;
    }
    /**********************************************************/
    .contenido5 {
        padding-top: 30px;
        padding-bottom: 150px;
    }
    .contenido5 .texto {
        padding: 0 15.5rem;
    }
    .contenido5 .texto h3 {
        padding-bottom: 3rem;
    }
    .contenido5 .texto h3 br{
        display: block;
    }
    /**********************************************************/
    .contenido6 {
        padding-bottom: 120px;
        padding-top: 80px;
    }
    .contenido6 .VideoIntersectionPlay{
        display: flex;
        justify-content: center;
    }
    .contenido6 video {
        width: 120%;
        margin-top: -6rem;
    }    
    /**********************************************************/
    .contenido8 video {
        width: 146%;
    }
    .contenido8 .VideoIntersectionPlay {
        margin-left: 5rem;
        margin-top: -4rem;
    }
    .contenido8 .imagen {
        justify-content: flex-start;
    }
    .contenido8 .imagen img {
        margin-left: -5%;
        width: 120%;
    }
    .contenido8 .texto {
        padding-right: 2rem;
        padding-top: 0;
    }
    /*******************************************************/
    .contenido9 .texto {
        padding: 0 0 0 11rem;
    }
    .contenido9 .imagen{
        align-items: flex-end;
    }
    .contenido9 .imagen img {
        margin-left: 10%;
        width: 142%;
    }
    /******************************************************/
    .contenido11 .texto p {
        font-size: 40px;
        padding-bottom: 1rem;
    }
    .contenido11 .tituloInicial h2 {
        font-size: 20px;
    }
    /********************************************************/
    .contenido14 .imagen img {
        width: 100%;
    }
    .contenido14 .texto a{
        padding-bottom: 1rem;
    }
}
@media only screen and (min-width: 1800px) and (max-width:1899px) and  (orientation: landscape){
   .contenido8 .VideoIntersectionPlay {
        z-index: -1;
        margin-left: 4rem; 
   }
}
@media only screen and (min-width: 1900px) and (max-width:2299px) and  (orientation: landscape){
    .contenido8 .texto {
        padding-top: 0;
    }
    /*****************************************************/
    .contenido13 .tarjetas.tarjeta1 {
        width: 1384px;
        height: 900px;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        width: 594px;
        height: 541px;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img {
        justify-content: center;
    }
    .contenido13 .tarjetas.tarjeta1 .row .texto {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 4rem 0 0;
        margin-top: -2.5rem;
    }
    .contenido13 .tarjeta1 {
        padding-top: 7vh;
    }
    /***************************************************/
    .contenido13 .tarjetas.otraTarjeta {
        width: 1384px;
        height: 1030px;
    }
    .contenido13 .tarjetas.otraTarjeta .row .img img {
        width: auto !important;
        height: auto;
    }
    .contenido13 .tarjetas.otraTarjeta h2 {
        padding: 0vh 0vh 1rem;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 17rem;
        padding-right: 17rem;
    }
    .contenido13 .tarjetas.otraTarjeta .row .texto .textoNegrita {
        margin-bottom: -.5rem;
    }
}
@media only screen and (min-width: 2300px) and (max-width:2599px) and  (orientation: landscape){
   .contenido1 .imgInicial img{
        width: 70%;
    }
    /*****************************************************************/
    .contenido2 .row {
        width: 40%;
    }
    .contenido5 .texto {
        padding: 0 58.5rem;
    }
    .contenido5 {
        padding-left: 0 !important;
    }
    .contenido7 .texto {
        padding: 0px 41.5rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido11 .row {
        width: 62%;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        width: 80%;
        margin-left: 12%;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 16rem !important;
        padding-right: 15rem !important;
    }
    .contenido13 .tarjetas.otraTarjeta .row .texto p {
        text-align: center;
    }
    .contenido14 {
        padding: 120px 0;
    }
    .contenido14 .imagen img {
        width: 80%;
        margin-left: 10%;
    }
    .contenido16 .tarjeta .card .card-body p, .contenido17 .cajaTexto2 p {
        font-size: 46px;
        line-height: normal;
    }
    /*****************************************************************/
    .contenido6 {
        padding-top: 120px;
        padding-bottom: 150px;
    }
    .contenido6 .texto {
        padding-top: 140px;
    }
    .contenido6 video, .contenido8 video  {
        margin-top: 0rem;
    }
    /****************************************************************/
    .contenido13 .otraTarjeta .texto p {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    /******************************************************************/
    .contenido14 .imagen {
        justify-content: flex-start;
    }
}
@media only screen and (min-width: 2600px) and (max-width:3599px) and  (orientation: landscape){
    .contenido1 .imgInicial img{
        width: 65%;
    }
    /***************************************************************/
    .contenido3 .texto {
        padding: 0px 30rem;
    }
    /*****************************************************************/
    .contenido5 .texto {
        padding: 0 59.5rem;
    }
    .contenido5 {
        padding-left: 0 !important;
    }
    .contenido7 .texto {
        padding: 0px 42.5rem;
    }
    .contenido7 .imagen {
        padding: 8% 0% 0;
    }
    .contenido11 .row {
        width: 62%;
    }
    .contenido13 .tarjetas.tarjeta1 .row .img img {
        width: 80%;
        margin-left: 12%;
    }
    .contenido13 .otraTarjeta .texto p {
        padding-left: 16rem !important;
        padding-right: 15rem !important;
    }
    .contenido13 .tarjetas.otraTarjeta .row .texto p {
        text-align: center;
    }
    .contenido14 {
        padding: 120px 0;
    }
    .contenido14 .imagen img {
        width: 80%;
        margin-left: 10%;
    }
    .contenido16 .tarjeta .card .card-body p, .contenido17 .cajaTexto2 p {
        font-size: 46px;
        line-height: normal;
    }
    /*******************************************************************/
    .contenido6 {
        padding-top: 120px;
        padding-bottom: 150px;
    }
    .contenido6 .texto {
        padding-top: 90px;
    }
    .contenido6 video{
        margin-top: -2rem;
    }
    .contenido8 video  {
        margin-top: 0rem;
    }
    /***************************************************************/
    .contenido13 .tarjetas .row .texto.dos {
        padding: 2rem 21rem;
    }
    /******************************************************************/
    .contenido14 .imagen {
        justify-content: flex-start;
    }
}