.bg-container-index {
    width: 100vw;
    padding: 20px 0px;
    position: relative;
    background-color: #103444;
}

.p_zm_inter {
    font-size: 20px;
}

.text_justify {
    text-align: justify;
}

.lato_normal {
    font-family: 'Lato', sans-serif;
}

.lato_black {
    font-family: 'Lato Black', sans-serif;
}

.font_bold {
    font-weight: bold;
}

.font_italic {
    font-style: italic;
}

.color_white {
    color: #fff !important;
}

.shadow {
    -webkit-box-shadow: 2px 7px 34px -4px rgba(0, 0, 0, 0.56);
    -moz-box-shadow: 2px 7px 34px -4px rgba(0, 0, 0, 0.56);
    box-shadow: 2px 7px 34px -4px rgba(0, 0, 0, 0.56);
}

.shadow_min {
    -webkit-box-shadow: 2px 7px 34px -21px rgba(0, 0, 0, 0.56);
    -moz-box-shadow: 2px 7px 34px -21px rgba(0, 0, 0, 0.56);
    box-shadow: 2px 7px 34px -21px rgba(0, 0, 0, 0.56);
}
/*.pestaña_CCI_select:hover {
    background-color: #fff;
    color: #6E7E8B;
}*/
.pestaña_CCI_unselected:hover {
    background-color: #0F2A3D;
    color: #fff;
    transition: all 0.5s linear;
}

.contenedor_de_video{
    width: 70%;
     display: inline-block;
}
.div_video{
    width:100%; 
    height: 390px; 
}
.youtube_video {
    height: 130%;
    width: 100%;
    display: inline-block;
    margin-top: -14%;
}

/*.pestaña_CCI_unselected:hover ~ .pestaña_CCI_unselected {
    background-color: #fff;
    color: #6E7E8B;
    transition: all 0.5s linear;
}*/
@media (min-width: 1850px) and (max-width: 1920px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 27%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 40px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 10%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 20px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 11%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 23px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 11%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 23px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 23px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 23px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 70%; 
        margin-left: 15%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 18px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 35px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 45px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 80%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 20px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 16px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 80%; 
        margin-left: 10%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 360px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1800px) and (max-width: 1849px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 27%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 40px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 10%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 20px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 11%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 23px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 11%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 23px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 23px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 23px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 70%; 
        margin-left: 15%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 18px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 35px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 45px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 80%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 20px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 16px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 80%; 
        margin-left: 10%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 360px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1750px) and (max-width: 1799px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 27%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 40px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 10%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 20px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 11%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 23px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 11%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 23px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 23px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 23px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 70%; 
        margin-left: 15%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 18px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 700px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 45px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 45px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 16px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 80%; 
        margin-left: 10%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 40px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 340px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1700px) and (max-width: 1749px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 28%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 40px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 20px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 11%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 24px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 13%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 24px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 21px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 21px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 70%; 
        margin-left: 15%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 20px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 45px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 45px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 16px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 80%; 
        margin-left: 10%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 40px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 340px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1650px) and (max-width: 1699px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 37px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 19px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 35px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 25px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 22px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 22px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 92%; 
        margin-left: 4%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 20px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 45px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 45px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 16px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 40px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 340px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1600px) and (max-width: 1649px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 37px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 19px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 35px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 25px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 22px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 22px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 92%; 
        margin-left: 4%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 20px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 45px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 45px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 16px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 40px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 340px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1550px) and (max-width: 1599px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 35px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 18px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 25px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 22px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 22px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 92%; 
        margin-left: 4%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 20px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 650px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 23px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 43px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 43px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 22px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 14px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 40px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 320px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1500px) and (max-width: 1549px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 90%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 90%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 40px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 35px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 18px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 23px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 23px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 20px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 20px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 240px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 92%; 
        margin-left: 4%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 600px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 600px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 17px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 600px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 600px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 40px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 38px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 22px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 14px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 36px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 320px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1450px) and (max-width: 1499px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 88%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 88%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 37px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 32px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 16px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 23px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 23px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 20px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 20px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 190px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 92%; 
        margin-left: 4%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 17px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 38px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 36px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 21px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 36px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 320px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -14%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1400px) and (max-width: 1449px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 88%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 88%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 37px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 32px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 16px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 23px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 23px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 20px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 20px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 190px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 92%; 
        margin-left: 4%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 17px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 100px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 38px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 36px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 21px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 15px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 30px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 36px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 330px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -12%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1350px) and (max-width: 1399px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 86%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 88%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 35px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 30px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 90px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 15px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 28px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 21px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 21px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 19px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 19px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 190px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 94%; 
        margin-left: 3%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 16px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 570px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 80px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 38px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 36px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 21px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 34px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 50px; 
        border-radius: 10px;
        border: 0;
        margin-top: 20px;
        font-size: 20px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 320px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -12%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1300px) and (max-width: 1349px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 82%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 82%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 33px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 30px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 80px;
    }
    .por_que_el_potzmi_right_container{
        width: 70%; 
        margin-right: 20%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 15px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 27px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 21px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 21px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 19px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 50px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 19px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 190px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 94%; 
        margin-left: 3%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 530px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 530px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 16px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 530px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 30px 30px 30px 30px; 
        height: 530px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 80px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 35px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 33px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 50px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 21px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 34px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 14%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 40px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 18px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
         margin-top: -500px;
    }
    .div_video{
        width:100%; 
        height: 300px; 
    }
    .youtube_video {
        height: 130%;
        width: 100%;
        display: inline-block;
        margin-top: -12%;
    }
    
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1250px) and (max-width: 1299px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 80%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 82%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 31px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 50px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 28px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 50px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 50px;
    }
    .por_que_el_potzmi_right_container{
        width: 75%; 
        margin-right: 15%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 15px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 27px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 21px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 21px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 45px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 18px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 45px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 18px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 190px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 94%; 
        margin-left: 3%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 530px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 530px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 16px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 530px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 530px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 20px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 80px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 31px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 30px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 20px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 12px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 34px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 17%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 40px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 18px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 410px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1200px) and (max-width: 1249px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 15%; 
        margin-left: 180px;
    }
    .logo_potzmi_pv_bb_image{
        width: 75%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 180px;
    }
    .pv_bb_bottom_image{
        width: 80%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 20%; 
        margin-left: 180px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 31px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 50px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 28px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 50px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 60px; 
        margin-bottom: 50px;
    }
    .por_que_el_potzmi_right_container{
        width: 75%; 
        margin-right: 15%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 15px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 50px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 20px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 42px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 17px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 42px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 17px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 160px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 94%; 
        margin-left: 3%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 74%; 
        margin-left: 14%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 510px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 18px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 510px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 18px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 15px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 510px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 18px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 10%; 
        margin-right: 10%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 510px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 18px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 31px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 30px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 20px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 12px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 90px;
        margin-top: 50px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 34px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 17%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 40px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 18px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 390px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1150px) and (max-width: 1199px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 120px;
    }
    .logo_potzmi_pv_bb_image{
        width: 75%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 26%; 
        margin-left: 120px;
    }
    .pv_bb_bottom_image{
        width: 80%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 17%; 
        margin-left: 120px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 31px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 26px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 80%; 
        margin-right: 10%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 14px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 19px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 19px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 42px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 17px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 42px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 17px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 160px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 78%; 
        margin-left: 12%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 14px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 31px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 30px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 19px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 11px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 34px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 17%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 40px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 18px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 370px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1100px) and (max-width: 1149px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 120px;
    }
    .logo_potzmi_pv_bb_image{
        width: 70%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 26%; 
        margin-left: 120px;
    }
    .pv_bb_bottom_image{
        width: 75%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 17%; 
        margin-left: 120px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 29px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 25px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 80%; 
        margin-right: 10%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 14px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 19px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 15%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 19px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 42px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 17px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 42px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 17px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 150px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 78%; 
        margin-left: 12%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 14px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 33px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 31px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 30px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 14px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 34px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 17%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 35px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 16px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 350px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1050px) and (max-width: 1099px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 120px;
    }
    .logo_potzmi_pv_bb_image{
        width: 65%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 26%; 
        margin-left: 120px;
    }
    .pv_bb_bottom_image{
        width: 70%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 17%; 
        margin-left: 120px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 26px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 80%; 
        margin-left: 20%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 22px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 80%; 
        margin-right: 10%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 14px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 18px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 16px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 16px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 78%; 
        margin-left: 12%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 14px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 480px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 28px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 30px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 14px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 20px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 16%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 35px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 16px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 340px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 1000px) and (max-width: 1049px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 120px;
    }
    .logo_potzmi_pv_bb_image{
        width: 65%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 26%; 
        margin-left: 120px;
    }
    .pv_bb_bottom_image{
        width: 70%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 17%; 
        margin-left: 120px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 26px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 90%; 
        margin-left: 10%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 20px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 13%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 90%; 
        margin-right: 10%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 14px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 18px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 15px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 15px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 78%; 
        margin-left: 12%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 14px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 28px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 85%; 
        margin-top: 30px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 24px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 14px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 20px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 18%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 35px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 16px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 325px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 950px) and (max-width: 999px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 120px;
    }
    .logo_potzmi_pv_bb_image{
        width: 60%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 26%; 
        margin-left: 120px;
    }
    .pv_bb_bottom_image{
        width: 60%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 17%; 
        margin-left: 120px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 26px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 90%; 
        margin-left: 10%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 20px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 15%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 90%; 
        margin-right: 10%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 14px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 18px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 15px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 15px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 78%; 
        margin-left: 12%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 14px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 40px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 7%; 
        margin-right: 7%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 460px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 28px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 22px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 14px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 45px; 
        width: 25px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 18%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 35px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 16px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 310px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 900px) and (max-width: 949px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 120px;
    }
    .logo_potzmi_pv_bb_image{
        width: 60%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 26%; 
        margin-left: 120px;
    }
    .pv_bb_bottom_image{
        width: 60%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 17%; 
        margin-left: 120px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 26px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 90%; 
        margin-left: 10%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 20px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 15%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 90%; 
        margin-right: 10%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 14px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 13%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 16.5px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 16.5px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 15px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 40px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 15px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 80%; 
        margin-left: 10%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 5%; 
        margin-right: 5%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 5%; 
        margin-right: 5%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 14px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 5%; 
        margin-right: 5%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 5%; 
        margin-right: 5%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 17px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 28px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 22px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 20px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 18%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 35px; 
        border-radius: 10px;
        border: 0;
        margin-top: 15px;
        font-size: 16px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height: 300px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
}
@media (min-width: 850px) and (max-width: 899px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 90px;
    }
    .logo_potzmi_pv_bb_image{
        width: 60%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 90px;
    }
    .pv_bb_bottom_image{
        width: 60%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 90px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 26px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 95%; 
        margin-left: 5%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 20px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 15%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 95%; 
        margin-right: 5%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 13px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 21px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 16.5px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 16.5px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 37px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 14px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 37px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 14px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 450px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 13px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 440px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 28px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 20px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 12px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 20px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 23%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 30px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 14px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:285px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}
@media (min-width: 800px) and (max-width: 849px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 90px;
    }
    .logo_potzmi_pv_bb_image{
        width: 58%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 90px;
    }
    .pv_bb_bottom_image{
        width: 58%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 90px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 24px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 19%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_middle_image{
        width: 15%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 45px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 13px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 21px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 75%; 
        margin-left: 12.5%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 16.5px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 16.5px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 37px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 14px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 37px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 14px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 13px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 15px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 30px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 28px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 20px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 12px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 40px; 
        width: 20px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 23%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 30px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 14px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:270px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}
@media (min-width: 750px) and (max-width: 799px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 90px;
    }
    .logo_potzmi_pv_bb_image{
        width: 58%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 90px;
    }
    .pv_bb_bottom_image{
        width: 58%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 90px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 24px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 15%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 45px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 13px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 16.5px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 16.5px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 37px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 13px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 37px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 13px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 12px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 400px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 26px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 24px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 18px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 11px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 26px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 21%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 30px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 14px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:260px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}
@media (min-width: 700px) and (max-width: 749px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 56%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 56%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 22px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 15px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 15px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 12px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 12px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 31%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 23px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 17px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 10px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 26px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 21%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 28px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 13px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:250px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}
@media (min-width: 650px) and (max-width: 699px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 56%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 56%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 22px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 90%; 
        margin-left: 5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 15px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 15px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 12px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 12px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 30%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 110px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 23px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 17px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 10px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 26px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 21%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 28px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 13px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:230px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}
@media (min-width: 600px) and (max-width: 649px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 52%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 31%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 52%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 21px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 17px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 11px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 90%; 
        margin-left: 5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 30%;
      height: 200px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 110px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 330px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 330px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 10px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 330px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 330px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 23px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 15px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 9px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 24px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 21%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 28px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 13px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:220px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}


@media (min-width: 550px) and (max-width: 599px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 56%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 56%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 18px;
    }
    .slide_potzmi_image{
        width: 100%;
    }
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 15%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 18px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_inner_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 50px; 
        margin-bottom: 50px;
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 12px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 17%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 12px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 40%;
    }
    .conociendo_el_documento_right_image{
        width: 40%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 33px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 10px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 30%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 45%;
        height: 150px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 300px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 34%; 
        display: inline-block;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 60%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/
    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 25px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 23px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 100%;
    }
    .time_line_date{
        color: #24618E; 
        font-size: 17px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 10px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 26px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 21%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 28px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 13px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:200px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 24%; 
        margin-left: 5%; 
        display: inline-block;
        /* margin-top: -90%; */
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}

@media (min-width: 500px) and (max-width: 549px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 50%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 50%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 15px;
    }
    .slide_potzmi_image{
        width: 100%;
    }

    /* ----- APARTADO DE BANNER PARA LA VERSION DE MOBILE -------- */
    .banner-desk{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    
    .img_background {
        width: 100%;
        /* margin-left: -5%; */
        position: absolute;
    }

    .img_background2 {
        width: 50%;
        margin-left: 5%;
        position: relative;
        margin-top: 55%;
        margin-bottom: 40%;
    }

    .margen{
        margin-top: -40%;
        margin-left: 6%;
    }

    .txt_potzmi_titulo {
        font-size: 25px;
        position: relative;
        /* margin-left: 6%; */
    }

    .img_background3 {
        width: 70%;
        margin-left: 5%;
        position: relative;
    }

    .margin {
        /* margin-top: 80%;
        padding-top: 10%; */
        background-color: #0f2a3f;
    }

    .div_potzmi_pvbb{
        background-color: #0F2A3F !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 90px 90px;
        margin-top:60%;
    }

    .div_potzmi_pvbb_titulo_1{
        width: 80%; 
        vertical-align: middle; 
        margin-top: 15%;
    }

    .div_potzmi_pvbb_titulo_2{
        width: 80%; 
        margin-left: 10%;
        margin-right: 10%;
    }

    .div_potzmi_pvbb_titulo_imagen{
        display: inline-block; 
        width: 25%; 
        vertical-align: middle;
    }

    .imagen_potzmi_pvbb_left{
        width: 100%;
    }

    .potzmi_pvbb_titulo{
        display: inline-block; 
        width: 70%; 
        margin-left: 4%; 
        margin-bottom: 0%;
        vertical-align: middle; 
        font-size: 30px;
        font-weight: bold;
    }

    .linea2{
        border: 1px solid #EF9D1C; 
        width: 220px; 
        margin-top:-1%;
        margin-left: 0;
    }

    .potzmi_pvbb_titulo_aux{
        width: 90%;
    }

    .div_potzmi_pvbb_auxmiddle_movil{ 
        width: 100%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 8%;
    }

    .potzmi_pvbb_auxmiddle{
        height: 100%; 
        width: 30%;
    }

    .div_potzmi_pvbb_texto_1{
        width: 90%; 
        text-align: justify; 
        vertical-align: middle; 
        margin: 5% 0 10% 10%;
    }

    .div_potzmi_pvbb_texto_2{
        width: 80%; 
        margin-left: 5%;
    }

    .potzmi_pvbb_texto{
        font-size: 17px;
    }

    /* FIN DE LO QUE SE AGREGO PARA LA VERSION MOVIL */

    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 25%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 24px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
        margin-bottom: -3%;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px; 
        margin-bottom: 30px;
        
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 33%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 70%;
    }
    .conociendo_el_documento_right_image{
        width: 70%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 85%;
      margin-left: 7.5%;
      height: 370px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 100%;
        margin-left: 0%;
        height: 180px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 280px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_estrategias_text{
        font-size: 14px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 100%; 
        display: inline-block;
        margin-bottom: 20px;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 90%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }

    /* INICIO DEL APARTADO DE LAS PESTAÑAS PARA LA VERSION MOVIL */
    .contenedor-4-pestañas-desktop{
        display: none;
    }

    .contenedor-4-pestañas-mobile{
        display: block;
    }

    .div_info_prog{
        width: 100%;
        margin-top: 5%;
        /* height: 100px; */
    }

    .div_info_prog_azul{
        width: 55%;
        height: 50px;
        margin-left: 22.5%;
        background-color: #0F2A3F;
        border-radius: 25px 25px 0px 0px;
        text-align: center;
    }

    .info_prog_text{
        font-size: 17px;
        font-weight: bold;
        padding-top: 7%;
        color: white;
    }


    /* FIN DEL APARTADO DE LAS PESTAÑAS */
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/

    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 20px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 70%;
        margin-left: 15%;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .time_line_image_programa{
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .img_final{
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/bottom_image.png");
    }
    .time_line_date{
        color: #24618E; 
        font-size: 19px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
        text-align: center;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 37%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 38px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 17px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:250px; 
    }
    .youtube_video {
        height: 90%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 70%; 
        /* margin-left: 15%;  */
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}

@media (min-width: 450px) and (max-width: 499px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 50%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 50%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 15px;
    }
    .slide_potzmi_image{
        width: 100%;
    }

    /* ----- APARTADO DE BANNER PARA LA VERSION DE MOBILE -------- */
    .banner-desk{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    
    .img_background {
        width: 100%;
        /* margin-left: -5%; */
        position: absolute;
    }

    .img_background2 {
        width: 50%;
        margin-left: 5%;
        position: relative;
        margin-top: 55%;
        margin-bottom: 40%;
    }

    .margen{
        margin-top: -40%;
        margin-left: 6%;
    }

    .txt_potzmi_titulo {
        font-size: 25px;
        position: relative;
        /* margin-left: 6%; */
    }

    .img_background3 {
        width: 70%;
        margin-left: 5%;
        position: relative;
    }

    .margin {
        /* margin-top: 80%;
        padding-top: 10%; */
        background-color: #0f2a3f;
    }

    .div_potzmi_pvbb{
        background-color: #0F2A3F !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 90px 90px;
        margin-top:60%;
    }

    .div_potzmi_pvbb_titulo_1{
        width: 80%; 
        vertical-align: middle; 
        margin-top: 15%;
    }

    .div_potzmi_pvbb_titulo_2{
        width: 80%; 
        margin-left: 10%;
        margin-right: 10%;
    }

    .div_potzmi_pvbb_titulo_imagen{
        display: inline-block; 
        width: 25%; 
        vertical-align: middle;
    }

    .imagen_potzmi_pvbb_left{
        width: 100%;
    }

    .potzmi_pvbb_titulo{
        display: inline-block; 
        width: 70%; 
        margin-left: 4%; 
        margin-bottom: 0%;
        vertical-align: middle; 
        font-size: 25px;
        font-weight: bold;
    }

    .linea2{
        border: 1px solid #EF9D1C; 
        width: 220px; 
        margin-top:-1%;
        margin-left: 0;
    }

    .potzmi_pvbb_titulo_aux{
        width: 90%;
    }

    .div_potzmi_pvbb_auxmiddle_movil{ 
        width: 100%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 8%;
    }

    .potzmi_pvbb_auxmiddle{
        height: 100%; 
        width: 30%;
    }

    .div_potzmi_pvbb_texto_1{
        width: 90%; 
        text-align: justify; 
        vertical-align: middle; 
        margin: 5% 0 10% 10%;
    }

    .div_potzmi_pvbb_texto_2{
        width: 80%; 
        margin-left: 5%;
    }

    .potzmi_pvbb_texto{
        font-size: 15px;
    }

    /* FIN DE LO QUE SE AGREGO PARA LA VERSION MOVIL */

    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 25%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
        margin-bottom: -3%;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px; 
        margin-bottom: 30px;
        
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 33%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 70%;
    }
    .conociendo_el_documento_right_image{
        width: 70%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 90%;
      margin-left: 5%;
      height: 360px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
    }
    .carta_box_clasificacion {
        width: 100%;
        margin-left: 0%;
        height: 180px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 280px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 100%; 
        display: inline-block;
        margin-bottom: 20px;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 90%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }

    /* INICIO DEL APARTADO DE LAS PESTAÑAS PARA LA VERSION MOVIL */
    .contenedor-4-pestañas-desktop{
        display: none;
    }

    .contenedor-4-pestañas-mobile{
        display: block;
    }

    .div_info_prog{
        width: 100%;
        margin-top: 5%;
        /* height: 100px; */
    }

    .div_info_prog_azul{
        width: 55%;
        height: 50px;
        margin-left: 22.5%;
        background-color: #0F2A3F;
        border-radius: 25px 25px 0px 0px;
        text-align: center;
    }

    .info_prog_text{
        font-size: 17px;
        font-weight: bold;
        padding-top: 7%;
        color: white;
    }


    /* FIN DEL APARTADO DE LAS PESTAÑAS */
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/

    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 20px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 70%;
        margin-left: 15%;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .time_line_image_programa{
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .img_final{
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/bottom_image.png");
    }
    .time_line_date{
        color: #24618E; 
        font-size: 19px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
        text-align: center;

    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 37%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 38px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 17px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:200px; 
    }
    .youtube_video {
        height: 80%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 70%; 
        /* margin-left: 15%;  */
        display: inline-block;
        margin-top: -15%;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}

@media (min-width: 400px) and (max-width: 449px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 50%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 50%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 15px;
    }
    .slide_potzmi_image{
        width: 100%;
    }

    /* ----- APARTADO DE BANNER PARA LA VERSION DE MOBILE -------- */
    .banner-desk{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    
    .img_background {
        width: 100%;
        /* margin-left: -5%; */
        position: absolute;
    }

    .img_background2 {
        width: 50%;
        margin-left: 5%;
        position: relative;
        margin-top: 55%;
        margin-bottom: 40%;
    }

    .margen{
        margin-top: -40%;
        margin-left: 6%;
    }

    .txt_potzmi_titulo {
        font-size: 25px;
        position: relative;
        /* margin-left: 6%; */
    }

    .img_background3 {
        width: 70%;
        margin-left: 5%;
        position: relative;
    }

    .margin {
        /* margin-top: 80%;
        padding-top: 10%; */
        background-color: #0f2a3f;
    }

    .div_potzmi_pvbb{
        background-color: #0F2A3F !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 90px 90px;
        margin-top:60%;
    }

    .div_potzmi_pvbb_titulo_1{
        width: 80%; 
        vertical-align: middle; 
        margin-top: 15%;
    }

    .div_potzmi_pvbb_titulo_2{
        width: 85%; 
        margin-left: 7.5%;
        margin-right: 7.5%;
    }

    .div_potzmi_pvbb_titulo_imagen{
        display: inline-block; 
        width: 25%; 
        vertical-align: middle;
    }

    .imagen_potzmi_pvbb_left{
        width: 100%;
    }

    .potzmi_pvbb_titulo{
        display: inline-block; 
        width: 70%; 
        margin-left: 4%; 
        margin-bottom: 0%;
        vertical-align: middle; 
        font-size: 25px;
        font-weight: bold;
    }

    .linea2{
        border: 1px solid #EF9D1C; 
        width: 200px; 
        margin-top:-1%;
        margin-left: 0;
    }

    .potzmi_pvbb_titulo_aux{
        width: 90%;
    }

    .div_potzmi_pvbb_auxmiddle_movil{ 
        width: 100%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 8%;
    }

    .potzmi_pvbb_auxmiddle{
        height: 100%; 
        width: 30%;
    }

    .div_potzmi_pvbb_texto_1{
        width: 90%; 
        text-align: justify; 
        vertical-align: middle; 
        margin: 5% 0 10% 10%;
    }

    .div_potzmi_pvbb_texto_2{
        width: 80%; 
        margin-left: 5%;
    }

    .potzmi_pvbb_texto{
        font-size: 15px;
    }

    /* FIN DE LO QUE SE AGREGO PARA LA VERSION MOVIL */

    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 25%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
        margin-bottom: -3%;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px; 
        margin-bottom: 30px;
        
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 33%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 70%;
    }
    .conociendo_el_documento_right_image{
        width: 70%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 90%;
      margin-left: 5%;
      height: 360px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
        margin-bottom: -10%;
    }
    .carta_box_clasificacion {
        width: 100%;
        margin-left: 0%;
        height: 180px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 280px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 100%; 
        display: inline-block;
        margin-bottom: 20px;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 90%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }

    /* INICIO DEL APARTADO DE LAS PESTAÑAS PARA LA VERSION MOVIL */
    .contenedor-4-pestañas-desktop{
        display: none;
    }

    .contenedor-4-pestañas-mobile{
        display: block;
    }

    .div_info_prog{
        width: 100%;
        margin-top: 5%;
        /* height: 100px; */
    }

    .div_info_prog_azul{
        width: 55%;
        height: 50px;
        margin-left: 22.5%;
        background-color: #0F2A3F;
        border-radius: 25px 25px 0px 0px;
        text-align: center;
    }

    .info_prog_text{
        font-size: 17px;
        font-weight: bold;
        padding-top: 7%;
        color: white;
    }


    /* FIN DEL APARTADO DE LAS PESTAÑAS */
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/

    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 20px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 70%;
        margin-left: 15%;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .time_line_image_programa{
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .img_final{
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/bottom_image.png");
    }
    .time_line_date{
        color: #24618E; 
        font-size: 19px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
        text-align: center;

    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 37%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 38px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 17px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:250px; 
    }
    .youtube_video {
        height: 50%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 70%; 
        /* margin-left: 15%;  */
        display: inline-block;
        margin-top: -40%;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}

@media (min-width: 330px) and (max-width: 399px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 50%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 50%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 15px;
    }
    .slide_potzmi_image{
        width: 100%;
    }

    /* ----- APARTADO DE BANNER PARA LA VERSION DE MOBILE -------- */
    .banner-desk{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    
    .img_background {
        width: 100%;
        /* margin-left: -5%; */
        position: absolute;
    }

    .img_background2 {
        width: 50%;
        margin-left: 5%;
        position: relative;
        margin-top: 55%;
        margin-bottom: 40%;
    }

    .margen{
        margin-top: -40%;
        margin-left: 6%;
    }

    .txt_potzmi_titulo {
        font-size: 25px;
        position: relative;
        /* margin-left: 6%; */
    }

    .img_background3 {
        width: 70%;
        margin-left: 5%;
        position: relative;
    }

    .margin {
        /* margin-top: 80%;
        padding-top: 10%; */
        background-color: #0f2a3f;
    }

    .div_potzmi_pvbb{
        background-color: #0F2A3F !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 90px 90px;
        margin-top:45%;
    }

    .div_potzmi_pvbb_titulo_1{
        width: 90%; 
        vertical-align: middle; 
        margin-top: 15%;
    }

    .div_potzmi_pvbb_titulo_2{
        width: 90%; 
        margin-left: 5%;
        margin-right: 5%;
    }

    .div_potzmi_pvbb_titulo_imagen{
        display: inline-block; 
        width: 25%; 
        vertical-align: middle;
    }

    .imagen_potzmi_pvbb_left{
        width: 100%;
    }

    .potzmi_pvbb_titulo{
        display: inline-block; 
        width: 70%; 
        margin-left: 4%; 
        margin-bottom: 0%;
        vertical-align: middle; 
        font-size: 25px;
        font-weight: bold;
    }

    .linea2{
        border: 1px solid #EF9D1C; 
        width: 200px; 
        margin-top:-1%;
        margin-left: 0;
    }

    .potzmi_pvbb_titulo_aux{
        width: 90%;
    }

    .div_potzmi_pvbb_auxmiddle_movil{ 
        width: 100%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 8%;
    }

    .potzmi_pvbb_auxmiddle{
        height: 100%; 
        width: 30%;
    }

    .div_potzmi_pvbb_texto_1{
        width: 90%; 
        text-align: justify; 
        vertical-align: middle; 
        margin: 5% 0 10% 10%;
    }

    .div_potzmi_pvbb_texto_2{
        width: 80%; 
        margin-left: 5%;
    }

    .potzmi_pvbb_texto{
        font-size: 15px;
    }

    /* FIN DE LO QUE SE AGREGO PARA LA VERSION MOVIL */

    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 25%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
        margin-bottom: -3%;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px; 
        margin-bottom: 30px;
        
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 33%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 70%;
    }
    .conociendo_el_documento_right_image{
        width: 70%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 90%;
      margin-left: 5%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
        /* margin-bottom: -25%; */
    }
    .carta_box_clasificacion {
        width: 100%;
        margin-left: 0%;
        height: 180px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
        /* margin-bottom: -25%; */
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 280px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 100%; 
        display: inline-block;
        margin-bottom: 20px;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 90%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }

    /* INICIO DEL APARTADO DE LAS PESTAÑAS PARA LA VERSION MOVIL */
    .contenedor-4-pestañas-desktop{
        display: none;
    }

    .contenedor-4-pestañas-mobile{
        display: block;
    }

    .div_info_prog{
        width: 100%;
        margin-top: 5%;
        /* height: 100px; */
    }

    .div_info_prog_azul{
        width: 55%;
        height: 50px;
        margin-left: 22.5%;
        background-color: #0F2A3F;
        border-radius: 25px 25px 0px 0px;
        text-align: center;
    }

    .info_prog_text{
        font-size: 15px;
        font-weight: bold;
        padding-top: 7%;
        color: white;
    }


    /* FIN DEL APARTADO DE LAS PESTAÑAS */
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/

    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 20px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 10%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 70%;
        margin-left: 15%;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .time_line_image_programa{
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .img_final{
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/bottom_image.png");
    }
    .time_line_date{
        color: #24618E; 
        font-size: 17px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 11px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
        text-align: center;
    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 30px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 37%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 38px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 17px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:210px; 
    }
    .youtube_video {
        height: 50%;
        width: 100%;
        display: inline-block;
        margin-top: 5%;
    }
    .contenedor_de_guia{
        width: 70%; 
        /* margin-left: 15%;  */
        display: inline-block;
        margin-top: -40%;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}

@media (min-width: 300px) and (max-width: 329px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 50%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 50%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 15px;
    }
    .slide_potzmi_image{
        width: 100%;
    }

    /* ----- APARTADO DE BANNER PARA LA VERSION DE MOBILE -------- */
    .banner-desk{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    
    .img_background {
        width: 100%;
        /* margin-left: -5%; */
        position: absolute;
    }

    .img_background2 {
        width: 50%;
        margin-left: 5%;
        position: relative;
        margin-top: 55%;
        margin-bottom: 40%;
    }

    .margen{
        margin-top: -40%;
        margin-left: 6%;
    }

    .txt_potzmi_titulo {
        font-size: 25px;
        position: relative;
        /* margin-left: 6%; */
    }

    .img_background3 {
        width: 70%;
        margin-left: 5%;
        position: relative;
    }

    .margin {
        /* margin-top: 80%;
        padding-top: 10%; */
        background-color: #0f2a3f;
    }

    .div_potzmi_pvbb{
        background-color: #0F2A3F !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 90px 90px;
        padding-top:45%;
    }

    .div_potzmi_pvbb_titulo_1{
        width: 90%; 
        vertical-align: middle; 
        margin-top: 15%;
    }

    .div_potzmi_pvbb_titulo_2{
        width: 90%; 
        margin-left: 5%;
        margin-right: 5%;
    }

    .div_potzmi_pvbb_titulo_imagen{
        display: inline-block; 
        width: 25%; 
        vertical-align: middle;
    }

    .imagen_potzmi_pvbb_left{
        width: 100%;
    }

    .potzmi_pvbb_titulo{
        display: inline-block; 
        width: 65%; 
        margin-left: 4%; 
        margin-bottom: 0%;
        vertical-align: middle; 
        font-size: 20px;
        font-weight: bold;
    }

    .linea2{
        border: 1px solid #EF9D1C; 
        width: 160px; 
        margin-top:-1%;
        margin-left: 0;
    }

    .potzmi_pvbb_titulo_aux{
        width: 90%;
    }

    .div_potzmi_pvbb_auxmiddle_movil{ 
        width: 100%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 8%;
    }

    .potzmi_pvbb_auxmiddle{
        height: 100%; 
        width: 30%;
    }

    .div_potzmi_pvbb_texto_1{
        width: 90%; 
        text-align: justify; 
        vertical-align: middle; 
        margin: 5% 0 10% 10%;
    }

    .div_potzmi_pvbb_texto_2{
        width: 80%; 
        margin-left: 5%;
    }

    .potzmi_pvbb_texto{
        font-size: 15px;
    }

    /* FIN DE LO QUE SE AGREGO PARA LA VERSION MOVIL */

    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 25%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
        margin-bottom: -3%;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px; 
        margin-bottom: 30px;
        
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 33%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -200px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 50%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 49%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 70%;
    }
    .conociendo_el_documento_right_image{
        width: 70%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 90%;
      margin-left: 5%;
      height: 300px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
        margin-bottom: -25%;
    }
    .carta_box_clasificacion {
        width: 100%;
        margin-left: 0%;
        height: 180px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
        margin-bottom: -25%;
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 280px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 100%; 
        display: inline-block;
        margin-bottom: 20px;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 90%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }

    /* INICIO DEL APARTADO DE LAS PESTAÑAS PARA LA VERSION MOVIL */
    .contenedor-4-pestañas-desktop{
        display: none;
    }

    .contenedor-4-pestañas-mobile{
        display: block;
    }

    .div_info_prog{
        width: 100%;
        margin-top: 5%;
        /* height: 100px; */
    }

    .div_info_prog_azul{
        width: 55%;
        height: 50px;
        margin-left: 22.5%;
        background-color: #0F2A3F;
        border-radius: 25px 25px 0px 0px;
        text-align: center;
    }

    .info_prog_text{
        font-size: 15px;
        font-weight: bold;
        padding-top: 7%;
        color: white;
    }


    /* FIN DEL APARTADO DE LAS PESTAÑAS */
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/

    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 22px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 20px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 5%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 70%;
        margin-left: 15%;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .time_line_image_programa{
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .img_final{
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/bottom_image.png");
    }
    .time_line_date{
        color: #24618E; 
        font-size: 17px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 11px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
        text-align: center;

    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 20px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 37%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 80%; 
        height: 38px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 17px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
    }
    .div_video{
        width:100%; 
        height:200px; 
    }
    .youtube_video {
        height: 50%;
        width: 100%;
        display: inline-block;
        margin-top: -8%;
    }
    .contenedor_de_guia{
        width: 70%; 
        /* margin-left: 15%;  */
        margin-top: -60%;
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}

@media (min-width: 0px) and (max-width: 299px){
    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    .logo_potzmi_pv_bb{
        position: absolute; 
        margin-top: 12%; 
        margin-left: 50px;
    }
    .logo_potzmi_pv_bb_image{
        width: 50%;
    }
    .pv_bb_bottom{
        position: absolute; 
        margin-top: 29%; 
        margin-left: 50px;
    }
    .pv_bb_bottom_image{
        width: 50%;
    }
    .programa_ordenamiento_territorial_container{
        position: absolute; 
        margin-top: 18.5%; 
        margin-left: 50px;
    }
    .programa_ordenamiento_territorial_text{
        font-size: 15px;
    }
    .slide_potzmi_image{
        width: 100%;
    }

    /* ----- APARTADO DE BANNER PARA LA VERSION DE MOBILE -------- */
    .banner-desk{
        display: none;
    }
    .banner-mobile{
        display: block;
    }
    
    .img_background {
        width: 100%;
        /* margin-left: -5%; */
        position: absolute;
    }

    .img_background2 {
        width: 50%;
        margin-left: 5%;
        position: relative;
        margin-top: 55%;
        margin-bottom: 40%;
    }

    .margen{
        margin-top: -40%;
        margin-left: 6%;
    }

    .txt_potzmi_titulo {
        font-size: 15px;
        position: relative;
        /* margin-left: 6%; */
    }

    .img_background3 {
        width: 40%;
        margin-left: 5%;
        position: relative;
    }

    .margin {
        /* margin-top: 80%;
        padding-top: 10%; */
        background-color: #0f2a3f;
    }

    .div_potzmi_pvbb{
        background-color: #0F2A3F !important;
        display: flex;
        flex-direction: column;
        border-radius: 0 0 90px 90px;
        padding-top:55%;
    }

    .div_potzmi_pvbb_titulo_1{
        width: 80%; 
        vertical-align: middle; 
        margin-top: 15%;
    }

    .div_potzmi_pvbb_titulo_2{
        width: 80%; 
        margin-left: 10%;
        margin-right: 10%;
    }

    .div_potzmi_pvbb_titulo_imagen{
        display: inline-block; 
        width: 25%; 
        vertical-align: middle;
    }

    .imagen_potzmi_pvbb_left{
        width: 100%;
    }

    .potzmi_pvbb_titulo{
        display: inline-block; 
        width: 68%; 
        margin-left: 4%; 
        margin-bottom: 0%;
        vertical-align: middle; 
        font-size: 15px;
        font-weight: bold;
    }

    .linea2{
        border: 1px solid #EF9D1C; 
        width: 120px; 
        margin-top:-1%;
        margin-left: 0;
    }

    .potzmi_pvbb_titulo_aux{
        width: 90%;
    }

    .div_potzmi_pvbb_auxmiddle_movil{ 
        width: 100%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 8%;
    }

    .potzmi_pvbb_auxmiddle{
        height: 100%; 
        width: 30%;
    }

    .div_potzmi_pvbb_texto_1{
        width: 90%; 
        text-align: justify; 
        vertical-align: middle; 
        margin: 5% 0 10% 10%;
    }

    .div_potzmi_pvbb_texto_2{
        width: 80%; 
        margin-left: 5%;
    }

    .potzmi_pvbb_texto{
        font-size: 13px;
    }

    /* FIN DE LO QUE SE AGREGO PARA LA VERSION MOVIL */

    /*****************FIN APARTADO DEL BANNER PRINCIPAL*****************/
    /*****************INICIO APARTADO PORQUE EL POTZMI*****************/
    .por_que_el_potzmi_container{
        background-color: #0F2A3F !important; 
        height: 100%; 
        border-radius: 0px 0px 80px 80px; 
        margin-top: -2%;
    }
    .por_que_el_potzmi_container_padding{
        padding-top: 3%;
    }
    .por_que_el_potzmi_left_absolute_container{
        display: inline-block; 
        width: 35%; 
        margin-left: 6%; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_left_container{
        width: 100%; 
        margin-left: 0%;
    }
    .por_que_el_potzmi_left_image_container{
        display: inline-block; 
        width: 30%; 
        vertical-align: middle;
    }
    .que_es_el_potzmi_aux_left{
        width: 100%;
    }
    .por_que_el_potzmi_left_text_container{
        display: inline-block; 
        width: 64%; 
        margin-left: 4%; 
        vertical-align: middle;
    }
    .por_que_el_potzmi_text{
        font-size: 19px;
    }
    .por_que_el_potzmi_middle_container{
        display: inline-block; 
        width: 17%; 
        text-align: center; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_middle_image{
        width: 21%
    }
    .por_que_el_potzmi_right_absolute_container{
        display: inline-block; 
        width: 34%; 
        margin-right: 6%; 
        text-align: justify; 
        vertical-align: middle; 
        margin-top: 25px; 
        margin-bottom: 25px;
    }
    .por_que_el_potzmi_right_container{
        width: 100%; 
        margin-right: 0%;
    }
    .por_que_el_potzmi_right_text{
        font-size: 12px;
    }
    /*****************FIN APARTADO PORQUE EL POTZMI*****************/
    /*****************INICIO APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    .conociendo_el_instrumento_container{
        display: inline-block; 
        width: 100%; 
        text-align: center; 
        margin-top: 30px;
    }
    .conociendo_el_instrumento_image{
        width: 25%;
    }
    .conociendo_el_instrumento_text{
        color: #24618E; 
        font-size: 20px; 
        font-weight: bold; 
        font-style: italic;
    }
    .conociendo_el_instrumento_big_container{
        display: inline-block; 
        background-color: #fff; 
        border-radius: 25px 25px 0px 0px; 
        text-align: center; 
        width: 70%; 
        margin-left: 15%; 
        margin-top: 30px;
        margin-bottom: -5%;
    }
    .conociendo_el_instrumento_inner_container{
        width: 80%; 
        margin-left: 10%; 
        margin-top: 30px; 
        margin-bottom: 30px;
        
    }
    .conociendo_el_documento_blue_text{
        color: #0F2A3F; 
        font-size: 14px
    }
    .conociendo_el_documento_potzmi_pv_bb_image{
        width: 33%;
    }
    .conociendo_el_documento_blue_low_text{
        color: #24618E; 
        font-size: 14px; 
        font-weight: bold;
    }
    .conociendo_el_documento_decoracion_container{
        display: inline-block; 
        width: 90%; 
        margin-left: 5%; 
        margin-top: -210px;
    }
    .conociendo_el_documento_left_decoracion_container{
        display: inline-block; 
        width: 46%; 
        text-align: left;
    }
    .conociendo_el_documento_right_decoracion_container{
        display: inline-block; 
        width: 45%; 
        text-align: right;
    }
    .conociendo_el_documento_left_image{
        width: 75%;
    }
    .conociendo_el_documento_right_image{
        width: 75%;
    }
    /*****************FIN APARTADO CONOCIENDO EL INSTRUMENTO*****************/
    /************INICIO CONTENEDOR DE INFORMACION 4 PESTAÑAS*************/
    .pestaña_CCI_select {
        background-color: #0F2A3D;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #fff;
    }
    .pestaña_CCI_unselected {
        background-color: #fff;
        border-radius: 10px 10px 0px 0px;
        height: 38px;
        display: inline-block;
        width: 30%;
        margin-right: 3%;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding-top: 5px;
        font-size: 10px;
        color: #6E7E8B;
    }
    .carta {
        transform-style: preserve-3d;
        transition: all 0.5s linear;
    }
    .cara {
        position: absolute;
        backface-visibility: hidden;
    }
    .cara.detras {
        transform: rotateY(180deg);
    }
    .carta-box:hover .carta {
        transform: rotateY(-180deg);
    }
    .carta-box {
      width: 90%;
      margin-left: 5%;
      height: 220px;
      position: relative;
      perspective: 1000px;
      display: inline-block; 
      vertical-align: top;
    }
    .carta_margin{
        margin-right: 3%;
        /* margin-bottom: -25%; */
    }
    .carta_box_clasificacion {
        width: 100%;
        margin-left: 0%;
        height: 110px;
        position: relative;
        perspective: 1000px;
        display: inline-block; 
        vertical-align: top;
    }
    .carta_margin_clasificacion{
        margin-right: 3%;
        /* margin-bottom: -25%; */
    }
    .carta_box_clasificacion:hover .carta {
        transform: rotateY(-180deg);
    }
    .info_center_box{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_container{
        display: inline-block; 
        width: 96%; 
        margin-left: 2%; 
        margin-top: 100px; 
        height: 100%;
    }
    .info_center_box_pestañas{
        display: flex; 
        width: 85%; 
        margin-left: 7.5%;
    }
    .info_center_box_ejes{
        display:block; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 280px; 
        display: block;
    }
    .info_center_box_ejes_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_ejes_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_ejes_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_ejes_content_container{
        display: inline-block; 
        width: 100%; 
        margin-top: 20px;
    }
    .carta_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_estrategias{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_estrategias_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_estrategias_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_estrategias_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 10px;
    }
    .info_center_box_estrategias_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_estrategias_content_image{
        width: 95%; 
        height: 95%; 
        margin-left: 2.5%;
    }
    .info_center_box_estrategias_content_nota{
        font-size: 11px;
    }
    .info_center_box_clasificacion{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_clasificacion_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%; 
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_clasificacion_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_clasificacion_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0; 
    }
    .info_center_box_clasificacion_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_clasificacion_content{
        width: 100%; 
        margin-top: 10px;
    }
    .info_center_box_clasificacion_left_container{
        width: 100%; 
        display: inline-block;
        margin-bottom: 20px;
    }
    .info_center_box_clasificacion_left_image_container{
        display: inline-block; 
        vertical-align: middle;
    }
    .info_center_box_clasificacion_left_image{
        width: 100%;
    }
    .info_center_box_clasificacion_right_container{
        width: 90%; 
        display: inline-block; 
        margin-left: 5%;
    }
    .carta_clasificacion_tamaño{
        width: 100%; 
        height: 100%;
    }
    .info_center_box_beneficios{
        display: none; 
        margin-left: 3%; 
        margin-right: 3%; 
        background-color: #fff; 
        border-radius: 20px 20px 20px 20px; 
        height: 370px; 
        display: none;
    }
    .info_center_box_beneficios_container{
        display: inline-block; 
        width: 85%; 
        margin-left: 7.5%;
        margin-top: 30px;
        text-align: center;
    }
    .info_center_box_beneficios_text{
        font-size: 13px; 
        color: #0F2A3F;
    }
    .info_center_box_beneficios_line{
        background-color: #f09c22; 
        height: 2px; 
        border: 0;
        width: 80%;
        margin-left: 10%;
    }
    .info_center_box_beneficios_content_container{
        display: inline-block; 
        width: 100%;
    }
    .info_center_box_beneficios_content_image{
        width: 98%; 
        height: 98%; 
        margin-left: 1%; 
        margin-top: 30px;
    }

    /* INICIO DEL APARTADO DE LAS PESTAÑAS PARA LA VERSION MOVIL */
    .contenedor-4-pestañas-desktop{
        display: none;
    }

    .contenedor-4-pestañas-mobile{
        display: block;
    }

    .div_info_prog{
        width: 100%;
        margin-top: 5%;
        /* height: 100px; */
    }

    .div_info_prog_azul{
        width: 55%;
        height: 50px;
        margin-left: 22.5%;
        background-color: #0F2A3F;
        border-radius: 25px 25px 0px 0px;
        text-align: center;
    }

    .info_prog_text{
        font-size: 15px;
        font-weight: bold;
        padding-top: 7%;
        color: white;
    }


    /* FIN DEL APARTADO DE LAS PESTAÑAS */
    /*********FIN CONTENEDOR DE INFORMACION 4 PESTAÑAS************/

    /***************INICIO PARTE DE LA LINEA DEL TIEMPO***************/
    .una_metropoli_container{
        display: inline-block; 
        width: 80%; 
        margin-left: 10%;
        text-align: center; 
        margin-top: 60px;
    }
    .una_metropoli_text{
        color: #24618E; 
        font-size: 15px; 
        font-weight: bold; 
        font-style: italic;
    }
    .trayecto_del_documento{
        color: #0F2A3F; 
        font-size: 13px;
    }
    .time_line_container{
        width: 80%; 
        margin-left: 5%;
    }
    .time_line_image_container{
        width: 95%; 
        margin-top: 0px;
    }
    .time_line_image{
        width: 70%;
        margin-left: 10%;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .time_line_image_programa{
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/timeline_separador.png");
    }
    .img_final{
        content: url("/assets/images/potzmi/programa_ordenamiento_territorial/bottom_image.png");
    }
    .time_line_date{
        color: #24618E; 
        font-size: 17px;
    }
    .time_line_text{
        color: #0F2A3F; 
        font-size: 11px;
    }
    .center_text{
        text-align: center;
    }
    .time_line_buttons{
        height: 35px; 
        width: 17px;
    }
    .prev:hover, .next:hover {
        color: white;
        transform:translateX(0);
        opacity: .4;
        visibility:visible;
        transition-duration: 0.5s;
    }
    .prev:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    .next:hover img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        transition-duration: 0.5s;
    }
    /***************FIN PARTE DE LA LINEA DEL TIEMPO***************/
    /***************INICIO QUIERES SABER MAS DEL POTZMI***************/
    .quieres_saber_mas_pv_bb_container{
        width: 90%; 
        margin-left: 5%; 
        margin-bottom: 60px;
        margin-top: 0px;
    }
    .quieres_saber_mas_pv_bb_content_container{
        width: 85%; 
        margin-left: 7.5%; 
        margin-right: 7.5%;
        text-align: center;

    }
    .quieres_saber_mas_pv_bb_text{
        font-weight: bold; 
        color: #25628F;
        font-size: 20px;
    }
    .quieres_saber_mas_pv_bb_image{
        width: 37%;
    }
    .quieres_saber_mas_pv_bb_image_separador{
        width: 100%;
    }
    .contenedor_linea{
        width: 70%;
    }
    .contenedor-blanco-video{
        border-radius: 15px 15px 15px 15px
    }
    .linea-texto-quieres-saber-mas{
        margin-top: -10px;
    }
    .ocultar{
        visibility: hidden;
    }
    .button-ver-mas-index-guia{
        background-color: #103444; 
        color: #fff; 
        border-color: #103444; 
        width: 70%; 
        height: 28px; 
        border-radius: 10px;
        border: 0;
        margin-top: 10px;
        font-size: 12px;
    }
    .button-ver-mas-index-guia:hover{
        background-color: #B75734;
        border-color: #B75734;
    }
    .contenedor_de_video{
        width: 70%;
         display: inline-block;
         margin-top: 5%;
    }
    .div_video{
        width:100%; 
        height:200px; 
    }
    .youtube_video {
        height: 50%;
        width: 100%;
        display: inline-block;
        margin-top: -12%;
    }
    .contenedor_de_guia{
        width: 70%; 
        /* margin-left: 8%;  */
        margin-top: -50%;
        display: inline-block;
    }
    /***************FIN QUIERES SABER MAS DEL POTZMI***************/
    .mt-5{
        margin-top: 5px !important;
    }
}