/*
black:
131313
131313
131313

dark gray:
474444
474444
474444

light gray:
D7D3D1
D7D3D1
D7D3D1

white:
#efebe9
efebe9
efebe9
*/
:root {
    --white: #efebe9;
    --black: #070707;
    --darkgray: #474444;
    --lightgray: #D7D3D1;

    --h6: 12.6px;
}


::selection {
  background: var(--white);
  color: var(--black);
}
html{
   scroll-behavior: smooth;
}


@font-face {
  font-family: 'logo';
  src: url('../src/fonts/MonaSansSemiExpanded-SemiBoldItalic.ttf') format('truetype');
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('../src/fonts/MonaSansVariable.ttf') format('truetype');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

section{
  width: 100%;
}

*{
   font-family: "Mona Sans", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-variation-settings:
     "wdth" 110;
  font-stretch: 120%;
  color: var(--white);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  user-select: none;
  margin:0;
  padding: 0;
}

body{
  width: 100vw;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
body::-webkit-scrollbar {
  width: 0px;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: var(--black);
  border-radius: 0.015em;
}



.text_splitter {
  position: relative;
   }
   .text_splitter .line_wrapper{
      display: block;
      padding: 0; /* Asegura que no haya espacios innecesarios */
      overflow: hidden;
   }
   .text_splitter .line {
      display: block;
      margin-top: -0.27em; /* Quita márgenes */
      padding: 0; /* Asegura que no haya espacios innecesarios */
      overflow: hidden;
      }
      .text_splitter .line .word {
         display: inline-block; /* Asegura que las palabras se traten como bloques */
         height: 1em; /* Tamaño del texto */
         }
         .text_splitter .line .word .char {
            display: inline-block;
         }






/*----H'S-----*/
img{
   user-select: none;
   pointer-events: none;
}
h1, .h1{
   font-size: 75px;
  line-height: 1.05em;
  letter-spacing: -0.015em;
}
h2, .h2{
  font-size: 46.35px;
  line-height: 1.05em;
  letter-spacing: 0.005em;
}
h3, .h3{
  font-size: 28.6px;
  line-height: 1.1em;

}
h4, .h4{
  font-size: 17.7px;
  line-height: 1.35em;
}
p{
  font-size: 17.7px;
  line-height: 1.35em;
}
h6{
   font-weight: 400;
  line-height: 1.35em;
}
/**/
li{
   list-style: none;
}

header{
   filter: blur(0%);
   transition: filter 0.35s cubic-bezier(.36,-0.01,.27,.99),
               opacity 0.35s cubic-bezier(.36,-0.01,.27,.99);
   background-color: var(--black);
   display: flex;
   justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
      }

      #header{
        width: calc(100% - 25px);
        height: 40px;
        position: relative;
        border-radius: 2.5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        }
        #logo{
           position: relative;
            left: 10px;
            top: -0.03em;
            transform-origin: top left;
            z-index: 200;
            }
            #logo a{
               color: var(--white);
               width: 100%;
               height: 100%;
               font-size: 72PX;
               text-decoration: none;
               cursor: pointer;
            }
            #logo>a>.header_color{
               font-family: 'logo';
            }
      #menu{
        transition: transform 0.3s;
        width: calc(50% - 25px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        top: 0;
        position: relative;
        right: 20PX;
        padding: 0;
        }
        #menu>a, #menu>span{
          position: relative;
          padding: 0;
          text-decoration: none;
          text-align: center;
            }
            #menu>a:hover p{
               font-weight: 300;
               font-style: italic;
               opacity: 0.75;
               text-align: center;
               }
         #menu_responsive{
            margin-left: 0em;
            cursor: pointer;
            display: none;
            bottom: -2px;
            cursor: pointer;
            }
               #menu_responsive_svg{
                  width: 40px;
               }
          #menu>a>p{
            font-weight: 400;
          }
          .header_color{
             color: var(--white);
             transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
          }
#close_menu{
   cursor: pointer;
   position: fixed;
   opacity: 0;
   pointer-events: none;
   top: 7px;
   right: 14px;
   z-index: 201;
   }
   #close_menu>svg{
      width: 37px;
      fill: var(--white);
   }
   #menu_responsive_svg{
      fill: var(--white);

   }
#responsive_menu_container{
   opacity: 0;
   pointer-events: none;

   transition-delay: 0s;
   z-index: 199;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100dvh;
   background-color: var(--black);
   display: flex;
   justify-content: center;
   align-items: center;
   }
   #responsive_menu_container>div{
      width: calc(100% - 50px);
      height: calc(100% - 50px);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      }
      #responsive_menu_container>div>a{
         text-decoration: none;
         width: auto;
         }
         #responsive_menu_container>div>a>p{
            line-height: 1.25em;
            color: var(--white);
            }
            #responsive_menu_container>div>a>p:hover{
               -moz-transform: skew(-15deg, 0deg);
               -webkit-transform: skew(-15deg, 0deg);
               -o-transform: skew(-15deg, 0deg);
               -ms-transform: skew(-15deg, 0deg);
               transform: skew(-15deg, 0deg);
            }
#pantalla_carga{
 position: fixed;
 top: 0;
 left: 0;
 z-index: 998;
 background-color: var(--black);
 width: 100%;
 height: 100dvh;
 display: flex;
 justify-content: flex-start;
 align-items: flex-end;
 flex-wrap: nowrap;
   }
   #pantalla_carga>p{
      color: var(--white);
      position: absolute;
      bottom: 0;
      left: 0;
      font-weight: 400;
      font-style: italic;
      margin: 0 0 25px 25px;
      }


.transition{
   position: fixed;
   z-index: 999;
   width: 100%;
   height: 100vh;
   top: 0;
   left: 0;
   pointer-events: none;
   background-color: var(--black);
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   transition: 0s;
}



.text_animation_2 span {

    display: inline-block;
    white-space: nowrap;
}

.text_animation_2 {
    overflow: hidden;
    white-space: normal;
}











/***------ INNER PROJECTS ------***/
.video_inner_project{
   position: relative;
   top: 40px;
   width: 100vw;
   max-height: calc(100dvh - 200px);
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   }
   .video_inner_project video,
   .video_inner_project img{
      width: 100%;
      object-fit: contain;
      object-position: center center;
   }

.full_video{
   display: flex;
   justify-content: center;
   }
   .full_video>div{
      width: calc(100% - 50px);
      width: 100%;
      display: flex;
      justify-content: center;
   }
   .full_video>div>video{
      width: 100%;
      height: auto;
      }


.inner_project_info{
   margin-top: 150px;
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
   }
   .inner_project_info>div{
      width: calc(100% - 50px);
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-start;
      justify-content: space-between;
      }
      .inner_project_info>div>div{
         width: 100%;
         }
      .inner_project_info>div>div:nth-child(1){
         display: flex;
         flex-direction: column;
         width: 33%;
         align-items: flex-end;
         justify-content: flex-start;
         }
         .inner_project_info>div>div:nth-child(1)>li{
            padding: 0.5em 0;
            list-style: none;
            text-align: right;
            }
            .inner_project_info>div>div:nth-child(1)>li>p{
               font-size: var(--h6);
               text-align: right;
               font-weight: 400;
               }

      .inner_project_info>div>div:nth-child(2){
         display: flex;
         flex-direction: column;
         width: auto;
            }
            .inner_project_info>div>div:nth-child(2)>h1{
               font-weight: 500;
               margin: 0;
               padding: 0;
               width: 100%;
            }
            .inner_project_info>div>div:nth-child(2)>p{
               width: 750px;
               margin: 0;
               padding: 0;
               margin-top: 37.5px;
               font-weight: 300;
            }

.next_inner_project_bar{
   width: 100%;
   position: fixed;
   bottom: -100%;
   padding: 0 0 12.5px 0;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 100;
   user-select: none;
   }
   .next_inner_project_bar>a{
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      text-decoration: none;
   }
   .next_inner_project_bar>a>div{
      width: calc(100% - 25px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 2.5px;
      border: 1.6px solid var(--black);
      }
      .next_inner_project_bar>a>div>p{
         user-select: none;
         margin-left: 25px;
         font-weight: 500;
         line-height: 1em;
         top: -0.04em;
         position: relative;
         }
         .next_inner_project_bar>a>div>span>p{
            user-select: none;
            margin-right: 25px;
            font-weight: 400;
            position: relative;
            top: -0.03em;
            line-height: 1em;
            }

.inner_project_colaborators{
   margin: 75px 0;
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   }
   .inner_project_colaborators > div{
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      }
      .inner_project_colaborators > div > ul{
         width: calc(100% - 50px);
         display: flex;
         flex-wrap: nowrap;
         gap: 6.25px;
         flex-direction: row;
         align-items: flex-start;
         }
            .inner_project_colaborators > div > ul > li{
               width: 100%;
               display: flex;
               flex-direction: column;
               justify-content: flex-start;
               align-content: flex-start;
               }
               .inner_project_colaborators > div > ul > li > span {
                  margin-top: 1em;
                  font-weight: 200;
                  text-decoration: none;
                  }
                  .inner_project_colaborators > div > ul > li > p{
                  font-weight: 600;
                  text-align: left;
                  font-size: var(--h6);
                  }
                  .inner_project_colaborators > div > ul > li > p > a{
                     text-decoration: underline;
                  }
               .inner_project_colaborators li{
                  margin-top: 1em;
               }

.inner_project_content{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   margin: 100px 0;
   }

   .inner_project_content>div{
      width: calc(100% - 25px);
      display: flex;
      justify-content: center;
      }
      .inner_project_container{
         width: 100%;
         height: auto;
         margin: 25px 0;
         overflow: hidden;
         display: flex;
         justify-content: center;
         }
         .inner_project_container iframe, .inner_project_container video{
            width: 66%;
            height: 37.25vw;
            object-fit: contain;
            border-radius: 2.5px;
            }
         .inner_project_container img{
            width: 66%;
            object-fit: contain;
            border-radius: 2.5px;
            }


.inner_project_content_columns{
   width: 100%;
   display: flex;
   align-items: flex-start;
   gap: 25px;
   justify-content: flex-start;
   }
   .inner_project_column{
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      }
      .inner_project_column h4{
         font-weight: 400;
      }
      .inner_project_column>h4>br{
      }
      .c33{
         width: 33%;
      }
      .c66{
         width: 66%;
      }

.gallery_1{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   }
   .gallery_1>div{
      width: calc(100% - 75px);
      display: flex;
      justify-content: center;
      }
      .gallery_1>div>img{
         width: 100%;
      }

.gallery_2{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   }
   .gallery_2>div{
      width: calc(100% - 25px);
      display: flex;
      gap: 12.5px;
      justify-content: center;
      align-items: flex-start;
      }
      .gallery_2>div>img,
      .gallery_2>div>video,
      .gallery_2>div>div
      {
         width: calc(50% - 31.25px);
         object-fit: contain;
         }
         .ar16_9{
            }
            .yt_rave_1{
               width: 100%;
            }
         #bocetos_cerler{
            gap: 0;
            }
            #bocetos_cerler>video,
            #bocetos_cerler>img
            {
               border: 0.5px solid var(--white);
               aspect-ratio: 3230 / 1663;
            }

.gallery_3{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;

   }
   .gallery_3>div{
      width: calc(100% - 25px);
      display: flex;
      columns: 3;
      justify-content: center;
      gap: 12.5px;
      }
      .gallery_3>div>img{
         width: calc(33.333% - 25px);
      }


      .gallery_3_responsive{
         width: 100%;
         height: auto;
         display: flex;
         justify-content: center;
         }
         .gallery_3_responsive>div{
            width: calc(100% - 25px);
            display: flex;
            columns: 3;
            justify-content: center;
            gap: 12.5px;
            }
            .gallery_3_responsive>div>img,
            .gallery_3_responsive>div>video{
               width: calc(33.333% - 25px);
            }
.columns_1{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: center;
   }
   .columns_1>div{
      width: calc(100% - 25px);
      display: flex;
      columns: 2;
      justify-content: center;
      gap: 12.5px;
      }
      .columns_2>div>img,
      .columns_2>div>video,
      .columns_2>div>div{
         width: calc(50% - 25px);
      }
      #amigajos_com{
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         height: 60dvh;
         }
         #amigajos_com>a{
            text-decoration-thickness: 1.6px;
         }



#inner_plagas_list{
   font-weight: 300;
}
#inner_plagas_list li{
   width: 100%;
   margin-bottom: 25px;
   }
   #inner_plagas_list span{
      font-weight: 600;
   }



#files_title{
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top: 125px;
   margin-bottom: 50px;
   }
   #files_title>div{
      width: calc(100% - 25px)
      }
      #files_title>div>h4{
         font-weight: 500;
         }
      #files_title>div>div{
         background-color: var(--black);
         width: 100%;
         height: 0.12em;
         }


.archivo{
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
}
#archivo{
   transition: all 0.25s;
   padding-bottom: 25px;
   width: 100%;
   display: flex;
   justify-content: center;
   }
   #archivo>div{
      margin-top: 50px;
      columns: 4;
      column-gap: 12.5px;
      width: calc(100% - 25px);
   }
   #archivo>div>div{
      margin-bottom: 8.5px;
   }
   #archivo>div>div>img,#archivo>div>div>video{
      width: 100%;
   }




   /*
   .archivo_wrapper{
      width: calc(100% - 50px);
      display: grid;
      height: auto;
      grid-gap: 25px;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      grid-auto-rows: 250px;
      grid-auto-flow: dense;
      }
      #archivo_wrapper_amigajos{
         height: auto;
         }
      .archivo_wrapper>div{
         display: flex;
         justify-content: center;
         align-items: center;
         }
      .archivo_wrapper img{
         border-radius: 2.5px;
         max-width: 100%;
         height: 100%;
         vertical-align: middle;
         display: inline-block;
         object-fit: cover;
         }
         .autoheight img{
            height: auto;
            width: 100%;
         }
         .autowidth img{
            height: 100%;
            width: auto;
         }

      .archivo_wrapper .wide{
         }
      .archivo_wrapper .wide{
         grid-column: span 2;
      }
      .archivo_wrapper .wider{
         grid-column: span 4;
      }
      .archivo_wrapper .tall{
         grid-row: span 2;
      }
      .archivo_wrapper .big{
         grid-row: span 3;
         grid-column: span 3;
      }
      .archivo_wrapper .wider_43{
         grid-column: span 4;
         grid-row: span 3;
      }
      .archivo_wrapper .taller{
         grid-column: span 2;
         grid-row: span 4;
      }
      */


.inner_web_project{
   width: 100%;
   height: auto;
   padding: 25px 0;
   display: flex;
   justify-content: center;
   align-items: center;
   }
   .inner_web_project>h3{
      font-weight: 400;
      text-align: center;
      }


.next_inner_project{
   padding-top: 25px;
   margin-top: 200px;
   width: 100%;
   display: flex;
   justify-content: center;
   }
   .next_inner_project>div{
      width: calc(100% - 25px);
      display: flex;
      align-content: center;
      flex-direction: column;
      }
      .next_inner_project_title{
         margin-bottom: 12px;
         margin-left: 12px;
      }
      .next_inner_project_projects{
         width: 100%;
         display: flex;
         justify-content: space-between;
         flex-wrap: nowrap;
      }
      .next_inner_project_projects a{
         width: calc(50% - 6.75px);
         aspect-ratio: 16 / 9 ;
         overflow: hidden;
         }
         .next_inner_project_projects img,
         .next_inner_project_projects video
         {
            object-fit: cover;
            width: 100%;
            height: 100%;
         }
      .next_inner_project_contact{
         margin-top: 5rem;
         margin-bottom: 1rem;
         }
         .next_inner_project_contact>p{
            font-weight: 300;
            color: var(--lightgray);
         }
         .next_inner_project_contact>p>span{
            font-style: italic;
            }
            .next_inner_project_contact>p>span>a{
               text-decoration: none;
               font-weight: 300;
               }
               .next_inner_project_contact>p>span>a>span{
                  font-weight: 400;
                  text-decoration: underline;
                  text-decoration-thickness: 2px;
                  color: var(--white);
               }

   .next_inner_project>a>div{
      width: 100%;
      height: calc(100% - 50px);
      position: relative;
      }
      .next_inner_project>a>div>p{
         position: absolute;
         top: -0.25em;
         left: 20px;
         }
         .next_inner_project>a>div>span{
            right: 25px;
            bottom: 0;
            position: absolute;
            }
            .next_inner_project>a>div>span>h1{
               }
   .next_inner_project h4{
      line-height: 1em;
      letter-spacing: -0.05em;
      font-weight: 400;
   }
   .next_inner_project>a:hover>div>h4,.next_inner_project>a:hover>div>span>h4{
      }



























/***/
/***/
/***/
/***--- MEDIA QUERY'S ---***/
/***--- MEDIA QUERY'S ---***/
/***--- MEDIA QUERY'S ---***/
/***--- MEDIA QUERY'S ---***/
/***/
/***/
/***/
/***/

@media screen and (max-width: 1380px) {
   h1, .h1{
   }
   h2, .h2{
   }
   h3, .h3{
   }
   h4, .h4{
   }
   p{
   }
   h6{
   }
}

@media screen and (max-width: 1280px) {
   .inner_project_info{
    margin-top: 125px;
  }
  .inner_project_info>div{
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     }
     .inner_project_info>div>div:nth-child(2){
        width: 100%;
      }

     .inner_project_info>div>div:nth-child(1){
        margin: 0 0 50px 0;
        width: 100%;
        align-items: flex-end;
     }
      .inner_project_info>div>div:nth-child(1)>li{
         padding: 0.25em 0;
      }
        .inner_project_info>div>div:nth-child(1)>li>h6{
        }
        .inner_project_info>div>div:nth-child(1)>li>span>h6{
           width: 100%;
        }
   .inner_project_content_columns{
      flex-direction: column;
      align-items: center;
      gap: 25px;
      justify-content: flex-start;
      }
      .c33{
         width: 66%;
      }
      .c66{
     width: 100%;
      }
     .inner_project_container iframe, .inner_project_container video{
        width: 100%;
        height: 56.25vw;
        object-fit: contain;
        }
        .inner_project_container img{
           width: 100%;
           object-fit: contain;
           }
}

@media screen and (max-width: 1180px) {

   #menu{
      flex-direction: row-reverse;
   }

   .gallery_1>div,
   .gallery_2>div,
   .gallery_3>div{
      width: 100%;
   }
   .inner_project_colaborators > div > ul{
      width: calc(100% - 50px);
   }

}
@media screen and (max-width: 1050px) {
   .inner_project_info>div{
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      }
      .inner_project_info>div>div:nth-child(1){
         width: 100%;
         }
   .archivo_wrapper{
   height: auto;
   grid-gap: 25px;
   grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
   grid-auto-rows: 175px;
   grid-auto-flow: dense;
   }
}

@media screen and (max-width: 980px) {

   h1, .h1{
   }
   h2, .h2{
   }
   h3, .h3{
   }
   h4, .h4{
   }
   p{
   }
   h6{
   }


   .inner_project_colaborators > div > ul > li{
      width: calc(50% - 25px);
   }
   .inner_project_colaborators > div > ul{
      flex-wrap: wrap;
   }
   .gallery_3_responsive>div{
      flex-wrap: wrap;
      }
      .gallery_3_responsive>div>img,
      .gallery_3_responsive>div>video{
         width: calc(50% - 25px);
      }

   }
@media screen and (max-width: 850px) {
   .inner_project_info>div>div:nth-child(2)>p{
      width: calc(75% - 50px);
      }
      #archivo>div{
         columns:3;
      }

      .video_carrousel>div{
         max-width: 100%;
         overflow: hidden;
      }
   .video_carrousel>div>video{
      height: 50svh;
      width: auto;
   }


   .gallery_2{
      }
      .gallery_2>div{
         width: calc(100%);
         display: flex;
         flex-wrap: nowrap;
         flex-direction: column;
         align-items: center;
         justify-content: flex-start;
         gap: 12.5px;
         }
         .gallery_2>div>img,
         .gallery_2>div>video{
            width: 100%;
         }
      .gallery_3>div{
         width: 100%;
      }


}


@media screen and (max-width: 720px) {
   .c33{
      width: 100%;
   }

   #archivo>div{
      columns: 2;
   }

   .inner_project_info>div>div:nth-child(2)>p{
      width: 100%;
      }

   h1, .h1{
      font-size: 50px;
   }
   h2, .h2{
      font-size: 30.9px;
   }
   h3, .h3{
      font-size: 19.1px;
   }
   h4, .h4{
      font-size: 19.1px;
   }
   p{
   }
   h6{
   }
   .menu_item{
      display: none;
   }
   #menu_responsive{
      display: initial;
      }
      #menu{
        right: 0PX;
     }
     .gallery_3_responsive>div{
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        }
        .gallery_3_responsive>div>img,
        .gallery_3_responsive>div>video{
           width: calc(100% - 25px);
        }
        .gallery_3>div{
           width: 100%;
        }
        .gallery_3>div>img{
           width: calc(33.333% - 18.75px);
        }
}
@media screen and (max-width: 650px) {
   .archivo_wrapper{
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   grid-auto-rows: 100px;
   }
   .next_inner_project_projects{
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: initial;
      align-items: center;
      flex-wrap: nowrap;
      gap: 12px;
      }
      .next_inner_project_projects a{
         width: 100%;
      }
}

@media screen and (max-width: 600px) {
   h1, .h1{
   }
   .next_inner_project_bar>a>div>p{
      margin-left: 12.5px
      }
   .next_inner_project_bar>a>div>span>p{
      margin-right: 12.5px;
      }
   .next_inner_project_bar>a>div>span>p,
   .next_inner_project_bar>a>div>p {
      line-height: 1.25em;
   }


   #archivo{
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      padding-bottom: 25px;
      }
      .archivo_wrapper{
         width: calc(100% - 6.25px);
         display: flex;
         flex-direction: column;
         height: auto;

         grid-gap: none;
         grid-template-columns: none;
         grid-auto-rows: none;
         grid-auto-flow: none;
         }
         #archivo_wrapper_amigajos{
            height: auto;
            }
         .archivo_wrapper>div{
            display: flex;
            width: 100%;
            height: auto;
            justify-content: center;
            align-items: center;
            }
         .archivo_wrapper img{
            max-width: 100%;
            height: auto;
            }
            .autoheight img{
               height: auto;
               width: 100%;
            }
            .autowidth img{
               height: auto;
               width: 100%;
            }
}
@media screen and (max-width: 515px) {
   h1, .h1{
   }
}
@media screen and (max-width: 500px) {
   h1, .h1{
   }
   #responsive_menu_container>div{
      width: calc(100% - 25px);
      height: calc(100% - 25px);
   }
   .inner_project_info>div{
      width: calc(100% - 25px);
   }
}
@media screen and (max-width: 435px) {
   h1, .h1{
   }
   .next_inner_project_bar>a>div>span>p,
   .next_inner_project_bar>a>div>p {
      line-height: 1.50em;
   }
}











































































































































































































































































































































































































































































































































































































/**----Aquí no hay nada, sigue husmeando----**/