@font-face {
    font-family: 'gotham';
      src: url('css/fonts/GothamBook.ttf');
      src: url('css/fonts/GothamBook.eof')  format('embedded-opentype'),
      url('css/fonts/GothamBook.woff') format('woff'),
      url('css/fonts/GothamBook.ttf')  format('truetype'),
      url('css/fonts/GothamBook.svg')  format('svg');
    }
    .ancla:before {       
        display: block;
        content: " ";
        margin-top: -220px;
        height: 220px;  
        visibility: hidden; 
      } 
      .bg-dark{
        background-color: initial !important;
        background-image: url(../img/home/back_nav.png) !important; 
      }
      nav{
        background-color: initial !important;
        background-image: url(../img/home/back_nav.png) !important; 
      }
      --bs-navbar-toggler-icon-bg{
    
      }
      .bg-dark !important{
        background-color: transparent;
      }
      .nav-link{
        color: #ffffff;
      }
      .nav-link:hover, .nav-link:focus, .nav-link:active, .list_group{
        color: #7cdde1;
      }
      .nav-link.show, .nav-link.show:hover, .nav-link.show:focus, .nav-link.show:active, .nav-link.shadow{
        color: #7cdde1 !important;
      }
      #navbarText{
        padding-right: 5%;
      }
      .navbar-brand{
        padding-left: 2%;
      }
      nav img{
        width: 30%;
      }
      .navbar-nav .dropdown-menu{
        background-color: transparent;
      }
      .navbar-nav .dropdown-menu li a{
          color: #ffffff;
      }
      .navbar-nav .dropdown-menu li a:hover{
        background-color: transparent;
        color: #7cdde1;
      }
      nav .navbar-collapse .navbar-nav .nav-item .dropdown-menu{
         background-image: url(../img/home/back_nav.png) !important;      
        }
      .dropdown-divider{
        border-block-color: #c3c3c3;
      }
      .header{
        width: 100%;
        position: relative;
      }
    
      .header_title_img{
        position: absolute;
        width: 50%;
        margin: auto;
        left: 5%;
        top: 0;
        bottom: 0;
        
      }
      .header_title_m_img{
        position: absolute;
        width: 40%;
        margin: auto;
        left: 5%;
        bottom: 10%;
        
      }
      .mediunmsize{
        font-size: 1.1rem;
      }
      .botton-style{
        width: 20%;
        margin-bottom: 3%;
      }
      .purple_text{
        color: #523270;
        font-weight: bold;
      }
      .encabezado_general h1, .encabezado_general h3{
        text-transform: uppercase;
      }
      .title{
        font-weight:700;
      }
      .encabezado_general p{
        max-width: 50%;
      }
      .space{
        margin: 5% 0;
      }
      .bloques a{
        text-decoration: none;
        color: #212121;
      }
      .bloques .cgris div{
        padding: .5em;
      }
      .bloques .cgris div p{
        background-color: #F8F8F8;
        text-align: center;
        padding: 1em;
        font-size: 1.5em;
      }
      .bloques .cgris div p img{
        width: 20%;
      }
      .bloques .cgris div p .medium-size{
        width: 10%;
      }
      .bloques .cgris div p span{
        font-size: .5em;
      
      }
      .bloques .seccion_box:hover{
        background-image: url(../img/caracteristicas/bB.png);
        background-position: center;
        background-size: 70%;
        background-repeat: no-repeat;
      }
      .bloques .seccion_box img{
        width: 80%;
        margin: 10%;
      }
    .car_list{
      text-align: left;
    }
    .car_list ul li{
     list-style-type: lower-alpha;
     font-weight: normal !important;
     color: #000000 !important;
    }
    
    .car_list ol li{
      color:#523270;
      font-weight: bold;
      line-height: 40px;
    }
    .lst_blocks{
      position: relative;
    }
    .number_x{
      position: absolute;
        left: -2%;
        font-size: 40px;
        top: 4%;
        padding-left: 1%;
        border-left: 1px solid #000000;
        line-height: 53%;
        vertical-align: top;
        height: 100px;
        font-weight: bold;
    }
    .num2{
       left: 1%;
       top: 0;
    }
    .div-a{
      border: 3px solid #8b3684;
      color: #8b3684;
      position: relative;
    }
    .div-b{
      border: 3px solid #1b7f94;
      color: #1b7f94;
      position: relative;
    }
    .flechas_color{
      width: 18% !important;
        position: absolute;
        top: -4%;
        left: 1%;
    }
    .cons_blocks{
      text-align: left;
        padding: 3%;
        border-radius: 20px;
        margin: 2%;
        float: left;
        display: inline-block;
        width: 45%;
        min-height: 270px;
    }
    .list_group{
      color: #1b7f94 !important;
      font-weight: bold;
    }
    
    
    
    
    
    /*################################################################################################################*/
    .pdf_download img{
      width: 70px;
    }
    .pdf_download p{
      font-size: .7em;
      text-align: center;
    }
    .pdf_download a{
      text-decoration: none;
      color: #212121;
    }
    .digitalizacion_box{
      background-image: url(../img/home/digitalizacion.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 10% 0 0 0;
      padding: 6% 0
    }
    .q-style{
      background-image: url(../img/home/q_back.png);
      background-size: cover;
      text-align: center;
      position: relative;
      width: 100%;
      padding: 10% 0;
    }
    .q-style .q_title img{
      width: 40%;
    }
    .q-style .q_pleca img{
      width: 70%;
    }
    .descargas_pdf{
      text-align: center;
    }
    .style-cert{
      background-image: url(../img/home/back1.png);
      background-size: cover;
      width: 100%;
      text-align: center;
    }
    
    .style-cert .cert-button img{
      width: 80%;
      padding: 10% 0;
    }
    .style-cert .cert-pleca img{
      width: 90%;
    }
    .cont_figuras{
      width: 80%;
      position: relative;
      overflow: hidden;
      
    }
    .cont_figuras h3{
      text-align: center;
    }
    .figura_seccion{
      position: relative;
      color: #ffffff;
      margin: 1.5% 0;
      overflow: hidden;
    }
    .figura_seccion img{
      width: 100%;
    }
    
    .figura_seccion .figure_box{
      position: absolute;
      margin: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80%;
      z-index: 1;
      vertical-align: middle;
      animation-duration: 1s;
    }
    .figura_seccion .figure_box p{
      display: none;
    }
    .back-green{
      position: absolute;
      width: 95% !important;
      display: none;
      opacity: .7 !important;
      margin: auto;
      left: 0;
      right: 0;
      z-index: 1;
    }
    .cont_figuras .click_figura .figure_box p{
      overflow: hidden;
      height: 0;
    }
    /*################################################################################################################*/
    /*###*/
    .text_sup{
      text-align: center;
      margin: 5% 0;
    }
    /**/
    .mh_Caracteristicas{
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 80%;
      z-index: 1;
      color: #ffffff;
    }
    .car_info{
      text-align: center;
      font-size: 1.5em;
      padding-top: 20%;
      padding-bottom: 5%;
    }
    /**/
    .preguntas{
      margin-top: 5%;
    }
    /*#FOOTER##*/
    .logo-footer img{
      width: 30%;
      margin-left: 10%;
    }
    .link-legal{
      font-weight: bold;
    }
    .legal-txt{
      text-align: center;
      width: 100%;
      padding:5% 2% 3% 2%;
    }
    
    .redes_icons img{
      width: 50%;
    }
    .redes_icons{
    padding-right: 7%;
    }
    /**/
    .car-box{
      position: relative;
      width: 100%;
      margin: auto;
      
    }
    #identificacion{
      background-image: url(../img/caracteristicas/b1.png);
      background-size: 100%;
      position: relative;
    }
    #comprobante{
      background-image: url(../img/caracteristicas/b2.png);
      background-size: 100%;
      position: relative;
    }
    #acta{
      background-image: url(../img/caracteristicas/b3.png);
      background-size: 100%;
      position: relative;
    }
    #poder{
        background-image: url(../img/caracteristicas/b4.png);
        background-size: 100%;
        position: relative;
    }
    #cedula{
      background-image: url(../img/caracteristicas/b5.png);
      background-size: 100%;
      position: relative;
    }
    #forma{
      background-image: url(../img/caracteristicas/b6.png);
      background-size: 100%;
      position: relative;
    }
    .poder_n{
      margin: auto;
      text-align: left;
      left: 0;
      right: 0;
      line-height: 30px;
    }
    .box-seccion{
      position: relative;
      width: 100%;
      margin: auto;
      text-align: center;
      left: 0;
      right: 0;
      top:10%;
      padding-bottom: 10%;
    }
    .box-seccion p{
      width: 50%;
      margin: auto;
    }
    .box-seccion .botton{
      width: 30%;
      padding: 5% 0;
    }
    .file_download{
      width: 7%;
      float: right;
      margin: 0;
      position: absolute;
      right: 15%;
      bottom: 1%;
    }
    .car_sub_boxes{
      margin: 5% 0;
    }
    .car_sub_boxes p{
    width: 80%;
    color: #523270;
    }
    .car_sub_boxes .col-4:first-child{
      border-right:2px solid #000000 ;
    }
    .down_car .pdf_download{
      width: 30%;  
      margin-top: 5%;
    }
    .car_box .row{
      width: 100%;
      margin: auto;
    }
    
    /**/
    .crit_min_box{
      text-align: center;
    }
    .crit_min_box img{
      width: 80%;
    }
    .crit_min_box img:first-child{
      width: 30%;
    }
    .crit_min_box ul{
      text-align: left;
      
    }
    .crit_min_box li{
      width: 80%;
    }
    .crit_min_box .boton_box{
      width: 30%;
      float: right;
      margin-right: 11%;
    }
    .crit_box{
      margin: 5% 0;
      width: 100%;
      background-color: #ececec;
      display: inline-block;
    }
    .crit_box p{
      font-size: 1em;
    }
    .crit_box .col-4 img{
      width: 100%;
    }
    .crit_box_m{
      width: 40%;
      display: inline-block;
    }
    .crit_box_g{
      width: 60%;
      float: right;
    }
    .crit_box_g2{
      width: 60%;
      float: left;
    }
    .crit_box_g2 .crit_text{
      width: 70%;
      text-align: center;
      margin: 6% auto;
      padding: 8% 0;
    }
    
    .crit_box_g .crit_text{
      width: 80%;
      padding: 1% 5%;
      margin: 5% 0 2% 15%;
      
    }
    .crit_box_cols .crit_text{
      width: 95%;
      padding: 1% 5%;
      margin: 10% 0 2% 5%;
    }
    .crit_box_cols .crit_text{
      border: none;
      text-align: center;
    }
    
    .crit_box_cols .crit_text p{
      font-style: italic;
    }
    .crit_box_g .crit_text img, .crit_box_g2 .crit_text img{
      width: 100%;
    }
    .crit_box_m img{
      width: 100%;
    }
    .crit_button img{
      width: 100%;
    }
    
    /**/
    
    
    .req_box_container{
      width: 99%;
      margin-top: 5%;
    }
    .req_box_container_title{
      text-align: center;
    }
    
    .req_img, .req_title_box{
      text-align: center;
      width: 15%;
    }
    .req_title_box{
      padding-top: 2%;
    }
    .req_img img{
      width: 40%;
    }
    .req_box{
      padding: 2% 0;
    }
    .back_purple{
      background-color: #51306f;
      color: #ffffff;
    }
    .back_green{
      background-color: #1b7f94;
      color: #ffffff;
    }
    .back_pink{
      background-color: #8b3684;
      color: #ffffff;
    }
    .back_blue{
      background-color: #0e709d;
      color: #ffffff;
    }
    .req_box .container{
      max-width: 100% !important;
    }
    .req_box .col-6{
      width: 70%;
    }
    .mh_p_menu{
      position: absolute;
      margin: 15% auto;
        left: 0;
        right: 0;
        text-align: center;  
        color: #ffffff;
        padding: 0 !important;
        top: 0;
        z-index: 50;
    }
    .mex_buton{
      width: 100%;
      border: none;
      margin: 5% 0;
      background: none;
    }
    .mex_buton:hover{
      background: none !important;
    }
    .ex_buton{
      width: 100%;
      border: none;
      margin: 5% 0;
      background: none;
    }
    .ex_buton:hover{
      background: none !important;
    }
    
    .fid_buton{
      width: 100%;
      background-size: cover;
      border: none;
      margin: 5% 0;
      background: none;
    }
    .fid_buton:hover{
      background: none !important;
    }
    .img_modal{
      width: 100%;
    }
    .modal-dialog{
      min-width: 80%;
    }
    .modal-header{
      background-color: #e1e1e1;
      color: #000000;
      text-align: center;
    }
    .modal-header h5{
      margin: auto;
      width: 100%;
    }
    .modal-pink .modal-body .container .title_modal_box h1{
      color: #902a82;
      display: inline-block;
      margin-left: 2%;
    }
    .modal-pink .modal-body h3{
      color: #902a82;
      text-align: center;
    }
    .modal-green .modal-body .container .title_modal_box h1{
      color: #236e85;
      display: inline-block;
      margin-left: 2%;
    }
    .modal-green .modal-body h3{
      color: #236e85;
      text-align: center;
    }
    .modal-body .container .col-4 p{
      width: 75%;
      margin: auto;
    }
    .modal_box_cont{
      margin-top: 5%;
    }
    .modal-body .container .title_modal_box img{
      display: inline-block;
      width: 20%;
      margin-top: -4%;
    }
    .modal-green .title_modal_box {
      width: 35%;
    }
    .modal-pink .modal-footer{
      color: #902a82;
    }
    .modal-pink .border_midle{
      border-left: 2px solid #902a82 !important;
      border-right: 2px solid #902a82 !important;
    }
    .modal-green .modal-footer{
      color: #236e85;
    }
    .modal-green .border_midle{
      border-left: 2px solid #236e85 !important;
      border-right: 2px solid #236e85 !important;
    }
    .next_req{
      right: -7%;
    }
    .prev_req{
      left: -7%;
    }
    /**/
    
    .cons_title{
      color: #8b3684;
      text-align: center;
      margin-top: 5%;
    }
    .cons_back_gris{
      background-color: #f2f2f2;
      padding: 3% 0;
    }
    .cons_blocks img{
      width: 90%;
    }
    .cons_text{
      color: #000000;
      margin: 3% auto;
    }
    .cons_botons img{
      width: 100%;
    }
    .cons_text_info span{
      font-size: 25px;
        display: inline-block;
        float: left;
        width: 22%;
        line-height: 92%;
        text-align: left;
        font-weight: bold;
    }
    .cons_text_info p{
      display: inline-block;
      float: left;
      width: 75%;
      text-align: left;
    }
    .content_res{
      width: 73% !important;
      margin: 5% 0;
      color: #000000;
    }
    .cons_button{
      width: 60%;
      margin-top: 5%;
      margin-left: 10%;
    }
    .line_div{
      border: 3px solid #d8d8d8;
      margin: 5% 0;
    }
    .text_green{
      color: #1b7f94;
    }
    .text_green_info p{
      font-weight: bold;
      width: 50%;
      margin: auto;
    }
    .info_text_pink{
      text-align: center;
      color: #51306f;
      width: 70%;
      margin: auto;
    }
    .cons_graphic img{
      width: 100%;
      margin: 2% 0;
    }
    .buton_aviso{
      width: 20%;
      margin: 5% auto;
    }
    .buton_aviso img{
    width: 100%;
    }
    .cons_pages{
      margin: 5% 0;
      text-align: center;
    }
    .cons_pages img{
      width: 90%;
    }
    .cons_pages .col-4{
      margin: 2% 0;
    }
    .cons_box{
      width: 80%;
    }
    .cons_box .cons_pages div{
      margin: 2% 0;
    }
    .bba_box{
      opacity: .5;
      position: absolute;
      width: 85% !important;
      height: 100%;
    }
    .bba_box:hover{
      opacity: 0;
    }
    .aviso_box{
      cursor: pointer;
    }
    .aviso_box img{
      width: 100%;
    }
    
    
    
    /**/
    .preguntas .box_pregunta{
     background-color: #F2F2F2;
     padding: 5%;
     margin: 2% 0;
    }
    .preguntas .box_pregunta h4{
      color: #1b7f94;
    }
    
    
    /* ###########FOOTER############# */
    footer{
      background-color: #212121;
      margin-top: 5%;  
    }
    footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer span, footer a, footer li, footer ul, footer div{
      color: #565656 !important;
    }
    .logo3 img{
      width: 60%;
    }
    footer .text-reset img{
      width: 3%;
    }
    .link-legal a{
      color: #565656 !important;
      text-decoration: none;
      
    }
    .link-legal{
      padding: 0 5%;
    }
    .regreso{
      position: fixed;
      bottom: 5%;
      right: 2%;
      opacity: .7;
    }
    .regreso:hover, .regreso:focus{
      opacity: 1;
    }
    
    
    
    @media (max-width: 991px) {
      /* … */
      .bg-dark {
        background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
    }
      .cont_figuras{
        width: 100%;
      }
      .navbar-brand{
        width: 80%;
      }
      .botton-style{
        width: 50%;
        padding: 0 0 10% 0;
      }
      .style-cert .cert-pleca img{
        width: 60%;
      }
      .style-cert .cert-button img{
        width: 50%;
        padding: 15% 0;
      }
     #premisa .bloques{
       font-size: .5em;
     }
     .figure_box{
      font-size: 1em;
     } 
     .logo-footer img{
      width: 100%;
      max-width: 150px;
     }
     .redes_icons{
      margin: 5% auto;
      text-align: center;
     }
     .crit_min_box img{
      width: 40%;
     }
     .crit_min_box .boton_box{
      width: 20%;
     }
     .crit_min_box ul{
      margin: auto;
      width: 43%;
     }
     .crit_box_m{
      width: 71%;
      display: block;
      margin: auto;
     }
     .crit_box_g{
      width: 100%;
     }
     
     .box-seccion p{
      width: 80%;
     }
     .content_res{
      width: 100% !important;
     }
     .cons_blocks{
      width: 100%;
      padding: 8% 3%;
      min-height: 30%;
      margin-bottom: 8%;
      text-align: left;
     }
     .num2{
      font-size: 1.3em;
     }
    }
    @media (max-width: 602px) {
      body{
        margin-top: 13%;
      }
      .bg-dark{
        background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
        }
      .navbar-brand{
        width: 50%;
      }
      .navbar-brand img{
          width: 75%;
      }
      nav .navbar-collapse .navbar-nav .nav-item .dropdown-menu{
         background: initial !important;      
        }
      .figure_box{
        font-size: .7em;
       }
       .crit_box{
        display: flex;
        flex-wrap: wrap;
       }
       .crit_box_m{
        width: 100%;
       }
       .crit_box_g{
        width: 100%;
       }
       .crit_min_box ul{
        width: 100%;
       }
       .crit_box .crit_left{
        width: 100%;
        float: inherit;
        margin: auto;
        order: 2;
       }
       .crit_text{
        width: 100%;
        margin: 5% auto !important;
       }
       .car_info{
        font-size: .7em;
        padding-top: 10%;
        padding-bottom: 0;
       }
       .mh-con{
        margin: 3% auto;
       }
       .cons_blocks .col-sm-6{
          margin: 2% auto;
       }
       .box-seccion .botton{
        width: 60%;
       }
       .file_download{
        margin: auto;
        left: 0;
        right: 0;
        position: relative;
        float: initial;
        width: 20%;
        padding-top: 6%;
       }
       .car_sub_boxes p{
        width: 95%;
       }
       .bloques .cgris div p{
        font-size: .7em;
       }
       .bloques .cgris div p img{
        margin-bottom: 1em;
       }
       .bloques .cgris div p span{
        font-size: .9em;
       }
       .req_box {
        padding: 5%;
       }
       .req_title_box, .req_img {
        width: 100%;
        padding: 2%;
       }
       .req_title h1{
        font-size: .7em;
        margin: 0;
       }
       .req_title img{
        margin: 0;
       }
       .req_box_container{
        width: 100%;
       }
       .mh_p_menu .row{
        width: 100%;
        margin: auto;
       }
       .mh_p_menu .container .col-4{
          padding: 0;
       }
       .req_box_container .row{
        width: 100%;
        padding: 0;
        margin: 0;
       }
       .cons_text_info span{
        width: 50%;
        margin-bottom: 5%;
       }  
       .crit_button img{
        width: 60%;
       }
       .cons_button{
        margin: 5% auto;
        text-align: center;
       }
       .cons_blocks .col-sm-6{
        margin: 2% 0;
       }
       .text_green_info p, .info_text_pink{
        width: 90%;
       }
       .crit_min_box{
        margin: 3% 0;
       }
       .mh_p_menu{
        margin: 23% auto;
       }
       .mh_p_menu .req_title{
          padding: 0 1%;
       }
       .cons_box{
        width: 100%;
       }
    }