@media screen and (min-width: 1024px){
  .panel_movil_hide{
    display: none;
  }
  .secc_mapa_movil{
    display:  none;
  }
  .secc_premios_movil{
    display: none;
  }
  .secc_tiempo_movil{
    display: none;
  }
  /* Titulos */
  .titulo_page{
    display: none;
  }
  .grup-titulo-center{
    text-align: center;
  }
  .secc_nav_movil{
    display: none;
  }
  .contextos_movil{
    display: none;
  }
  .titulo_inversion{
    display: none;
  }
  .objetivos_movil{
    display: none;
  }
  .titulo-big-bold{
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    font-size: 5rem;
    font-weight: bold;
    line-height: 0px;
  }
  .titulo-small{
    font-size: 1.3rem;
  }
  .bold{
    font-weight: bold;
  }
  .titulo-med{
    font-size: 2.4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    letter-spacing: 2px;
  }
  .titulo-med-bold{
    font-size: 6rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 0px;
  }
  .titulo_mapa {
    margin-top: 100px;
  }
  .lineado-med{
    line-height: 3px;
  }
  .hr-med{
    width: 100%;
    height: 2px;
    background-color: #d7a050;
  }
  .costos{
    display: none;
  }
  .color-titulo{
    color: #d7a050 !important;
  }
  .cont-text{
    margin-top: 50px;
  }
  strong{
    color: #d7a050;
  }
  .{
    font-weight: lighter;
    letter-spacing: 2px;
  }
  .font-norm{
    font-size: 1.5rem;
  }
  .font-med{
    font-size: 2.1rem;
  }
  .font-center{
    text-align: center;
  }
  .font-justificado{
    text-align: justify;
  }
  .nom-personaje{
    font-size: 1.6rem;
    font-weight: bolder;
  }
  .comentario{
    font-size: 2rem;
    font-style: italic;
    font-weight: 200;
  }
  /* Titulos */

  /* Agrupar */
  .agrupar-derecha{
  }
  .center-cont{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .esp-med{
    margin-top: 20px;
  }
  .cont-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* Agrupar */
  /* Agrupar */

  /* Botones */

 .intro-antecedentes{
   margin-top: 10px;
 }
 .secc_slider{
   width: 100%;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 .cont_contextos{
   width: 100%;
   height: 500px;
   overflow: hidden;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }

 .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

}

/* Media 1024px */
@media (min-width: 1024px){
  a{
    color: #4e4e4e;
  }
  .padding-hide{
    padding: 0px !important;
  }
  .titulo_mapa{
    margin-top: 100px;
  }
  .grup_cita{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: lighter;
    font-size: 1.7rem;
    letter-spacing: 1px;
    display: flex;
    flex-direction: row;
    font-style: italic;
  }
  .comilla{
    font-size: 5rem;
    font-family: Helvetica;
    margin-right: 10px;
    font-style: italic;
    color: #b2b2b2;
  }
  .titulo_director{
    font-weight: 500;
  }
  /* Titulos */
  .grup-titulo-center{
    text-align: center;
  }
  .title-big{
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    font-size: 7rem;
    font-weight: 500;
    line-height: 0px;
  }
  .titulo-med{
    font-size: 2rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    letter-spacing: 2px;
  }
  .titulo-med-bold{
    font-size: 3rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 0px;
  }
  .parrafo{
    font-size: 1.8rem;
    font-weight: 200;
    letter-spacing: 2px;
  }
  .lineado-med{
    line-height: 25px;
  }
  .hr-med{
    width: 100%;
    height: 2px;
    background-color: #d7a050;
  }
  .color-titulo{
    color: #d7a050 !important;
  }
  strong{
    color: #d7a050;
  }
  .{
    font-weight: lighter;
    letter-spacing: 2px;
  }
  .font-norm{
    font-size: 1.2rem;
  }
  .font-med{
    font-size: 2.1rem;
  }
  .font-center{
    text-align: center;
  }
  .font-justificado{
    text-align: justify;
  }
  .nom-personaje{
    font-size: 1.3rem;
  }
  .comentario{
    font-size: 2rem;
    font-style: italic;
    font-weight: 200;
  }
  .grup-btn{
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* Titulos */

  /* Agrupar */
  .agrupar-derecha{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .agrupar-izquierda-fila{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .agrupar-centrado-columna{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .agrupar-izquierda-columna{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .espacio-med{
    margin-top: 10px;
  }
  .center-cont{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .esp-med{
    margin-top: 10px;
  }
  /* Agrupar */

  /* Botones */
  .btn-norm{
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border-color: #d7a050;
  }
  /* Botones */

  body{
    margin:  0px;
    padding: 0px;
    overflow-x: hidden;
    background-color: #F5F5F5;
  }
  a{
    text-decoration: none;
  }
  li{
    list-style: none;
  }
  a:hover{
    text-decoration: none;
  }
  h1{
    font-size: 7rem;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    color: #d7a050;
  }
  h2{
    font-size: 4rem;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    color: #d7a050;
  }
  h3{
    font-size: 2rem;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;
    color: #d7a050;
  }
  .hide-padding{
    padding: 0px;
  }
  .padding-left-med{
  }
  .sep-med{
    margin-top: 10px;
  }
  /* Inicio */
  .intro{
    width: 100%;
    height: 100vh;
    background-color: #4e4e4e;
    background-image: url(../assets/Fondo_sepia.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 200;
    animation: intro 1s ease;
    transition: all 1s ease;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  @keyframes intro {
    0%   { opacity: 0; }
    100% { opacity: 1; }
  }
  @font-face {
    font-family: "blacksword";
    src: url(../fonts/Blacksword.otf) format("truetype");
  }
  .titulo_proyecto{
    line-height: 32px;
    font-weight: bold;
    font-size: 3rem;
    color: #f5f5f5f5 !important;
  }
  .texto_lema{
    color: #f5f5f5;
    line-height: 10px;
    font-size: 1.5rem;
    font-weight: lighter;
    letter-spacing: 2px;
    text-align: center;
  }
  .secc_parrafo_intro{
    margin-top: 50px;
  }
  .parrafo_intro{
    color: #f5f5f5;
    font-weight: lighter;
    letter-spacing: 2px;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 20px;
  }
  .btn_intro{
    height: 30px;
    margin-top: -1px;
    font-weight: 400;
    letter-spacing: 1px;
    background-image: url(../assets/iconografia/boton_acceder.png);
    background-repeat: no-repeat;
    background-position: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_intro:hover{
    color: #f5f5f5;
  }
  .secc_presentacion{
    width: 100%;
    height: 100vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_view{
    width:   30px;
    height:  30px;
    background-image: url(../assets/iconografia/btn_more.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .btn_close{
    width:   30px;
    height:  30px;
    background-image: url(../assets/btn_close_norm.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .secc-inicio{
    width: 100%;
    height: 100vh;
    animation: opacity 6s ease;
  }
  @keyframes opacity {
    0%   {opacity: 0;}
    100% {opacity: 1;}
  }
  .header_degradado{
    width: 100%;
    height: 130px;
    position: absolute;
    z-index: 10;
    background: rgba(78,78,78,1);
    background: -moz-linear-gradient(top, rgba(78,78,78,1) 0%, rgba(78,78,78,0.38) 53%, rgba(78,78,78,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,78,78,1)), color-stop(53%, rgba(78,78,78,0.38)), color-stop(100%, rgba(78,78,78,0)));
    background: -webkit-linear-gradient(top, rgba(78,78,78,1) 0%, rgba(78,78,78,0.38) 53%, rgba(78,78,78,0) 100%);
    background: -o-linear-gradient(top, rgba(78,78,78,1) 0%, rgba(78,78,78,0.38) 53%, rgba(78,78,78,0) 100%);
    background: -ms-linear-gradient(top, rgba(78,78,78,1) 0%, rgba(78,78,78,0.38) 53%, rgba(78,78,78,0) 100%);
    background: linear-gradient(to bottom, rgba(78,78,78,1) 0%, rgba(78,78,78,0.38) 53%, rgba(78,78,78,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#4e4e4e', GradientType=0 );
  }
  .pleca_agradecimientos{
    width: 100%;
    height: 100px;
    margin-bottom: 150px;
    bottom: 0;
    position: absolute;
    z-index: 10;
  }
  .secc_desc_slide{
    width: 100%;
    height: 100vh;

    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .desc_slide{
    height: auto;
    background-color: #4e4e4e;
    filter: opacity(80%);
  }
  .titulo_slide{
    padding-top:  20px;
    padding-left: 20px;
    font-size: 1.5rem;
    text-align: left;
    color: #d7a050;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .texto_slide{
    padding-left: 10px;
    padding-bottom: 20px;
    margin-top: -10px;
    margin-right: 15px;
    margin-left: 10px;
    font-size: 1.2rem;
    font-weight: lighter;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 100px;
    text-align: left;
  }
  .slide_index_01{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/Maqueta_original.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .slide_index_02{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .slide_index_03{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/columna.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  .slide_index_04{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/barrio_la_huaca.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .slide_index_05{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_03.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .slide_index_06{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_09.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slide_index_07{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .presentacion{
    display: none;
  }
  .slide_index_08{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slide_index_09{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slide_index_10{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slide_index_11{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_14.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slide_index_12{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_16.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* Botones */
  .secc_colaboraciones{
    width: 100%;
    height: 100vh;
    z-index: 80;
    position: absolute;
    background-image: url(../assets/colaboradores.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  /* Inicio */

  /* Estilos constantes */
    /* Header */
    .cont-header{
      width: 100%;
      height: 100px;
      position: fixed;
      z-index:99;
      background-color: transparent;
      transition: all 1s ease;
    }
    .layout-header{
    }
    .cont-header_hide{
      width: 100%;
      height: 120px;
      position: fixed;
      z-index: 999;
      background-color: #343434;
      transition: all 1s ease;
    }
    .layoutHeader{
      width: 100%;
      height: 100vh;
    }
    .secc-index{
      width:  100%;
      overflow: hidden;
      background-color: #000;

      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .main-index{
      width: 100%;
      position: absolute;
      z-index: 999;
      color: #fff;

      display: flex;
      flex-direction: row;
      align-items:  center;
    }
    .navCont{
      width: 100%;
      height: 130px;
      margin-left: 20px;
      text-align: center;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .navCont small{
      font-family: 'Montserrat', sans-serif;
      font-weight: lighter;
      font-size: 1.2rem;
      letter-spacing: 1px;
      margin-bottom: 2px;
      color: #fff;
    }
    .navCont h2{
      font-family: 'Montserrat', sans-serif;
      font-size: 3.5rem;
      letter-spacing: 4px;
      font-weight: 600;
      line-height: 0px;
      color: #fff;
    }
    .navCont p{
      width: 100%;
      text-align: center;
      margin-top: 10px;
      margin-left: 10px;
      font-size: 1.3rem;
      font-weight: 400;
      letter-spacing: 10px;
      color: #fff;
    }
    .logo_500{
      width:  100%;
      height: 100px;
      background-image: url(../assets/500.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 40%;
    }
    .grup_cintillos{
      width: 300px;

    }
    .cintillo_500{
      width: 150px;
      height: 180px;
      z-index: 1;
      position: absolute;
      background-image: url(../assets/cintillo_500_normal.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top;
      transition: all 1s ease;
    }
    .cintillo_500:hover{
      width: 150px;
      height: 180px;
      z-index: 1;
      position: absolute;
      background-image: url(../assets/cintillo_500_hover.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top;
      cursor: pointer;
    }
    .cintillo_bienal{
      width: 150px;
      height: 270px;
      margin-top: -80px;
      position: absolute;
      background-image: url(../assets/cintillo_bienal_normal.png);
      background-repeat: no-repeat;
      background-size: 90%;
      background-position: bottom;
      transition: all 1s ease;
    }
    .cintillo_bienal_hover{
      width: 150px;
      height: 270px;
      margin-top: -80px;
      position: absolute;
      background-image: url(../assets/cintillo_bienal_normal.png);
      background-repeat: no-repeat;
      background-size: 90%;
      background-position: bottom;
      transition: all 1s ease;
    }
    .cintillo_bienal_activo{
      width: 150px;
      height: 270px;
      margin-top: 70px;
      position: absolute;
      background-image: url(../assets/cintillo_bienal_normal.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 1s ease;
    }
    .cintillo_bienal_activo:hover{
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: all 1s ease;
      background-image: url(../assets/cintillo_bienal_hover.png);
    }
    .cintillo_bienal:hover{

      cursor: pointer;
    }
    .cont-cintillo{
      width: 200px;
      height: auto;
      background-color: #d7a050;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
    }
    .vitilloBienal{
      width: 100%;
      height: 400px;
      background-color: #d7a050;

      display: flex;
      flex-direction: row;
    }
    .cintillo_01{
      width:  200px;
      height: 170px;
      position: absolute;
      z-index: 99;
      background-image: url(../assets/cintillo_500.png);
      background-repeat: no-repeat;
      background-position: top;
      background-size: 70%;
    }
    .icono_bienal{
      width: 40px;
      height: 90px;
      margin-top: 10px;
      background-image: url(../assets/iconografia/icono_bienal.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
    /* Header */

    .img_principal{
      width: 100%;
      height: 100vh;
      filter: opacity(30%);
      background-image: url(../assets/imganes/gran_plaza.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: absolute;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .img_antecedentes{
      width: 100%;
      height: 100vh;
      filter: opacity(45%);
      background-image: url(../assets/imganes/ciudad_amurallada.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .img_plazas{
      width: 100%;
      height: 100%;
      filter: opacity(70%);
      background-image: url(../assets/imganes/plazas_03.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .img_prensa{
      width: 100%;
      height: 100vh;
      filter: opacity(60%);
      background-image: url(../assets/imganes/Baluarte_santiago.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
      position: absolute;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .img_corredores{
      width: 100%;
      height: 100vh;
      filter: opacity(50%);
      background-image: url(../assets/imganes/b-13jul17-LA-HUACA-L-19.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: absolute;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .img_proyectos{
      width: 100%;
      height: 100vh;
      filter: opacity(70%);
      position: absolute;
      background-image: url(../assets/imganes/republica_02.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .img_mas{
      width: 100%;
      height: 100vh;
      filter: opacity(70%);
      position: absolute;
      background-image: url(../assets/imganes/T8A0610.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom ;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
    }
    .cont-index{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    /* Header navs */
    .header-nav{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .header-nav a{
      text-decoration: none;
    }
    /* Dots nav */
    .grup-nav{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    }
    .dots-nav{
      width: 350px;
      margin-top: 30px;

      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      flex-wrap: wrap;
    }
    .dots-nav p{
      font-size: 1.5rem;
      letter-spacing: 2px;
      margin-top: 10px;
      color: #ECA263;
    }
    .dot-grup{
      width: 30px;
      height: 30px;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .dot_niv_1{
      width:  15px;
      height: 15px;
      border-radius: 100%;
      border-color: #ECA263;
      border-style: solid;
      border-width: 2.2px;
      position: absolute;
      transition: all 1s ease;
    }
    .dot_niv_1:hover{
      width:  15px;
      height: 15px;
      background-color: #fff;
      border-radius: 100%;
      border-color: #fff;
      border-style: solid;
      border-width: 2.2px;
      position: absolute;
    }
    .dot_niv_2{
      width:  30px;
      height: 30px;
      transform: scale(0);
      border-radius: 100%;
      border-color: #ECA263;
      border-style: solid;
      border-width: 2px;
      position: absolute;
    }
    .dot_niv_1_activo{
      width:  15px;
      height: 15px;
      border-radius: 100%;
      border-color: #ECA263;
      background-color: #ECA263;
      border-style: solid;
      border-width: 2.2px;
      position: absolute;
      transition: all 1s ease;
    }
    .dot_niv_2_activo{
      width:  30px;
      height: 30px;
      transform: scale(1);
      border-radius: 100%;
      border-color: #ECA263;
      border-style: solid;
      border-width: 2px;
      position: absolute;
      animation: aro 1.5s infinite;
    }
    @keyframes aro {
      0%{
        opacity: 0.4;
        transform: scale(0.2);
      }
      50%{
        opacity: 1;
        transform: scale(1.4);
      }
      100%{
        opacity: 0;
        transform: scale(0.2);
      }
    }
    .name-page{
      width: 100%;
      height: 30px;
      margin-top: 10px;
      color: #fff;
      text-align: center;
      letter-spacing: 4px;
      font-size: 1.6;
      font-weight: lighter;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .name_view{
      opacity: 1;
      position: absolute;
      transition: all 1s ease;
    }
    .name_hide{
      opacity: 0;
      position: absolute;
      transition: all 1s ease;
    }
    /* Agrupar objetos */
    .grup-column{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }
    .grup-columna-derecha{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content:space-between;
    }
    /* Secc inicio */
    .secc-intro{
      margin-top: 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .titulo-main{
      width: 100%;
      margin-bottom: 200px;
      font-family: 'Montserrat', sans-serif;
    }
    .titulo-main h2{
      font-size: 5rem;
      margin-left: 30px;
      letter-spacing: 2px;
      font-weight: lighter;
    }
    .secc-agradecimientos{
      margin-top: 50px;
    }
    .btn_down{
      width:  30px;
      height: 40px;
      bottom: 0px;
      z-index: 999;
      margin-bottom: 50px;
      position: absolute;
      background-image: url(../assets/btn-down.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      animation: btnDown 1.8s infinite ease;
    }
    @keyframes btnDown {
      0%{
        margin-bottom: 50px;
      }
      50%{
        margin-bottom: 30px;
      }
      100${
        margin-bottom: 50px;
      }
    }
    .contenido{
      width: 100%;
      height: 1024px;
    }
    .cintillo_02{
      width:  200px;
      height: 140px;
      background-color: #d7a050;

      display: flex;
      flex-direction: row;
      justify-content: center;
    }
    .text_medalla{
      width: 80px;
      margin-top: 20px;
      margin-left: 20px;
      padding-bottom:2px;
      border-bottom: solid;
      text-align: center;
      font-size:  1.5rem;
      line-height: 15px;
      color: #4e4e4e;
      font-weight: bold;
    }
    .desc_medalla{
      width: 100px;
      margin-top: -8px;
      font-size: .9rem;
      text-align: right;
    }
    .desc_bienal{

    }
    .medalla{
      width: 100%;
      height: 200px;
      margin-top: 70px;
      background-image: url(../assets/cintillo_bienal.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;

      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .btn_medalla{
      width:  100px;
      height: 100px;
      margin-top: 50px;
    }
    .medalla_hide{
      width: 100%;
      height: 200px;
      background-image: url(../assets/cintillo_bienal.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;

      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .logo_bienal{
      width: 70px;
      height: 100px;
      margin-top: 20px;
      background-image: url(../assets/logo_bienal.svg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
    /* Secc index */

    /* Footer */
      .footer_movil{
        display: none;
      }
      .footer{
        width: 100%;
        height: 400px;
        position: absolute;
      }
      .cont_footer{
        width: 100%;
        height: 400px;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
      }
      .titulo_contacto{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
      }
      .titulo_contacto p{
        padding-top: 15px;
      }
      .titulo_redes{
        padding-top: 15px;
        font-size: 2rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: lighter;
        letter-spacing: 2px;
        color: #d7a050;
      }
      .grupo_siguenos{
        margin-top: -110px;
        display: flex;
        flex-direction: row;
        align-items: center;
      }
      .corte{
        width: 100%;
        height: 300px;
        position: absolute;
        background-color: #343434;
      }
      .relleno{
        width: 100%;
        height: 200px;
        margin-top: 200px;
        position: absolute;
        background-color:#343434;
      }
      .icon_contacto{
        width:  25px;
        height: 25px;
        margin-right: 10px;
        background-image: url(../assets/iconografia/contacto.svg);
        background-repeat: no-repeat;
      }
      .formulario{
        width: 100%;
        height: 250px;
        color: #fff;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
      }
      .btn_enviar{
        width: 100%;
        background-color: #d7a050;
        border-radius: 5px;
        color: #ffff !important;
        font-size: 1.2rem !important;
      }
      .btn_enviar:hover{
        cursor: default;
      }
      .titulo_puesto{
        margin-top: 10px;
        color: #d7a050;
        font-size: 1.5rem;
        font-weight: lighter;
      }
      .titulo_persona{
        color: #fff;
        font-weight: lighter;
        line-height: 5px;
      }
      .input{
        width: 100%;
        background-color: #474444;
        border-style: none;
        padding: 8px;
        border-radius: 5px;
      }
      .textarea{
        width: 100%;
        padding: 8px;
        background-color: #474444;
        border-style: none;
      }
      .icon_siguenos{
        width: 30px;
        height: 30px;
        margin-right: 10px;
        background-image: url(../assets/iconografia/siguenos-01.svg);
        background-position: center;
        background-size: contain;
      }
      .icon_facebook{
        width:  20px;
        height: 20px;
        margin-left: 20px;
        background-image: url(../assets/iconografia/facebook_n.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: all 1s ease;
      }
      .icon_facebook:hover{
        background-image: url(../assets/iconografia/facebook_b.png);
      }
      .icon_twitter{
        width:  20px;
        height: 20px;
        margin-left: 20px;
        background-image: url(../assets/iconografia/twitter.svg);
        background-repeat: no-repeat;
        background-position: center;
      }
      .icon_google{
        width:  40px;
        height: 40px;
        margin-left: 20px;
        background-image: url(../assets/iconografia/gloogle-01.svg);
        background-repeat: no-repeat;
        background-position: center;
      }
      .icon_youtube{
        width:  40px;
        height: 40px;
        margin-left: 20px;
        background-image: url(../assets/iconografia/youtube.png);
        background-repeat: no-repeat;
        background-position: center;
      }
      .icon_mas{
        width:  22px;
        height: 22px;
        margin-right: 20px;
        background-image: url(../assets/iconografia/mas.svg);
        background-repeat: no-repeat;
        background-position: right center;
      }
      .enlaces{
        padding-left: 20px;
        color: #fff;
        font-size: 1.2rem;
        font-weight: lighter;
        letter-spacing: 2px;
        cursor: default;
      }
      .link_footer:hover{
        color: #d7a050;
      }
    /* Footer */

    /* Colaboradores */
    .cont_colaboradores{
      height: 450px;
      background-color: #343434;
      font-weight: 400;
      letter-spacing: 2px;
    }
    .list_colaboradores{
      padding-top: 30px;
      clear: both;
    }
    .listado{
      margin-left: 15%;
    }
    .titulo_colaboradores{
      font-weight: 400;
      font-size: 1.5rem;
      color: #d7a050;
    }
    .listado_agradecimientos{
      margin-left: 6%;
    }
    .lista_03 li{
      list-style: disc;
      list-style-image: url(../assets/listado_icono.png);
    }
    .lista_colaboradores{
      text-align: center;
      padding-top: 10px;
      color: #fff;
      font-weight: lighter;
      letter-spacing: 1px;
      line-height: 10px;
    }
    .lista_agradecimientos{
      width: 500px;
      height: 300px;
      margin-top: 30px;
      overflow-y: scroll;
      color: #fff;
      font-weight: lighter;
      letter-spacing: 1px;
      line-height: 25px;
    }
    .lista_agradecimientos::-webkit-scrollbar{
        width: 5px;
    }
    .lista_agradecimientos::-webkit-scrollbar-thumb{
      background-color: #d7a050;
      outline: 1px solid slategrey;
    }
    .contLista{
      width: 400px;
      height: 170px;
      margin-top: 30px;
      overflow-y: scroll;
      color: #fff;
      font-weight: lighter;
      letter-spacing: 1px;
      line-height: 25px;
    }
    .contLista::-webkit-scrollbar{
      width: 5px;
    }
    .contLista::-webkit-scrollbar-thumb{
      background-color: #d7a050;
      outline: 1px solid slategrey;
    }
    .lista_02{
      color: #fff;
      letter-spacing: 1px;
      font-weight: lighter;
    }
    .header_colaboradores{
      width: 100%;
      height: 170px;
      padding-top: 15px;
      background-color: #3C3C3C;
    }
    .btn_cv{
      padding-top: 5px;
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .links{
      height: 450px;
      color: #f5f5f5;
      font-weight: lighter;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .titulo_colaboradores{
      color: #d7a050 !important;
    }
    .grup_link{
      margin-top: 10px;
      line-height: 10px;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .grup_link a{
      color: #f5f5f5;
    }
    .grup_link a:hover{
      color: #d7a050;
    }
    .link_titulo{
      color: #d7a050;
    }
    .icono_view_cv{
      width:  20px;
      height: 20px;
      margin-left: 20px;
      margin-top: -10px;
      background-image: url(../assets/cv.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
    .img_manolo{
      width: 100%;
      height: 140px;
      background-image: url(../assets/manolo.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .cont_titulo_cv{
      margin-top: 20px;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    }
    .cont_titulo_cv p{
      color: #d7a050;
      letter-spacing: 1px;
    }
    .titulo_cv{
      color: #d7a050;
      font-weight: bold;
      font-size: 2rem;
      letter-spacing: 1px;
      line-height: 10px;
    }
    .desc_cv{
      color: #fff;
      font-size: 1.2rem;
      font-weight: lighter;
      letter-spacing: 2px;
    }
    .close_colab{
      margin-top: 10px;
      margin-right: 20px;
      color: #d7a050;
      font-weight: lighter;
      font-size: 1.7rem;
    }
    .close_colab:hover{
      color: #fff;
      cursor: default;
    }
    .close_cv{
      color: #d7a050;
      font-weight: lighter;
      font-size: 1.7rem;
    }
    .close_cv:hover{
      color: #fff;
      cursor: default;
    }
    /* Colaboradores */

    /* Inicio */
    .color-normal{
      color: #fff;
    }
    .secc-agradecimientos{
      margin-top: 20px;
    }
    .cont_opinion{
      width: 100%;
      height: 300px;
      margin-top: 150px;
      margin-bottom: 100px;
      border: solid;
      border-color: #d7a050;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .coment{
      width: 500px;
      text-align: center;
    }
    .coment p{
      font-family: 'Montserrat';
      font-weight: lighter;
      line-height: 30px;
    }
    .coment small{
      font-size: 1.4rem;
      color: #d7a050;
    }
    .btn_proyectos{
      width: 100%;
      height: 300px;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .btnDemo_view{
      width:  270px;
      height: 270px;
      position: absolute;
      background-image: url(../assets/btn_hexagono.png);
      filter: opacity(100%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      transition: all 1s ease;
    }
    .btnDemo_hide{
      width:  270px;
      height: 270px;
      position: absolute;
      background-image: url(../assets/btn_hexagono.png);
      filter: opacity(0%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      transition: all 1s ease;
    }
    .btnHover{
      width: 270px;
      height: 270px;
      margin-top: 32px;
      color: #fff;
      background-image: url(../assets/polygono.svg);
      background-repeat: no-repeat;
      background-size: contain;

      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .btnHover p{
      width: 150px;
      margin-top: 50px;
      font-size: 2.5rem;
      line-height: 25px;
      text-align: center;
      font-family: 'Montserrat', sans-serif;
    }
    .btnHover small{
      width: 170px;
      font-size: 1.5rem;
      text-align: center;
    }
    .titulo_puerta{
      font-family: "blacksword";
      font-size: 4rem;
      color: #f5f5f5;
      letter-spacing: 3px;
    }
    /* Inicio */


    /* Secc Contexto*/

    /* btn-fuente */
      .grup_btn_fuente{
        width: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
      }
      .btn_norm{
        width:  35px;
        height: 35px;
        background-image: url(../assets/btn_normal.png);
        background-repeat: no-repeat;
        background-size: contain;
      }
      .btn_inc{
        width:  35px;
        height: 35px;
        background-image: url(../assets/btn_incrementar.png);
        background-repeat: no-repeat;
        background-size: contain;
      }
      .btn_dec{
        width:  35px;
        height: 35px;
        background-image: url(../assets/btn_decrementar.png);
        background-repeat: no-repeat;
        background-size: contain;
      }
    /* btn-fuente */

/* Antecedentes */
.titulo_contexto{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.secc_slider{
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cont_slider{
  padding-top: 120px;
  background-color: #4e4e4e;
 }
 .info_vistas{
   position: absolute;
   z-index: -1;
 }
 .controles_contexto{
   position: absolute;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
 .secc_contexto{
   height: 600px;
   margin-top: 100px;
 }
 .info_antecedentes{
   margin-top: 50px;
 }
 .grup_contextos{
   height: 500px;
   overflow: hidden;

   display: flex;
   flex-direction: row;
 }
 .desc_contexto{
   font-size: 1.5rem;
   font-weight: lighter;
   letter-spacing: 1px;
 }
 .btn_social{
   width:  400px;
   height: 320px;
   position: absolute;
   filter: grayscale(100%);
   background-image: url(../assets/social_0.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }
 .btn_politico{
   width:  400px;
   height: 320px;
   float: right;
   filter: grayscale(100%);
   background-image: url(../assets/btn_politico_02.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }
 .desc_politico_view{
   width: 400px;
   position: absolute;
   text-align: justify;
 }
 .grup_social{
   background-color: #ccc;
 }
 .grup_contenido{
   width: 100%;
   height: 500px;
   position: absolute;

   display: flex;
   flex-direction: row;
 }
.secc_politico{
  margin-top: 50px;
}
 .secc_02_view{
   width: 50%;
   height: 500px;
   z-index: 1;
   background-color: #454343;

   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
 }
 .secc_01_activo{
   width: 50%;
   height: 500px;
   margin-left: 50%;
   background-color: #454343;

   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
 }
 .cont_contextos{
   width: 100%;
   height: 500px;
   overflow: hidden;

 }
 .cont_desc{
   width: 100%;
   height: 500px;
   color: #f5f5f5;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
 .cont_botones{
   width: 100%;
   height: 500px;
   position: absolute;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
 }
 .desc_social{
   width: 50%;
   height: 500px;
   padding: 30px;
   background-color: #4e4e4e;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 .desc_politico{
   width: 50%;
   height: 500px;
   background-color: #4e4e4e;
   padding: 30px;
   background-color: #4e4e4e;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
.secc_social_norm{
  width: 50%;
  height: 500px;
  filter: opacity(100%);
  background-color: #ccc;
  transition: all 1s ease;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.secc_politico_norm{
  width: 50%;
  height: 500px;
  filter: opacity(100%);
  background-color: #ccc;
  transition: all 1s ease;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.secc_social_activo{
  width: 50%;
  height: 500px;
  filter: opacity(100%);
  background-color: #ccc;
  transition: all 1s ease;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.secc_politico_activo{
  width: 50%;
  height: 500px;
  margin-left: 100%;
  background-color: #ccc;
  transition: all 1s ease;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.secc_politico_hide{
  width: 50%;
  height: 500px;
  margin-left: 0%;
  background-color: #ccc;
  transition: all 1s ease;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn_01{
  width:  30px;
  height: 30px;
  margin-right: 10px;
  background-color: #4e4e4e;
}
.btn_02{
  width:  30px;
  height: 30px;
  margin-left: 10px;
  background-color: #4e4e4e;
}
.btnClose{
  width: 30px;
  height: 30px;
  background-color: #f5f5f5;
}
 .grup_politico{
   overflow: hidden;
   z-index: 2;
   margin-top: -319px;
   background-color: #ccc;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }
 .cont_social{
   width: 100%;
   height: 320px;
   background-image: url(../assets/contexto_der.png);
   background-repeat: no-repeat;
   background-position: right;
   background-size: contain;
 }
 .secc_social{
 }
 .cont_politico{
   width: 100%;
   height: 320px;
   background-image: url(../assets/contexto_izq.png);
   background-repeat: no-repeat;
   background-position: left;
   background-size: contain;
 }
 .tex_social{
   width: 600px;
   padding-top: 100px;
   margin-left: 450px;
   text-align: justify;
 }
 .tex_politico{
   width: 600px;
   padding-top: 25px;
   margin-left: 100px;
   text-align: justify;
 }
 .view_social{
   width: 700px;
   height: 318px;
   position: absolute;
   margin-left: 360px;
   background-image: url(../assets/contexto_der.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: right;
   transition: all 1s ease;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
 .hide_social{
   width: 700px;
   height: 318px;
   margin-left: -100%;
   position: absolute;
   background-image: url(../assets/contexto_der.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position:center;
   transition: all 1s ease;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
 .view_politico{
   width: 100%;
   height: 318px;
   margin-left: 0%;
   position: absolute;
   background-image: url(../assets/contexto_izq.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
 }
 .hide_politico{
   width: 100%;
   height: 318px;
   margin-left: 100%;
   position: absolute;
   background-image: url(../assets/contexto_izq.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position:center;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
 }
 .close_izq{
   width: 30px;
   height: 50px;
   margin-left: 130px;
   margin-right: 50px;
   background-image: url(../assets/arrow_der.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 .close_der{
   width: 30px;
   height: 50px;
   background-image: url(../assets/arrow_der.svg);
   background-position: center;
   background-repeat: no-repeat;
 }
 .parrafo_politico{
   width: 420px;
   margin-left: 50px;
   color: #fff;
   font-weight: lighter;
   letter-spacing: 2px;
 }
  .secc_infografia{
    margin-top: 50px;
  }
  .cont_info{
    width: 100%;
    height: 700px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .img_info{
    width: 100%;
    height: 600px;
    background-image: url(../assets/infografia.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .cont_inver{
    width: 100%;
    height: auto;
    margin-top: 50px;
    text-align: center;
  }
  .icon_inver_01{
    width: 100%;
    height: 150px;
    background-image: url(../assets/federal.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .icon_inver_02{
    width: 100%;
    height: 150px;
    background-image: url(../assets/estatal.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .icon_inver_03{
    width:  100%;
    height: 150px;
    background-image: url(../assets/municipal.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .info_inver{
    margin-top: 30px;
  }
  .inver_info{
    width: 100%;
    margin-top: 50px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .titulo_total{
    font-size: 2.5rem;
    font-weight: lighter;
    letter-spacing: 2px;
    line-height: 10px;
    color: #d7a050;
  }
  .contador{
    width: 100%;
    font-size: 2.5rem;
    color: #d7a050;

    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .contador_total{
    display: flex;
    flex-direction: row;
    font-size: 3.5rem;
    color: #d7a050;
  }
  .contador p{
    margin-right: 5px;
  }
  .titulo_money{
    font-size: 3.5rem;
    color: #d7a050;
  }
  .titulo_inver{
    font-size: 3rem;
    font-weight: lighter;
    letter-spacing: 1px;
    color: #d7a050;
    line-height: 0px;
  }
  .money{
    padding-top: 10px;
    font-size: 2rem;
    color: #d7a050
  }
  .picker{
    width:  25px;
    height: 25px;
    z-index: 100;
    opacity: 1;
    background-color: #A65757;
    border-radius: 100px;
    transition: all 1s ease;
  }.picker:hover{
    background-image: url(../assets/picker_activo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: inherit;
  }
  .picker_01{
    margin-top: 60px;
    margin-left: -10px;
    position: absolute;
  }
  .picker_02{
    margin-top: -90px;
    margin-left: -190px;
    position: absolute;
  }
  .picker_03{
    margin-top: -130px;
    margin-left: 200px;
    position: absolute;
  }
  .data-picker{
    width: 250px;
    height: 120px;
    position: absolute;
    filter: opacity(100%);
    font-family: 'Montserrat', sans-serif;
    background-color: #d7a050;
    color: #fff;
    padding: 15px;
  }
  .data_text_big{
    font-size: 3rem;
    line-height: 0px;
  }
  .data_text_med{
    font-size: 2rem;
    line-height: 30px;
    letter-spacing: 2px;
  }
  .data_text_money{
    padding-top: 5px;
    font-size: 2.5rem;
    letter-spacing: 2px;
  }
  .position-data-01{
    margin-top: 50px;
    margin-left: 150px;
  }
  .position-data-02{
    margin-top: -150px;
    margin-left: 350px;
  }
  .position-data-03{
    margin-top: -100px;
    margin-left: -340px;
  }
  .secc_objetivos{
    width: 100%;
    height: 450px;
    margin-top: 100px;
    color: #4e4e4e;
  }
  /* Control objetivos */
  .control_obj{
    height: 110px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .cont_sub_objetivo{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .titulo_objetivos{
    font-size: 7rem;
    font-weight: lighter;
    color: #d7a050;
    text-align: right;
    letter-spacing: 2px;
  }
  .titulo_obj{
    width: 100%;
    height: 50px;
    margin-top: -5px;
    padding-right: 10px;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 2px;
    color: #d7a050;
    text-align: right;
  }
  .obj_botones{
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .btn_obj{
    width: 50px;
    height: 60px;
    margin-right: 10px;
    background-image: url(../assets/mascar_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 1.5rem;
    color: #4e4e4e;
    cursor: default;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_obj:hover{
    background-image: url(../assets/polygono.svg);
    background-image: url(../assets/polygono.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: #f5f5f5;
    cursor: default;
  }
  .btn_obj_activo{
    width: 50px;
    height: 60px;
    margin-right: 10px;
    background-image: url(../assets/polygono.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 1.5rem;
    color: #f5f5f5;
    cursor: default;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cont_obj_activo{
    text-align: justify;
    position: absolute;
    z-index: 1;
    filter: (100%);
  }
  .cont_obj{
    cursor: default;;
    position: absolute;
    filter: opacity(0%);
    z-index: 1;

  }
  .obj_desc{
    font-size: 1.5rem;
    font-weight: lighter;letter-spacing: 1px;
  }
  /* Antecedentes */

  /* Pantallas mapa */
  .secc_intro_centro{
    padding-top: 170px;
  }
  .secc_controles_mapa{
    margin-top: 100px;
    height: auto;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }
  .texto_centro{
    font-size: 1.rem;
    font-weight: lighter;
    letter-spacing: 2px;
    text-align:center;
  }
  .img_render{
    width: 100%;
    height: 350px;
    background-image: url(../assets/IMG_6200.JPG);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
  }
  .mapa_2d{
    width: 100%;
    height: 80vh;
    z-index: 2;
    background-image: url(../assets/mapa2d.png);
    background-color: #4e4e4e;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .mapa_2d_hide{
    width: 100%;
    height: 1100px;
    filter: opacity(0%);
    transform: scale(0);
    z-index: 2;
    background-image: url(../assets/mapa2d.png);
    background-color: #4e4e4e;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
  }
  .close_pantalla{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .close_pantalla:hover p{
    cursor: default;
  }
  .target{
    width: 300px;
    height: 300px;
    background-image: url();
  }
  .circulo_01{
    width:  40px;
    height: 40px;
    z-index: 1;
    position: absolute;
    background-color: #d7a050;
    border-radius: 100px;
    color: #f5f5f5;
    font-size: 1.5rem;
    font-weight: lighter;
    padding-top: 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .circulo_02{
    width:  65px;
    height: 65px;
    border-style: solid;
    border-width: 2px;
    border-color: #d7a050;
    border-radius: 100px;
    animation: circulo_cerrar 3s infinite;
  }
  .circulo_03{
    width:  80px;
    height: 80px;
    border-style: solid;
    border-width: 3px;
    position: absolute;
    border-color: #d7a050;
    border-radius: 100px;
    animation: circulo_cerrar 2s infinite;
  }
  @keyframes circulo_cerrar {
    0%{
      transform: scale(0);
      filter: opacity(100%);
    }
    50%{
      transform: scale(1);
      filter: opacity(50%);
    }
    100%{
      transform: scale(0);
      filter: opacity(0%);
    }
  }
  .parrafo_pantalla{
    color: #ffff;
    font-weight: lighter;
    letter-spacing: 1px;
    text-align: justify;
  }
  .titulo_pantalla{
    text-align: center;
    font-size: 2rem;
    color: #d7a050;
    letter-spacing: 2px;
    font-weight: 400;
  }
  .desc_pantalla{
    width: 100%;
    height: 150px;
    overflow: scroll;
  }
  .pantalla_01{
    width: 100%;
    height: 100vh;
    margin-left: 0px;
    background-color: #303030;
    position: fixed;
    z-index: 9000;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .img_republica_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_republica/1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .img_republica_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_republica/2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .img_republica_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_republica/3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .img_republica_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_republica/4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .img_republica_05{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_republica/5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .img_malecon_02{
    width: 100%;
    height: 300px;
    background-image: url(../assets/imganes/plazas_03.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
  }
  .img_malecon_03{
    width: 100%;
    height: 300px;
    background-image: url(../assets/imganes/plaza_globos.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
  }
  .baluarte_01{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .baluarte_02{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .baluarte_03{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .baluarte_04{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .baluarte_05{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .img_morelos_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/morelos/1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
  }
  .img_morelos_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/morelos/2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-position: center;
  }
  .img_morelos_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/morelos/3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-position: center;
  }
  .img_morelos_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/morelos/4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-position: center;
  }
  .img_morelos_05{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/morelos/5.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-position: center;
  }
  .ciriaco_01{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/ciriaco/ciri_01.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .ciriaco_02{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/ciriaco/ciri_02.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .ciriaco_03{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/ciriaco/ciri_03.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .ciriaco_04{
    width: 100%;
    height: 400px;
    background-image: url(../assets/galeria_imagenes/img_full/ciriaco/ciriaco_04.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .ciriaco_05{
    width: 100%;
    height: 400px;
    background-image: url(../assets/galeria_imagenes/img_full/ciriaco/ciriaco_05.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .huaca_01{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/huaca/huaca_01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:  cover;
  }
  .huaca_02{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/huaca/huaca_02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:  cover;
  }
  .huaca_03{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/huaca/huaca_03.jpg);
    background-repeat: no-repeat;
    background-position: bottom ;
    background-size: cover;
  }
  .huaca_04{
    width: 100%;
    height: 400px;
    background-image: url(../assets/imganes/huaca/huaca_04.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  /* Pantallas mapa */

  /* Prensa */
  .secc_premios{
    width: 100%;
    height:auto;
    padding-bottom: 100px;
    padding-top: 70px;
    background-color: #4e4e4e;
  }
  .img_bienal{
    width: 100%;
    height: 350px;
    background-image: url(../assets/bienal_internacional.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .img_buen{
    width: 100%;
    height: 350px;
    background-image: url(../assets/img_buen_gobierno.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .img_foro{
    width: 100%;
    height: 350px;
    background-image: url(../assets/foro_ciudades.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_mencion{
    width: 100%;
    height: 350px;
    background-image: url(../assets/img_regional.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .card_prensa{
    width: 100%;
    height: auto;
  }
  .titulo-center{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 20px;
  }
  .titulo-center h2 {
    font-size: 2.4rem;
  }
  .slide_cont{
    width: 100%;
    height: 550px;
  }
  .desc_prensa{
    width: 100%;
    height: 150px;
    padding: 20px;
    background-color: #303030;
    color: #fff;
    font-size: 1.2rem;
    font-weight: lighter;
    text-align: justify;
    line-height: 20px;
    letter-spacing: 1px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }
  .sep{
    margin-top: 100px;
  }
  .desc_prensa_02{
    width: 100%;
    height: auto;
    padding: 20px;
    background-color: #303030;
    color: #fff;
    font-size: 1.4rem;
    font-weight: lighter;
    text-align: justify;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 30px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }
  .titulo_prensa{
    width: 300px;
    color: #d7a050;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
  }
  .icon_premio_01{
    width:  100%;
    height: 70px;
    margin-bottom: 10px;
    margin-right: 50px;
    background-image: url(../assets/bienal.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .icon_premio_02{
    width:  100%;
    height: 70px;
    margin-bottom: 10px;
    margin-right: 50px;
    background-image: url(../assets/icono_buen_gobierno.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .icon_premio_03{
    width:  50%;
    height: 70px;
    margin-right: 50px;
    margin-bottom: 10px;
    background-image: url(../assets/icono_foro.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .icon_premio_04{
    width:  50%;
    height: 70px;
    margin-bottom: 10px;
    margin-right: 50px;
    background-image: url(../assets/II_Bienal.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .card_premio{
    margin-top: 100px;
    padding-bottom: 20px;
    font-size: 1.2rem;
    color: #f5f5f5;
    line-height: 20px;
    letter-spacing: 2px;
    text-align: justify;
    background-color: #5B5959;
    -webkit-box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.25);
    box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.25);

    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .titulo_premio{
    width: 400px;
    height: 90px;
    margin-top: 20px;
    font-size: 1.3rem;
    text-align: center;
    color: #d7a050;
    font-weight: normal;
    line-height: 20px;
  }
  .parrafo_premio{
    padding-left:  30px;
    padding-right: 30px;
  }
  .cont_premio{
    color: #fff;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .img_premio{
    height: 400px;
    background-image: url(../assets/premio.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .secc_premios_desc{
    width: 100%;
    height: 550px;
    background-color: #373737;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .titulo_premio{
    padding-bottom: 20px;
  }
  /* Prensa */

  /* Más */
  .secc_informacion{
    width: 100%;
    height: 100vh;
    padding-top: 200px;
  }
  /* Más */

  /* Linea del tiempo */
  .secc_tiempo{
    width: 100%;
    height: 100%;
    margin-bottom: 100px;
  }
  .titulo_tiempo{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .container_time{
    margin-bottom: 50px;

    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .grup_time{
    width: 100%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .grup_cita{
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    font-style: italic;
  }
  .secc_slideshow_ante{
    display: none;
  }
  .comilla{
    font-size: 5rem;
    font-family: Helvetica;
    margin-top: -20px;
    font-style: italic;
    color: #b2b2b2;
  }
  .line_time{
    width: 2px;
    height: 6300px;
    margin-top: 70px;
    background-color: #d7a050;
    position: absolute;
  }
  .año{
    font-size: 5rem;
    font-weight: bold;
    color: #d7a050;
    letter-spacing: 2px;
  }
  .point_time{
    width:  30px;
    height: 30px;
    margin-right: 30px;
    margin-left: 30px;
    background-color: #f5f5f5;
    border-radius: 100px;
    border: solid;
    border-width: 2px;
    border-color: #d7a050;
  }
  .secc_left{
    width: 450px;
    direction: ltr;
    text-align: center;
  }
  .secc_right{
    width: 450px;
    height: auto;
    direction: ltr;
    text-align: center;
  }
  /* Linea del tiempo */

  /* Galeria */
  .secc_galeria{
    padding-top: 200px;
    margin-bottom: 100px;
  }
  .titulo_galeria{
    margin-bottom: 50px;
  }
  .cont_galery{
    display: flex;
  }
  .contenedor_galeria{
    background-color: #ccc;
  }
  .cont_plazas{
    width: 800px;
    height: 180px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .cont_comp{
    width: 800px;
    height: 180px;
    margin-top: -90px;
    margin-left: -160px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .cont_gallery_04{
    margin-left: 160px;
    margin-top: -99px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .cont_gallery_05{
    margin-left: 320px;
    margin-top: -110px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .cont_corredores{
    width: 800px;
    height: 180px;
    margin-top: -87px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .btn_galery_grup{
    margin-right: 120px;
  }
  .galeria_cat{
    color: #fff;
    font-weight: bolder;
    letter-spacing: 1px;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
  .btn_gallery_activo{
    width: 202px;
    height: 200px;
    position: absolute;
    margin-left: -1px;
    z-index: 1;
    filter: opacity(0%);
    background-image: url(../assets/hexagono.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_gallery_activo:hover{
    filter: opacity(100%);
  }
  .slide_gallery{
    width: 100%;
    height: 500px;
  }
  .scroll_text{
    width: 100%;
    height: 100px;
    overflow-y: scroll;
  }
  .scroll_text::-webkit-scrollbar{
      width: 5px;
  }
  .scroll_text::-webkit-scrollbar-thumb{
    background-color: #d7a050;
    outline: 1px solid slategrey;
  }
  .cont_carousel{
    width: 100%;
  }
  .item_tamaño{
    width: 100%;
    height: 600px;
  }
  .item_tam_02{
    width: 100%;
    height: 400px;
  }
  .img_ante_01{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/ante_01.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_02{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/ante_02.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_03{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/ante_03.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_04{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/ante_04.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_05{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_0075.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_06{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_0130.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_07{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_0169.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_07{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_0169.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_08{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_0795.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_09{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_1110.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_10{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_1204.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_11{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_1269.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_12{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_1270.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_13{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_1960.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_14{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_2302.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_ante_15{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/antecedentes/IMG_2889.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
  }
  .img_galeria_01{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/baluarte1_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .img_galeria_02{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/plaza_malecon.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .img_galeria_03{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/plazarepublica_0.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_04{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/plaza_ciriaco.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_05{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/reforma_02.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_06{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/columna.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_07{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/morelos.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_08{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/corredor_rayon.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_09{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/antecedentes_0.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img_galeria_10{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/corredor_landero.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .img_galeria_11{
    width:  200px;
    height: 200px;
    filter: grayscale(100%);
    background-image: url(../assets/galeria_imagenes/btn/corredor_lahuaca_0.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 1s ease;
  }
  .img_baluarte_01{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_baluarte_02{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_baluarte_03{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_baluarte_04{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_baluarte_05{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_baluarte/5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* Imagenes plaza malecon */
  .img_malecon_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_malecon/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_malecon_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_malecon/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_malecon_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_malecon/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  }
  .img_malecon_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/plaza_malecon/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* imagenes plaza de la reforma */
  .img_reforma_01{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/reforma/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_reforma_02{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/reforma/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_reforma_03{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/reforma/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_reforma_04{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/reforma/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_reforma_05{
    width:  100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/reforma/5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* Ciriaco */
  .img_ciriaco_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/Parque_ciriaco/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_ciriaco_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/Parque_ciriaco/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_ciriaco_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/Parque_ciriaco/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_ciriaco_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/Parque_ciriaco/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_ciriaco_05{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/plazas/Parque_ciriaco/5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  /* landero */
  .img_landero_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/landero/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_landero_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/landero/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  /* Rayon */
  .img_rayon_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/rayon/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_rayon_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/rayon/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_rayon_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/rayon/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_patria_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/columna/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  .img_patria_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/columna/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
  .img_patria_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/columna/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_patria_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/columna/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_patria_05{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/comple/columna/5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_comp_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/morelos/morelo_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_comp_01{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/morelos/morelo_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -100px;
  }
  /* */
  .img_comp_02{
    width: 100%;
    height: 300px;
    background-image: url(../assets/galeria_imagenes/img_full/reforma/reforma_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_corre_01{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/huaca/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_corre_02{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/huaca/2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_corre_03{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/huaca/3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_corre_04{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/huaca/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .img_corre_05{
    width: 100%;
    height: 100%;
    background-image: url(../assets/galeria_imagenes/img_full/corredores/huaca/5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .btn_modal_close{
    position: absolute;
    z-index: 3;
    right: 0;
  }
  /* Galeria */
  /* Publicaciones */
  .pub{
    margin-bottom: 20px;
    color: #f5f5f5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .pub:hover{
    color: #d7a050;
  }
  .car_01{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/bienal.png);
    background-position: center;
    background-size: cover;
  }
  .car_02{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/heraldo_veracruz.png);
    background-position: center;
    background-size: cover;
  }
  .car_03{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/real_estate.png);
    background-position: center;
    background-size: cover;
  }
  .car_04{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/reto_manolo.png);
    background-position: center;
    background-size: cover;
  }
  .car_05{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/Soberania_1.png);
    background-position: center;
    background-size: cover;
  }
  .car_06{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/Soberania_2.png);
    background-position: center;
    background-size: cover;
  }
  .car_07{
    width: 100px;
    height: 120px;
    margin-right: 20px;
    background-color: #ccc;
    background-image:  url(../publicaciones/JavierMarin_PortadaCORPUS.png);
    background-position: center;
    background-size: cover;
  }
  /* Modal */
    .modal_cont{
      width: 100%;
      height: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      background-color:#3C3C3C;
    }
    .header_modal{
      width: 100%;
    }
    .modal_main{
      padding: 25px;
    }
    .lista_cv{
      width: 500px;
      margin-left: 35px;
      height: 200px;
      overflow-y: scroll;
      color: #fff;
      font-size: 1.3rem;
      font-weight: lighter;
    }
    .lista_manolo_01{
      padding-top: 5px;
    }
    .lista_manolo_01 li{
      margin-top: 10px;
      list-style: disc;
      list-style-image: url(../assets/listado_icono.png);
    }
    .lista_cv::-webkit-scrollbar{
      width: 5px;
    }
    .lista_cv::-webkit-scrollbar-thumb{
      background-color: #d7a050;
    }
  /* Modal */
  .galeria_01{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/Maqueta_original.jpg);
    background-size: cover;
  }
  .galeria_02{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_02.jpg);
    background-size: cover;
  }
  .galeria_03{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/columna.png);
    background-size: cover;
  }
  .galeria_04{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/barrio_la_huaca.png);
    background-size: cover;
  }
  .galeria_05{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_03.jpg);
    background-size: cover;
  }
  .galeria_06{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_09.jpeg);
    background-size: cover;
  }
  .galeria_07{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_01.jpg);
    background-size: cover;
  }
  .galeria_08{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_06.jpg);
    background-size: cover;
  }
  .galeria_09{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_15.jpg);
    background-size: cover;
  }
  .galeria_10{
    width: 100%;
    height: 100vh;
    background-image: url(../assets/slide_img/img_08.jpg);
    background-size: cover;
  }
}