/* Reset CSS básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Fuente Benka */
@font-face {
    font-family: 'Benka';
    src: url('assets/fonts/Benka.otf') format('opentype'),
         url('assets/fonts/Benka.ttf') format('truetype'),
         url('assets/fonts/Benka.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  /* Fuente Quicksand */
  @font-face {
    font-family: 'Quicksand';
    src: url('assets/fonts/Quicksand-Light.ttf') format('truetype'), 
    
         url('assets/fonts/Quicksand-Medium.ttf') format('truetype'), 
         url('assets/fonts/Quicksand-Bold.ttf') format('truetype'); 
    font-weight: normal; /* Ajustar font-weight según el archivo específico */
    font-style: normal;
  }
  
  /* Fuente Poseidon */
  @font-face {
    font-family: 'Poseidon';
    src:
         url('assets/fonts/POSEIDON_VFF.ttf') format('truetype'),
         url('assets/fonts/POSEIDON.otf') format('opentype'),
         url('assets/fonts/POSEIDON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  /* Fuente Logotype */
  @font-face {
    font-family: 'Logotype';
    src: url('assets/fonts/Logotype.otf') format('opentype'),
         url('assets/fonts/Logotype.woff2') format('woff2'), 
         url('assets/fonts/Logotype.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

/* Loader Styles */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff0000; /* Default color; will be changed by JavaScript */
    z-index: 9999; /* Ensure it covers everything */
    transform: translateY(0); /* Start position */
    transition: transform .5s ease-out; /* Transition for the effect */
    display: flex;
    align-items: center;
    justify-content: center;
}



.blogi-list-container{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 2.5fr 1fr);
    margin-top: -350px;
  
}

.blogi-item-container{
    flex: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 520px;
}
.blogi-item-container2{
    height: 1500px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 520px;
}
.blogi-item-container img{
   width: 80%;
   margin-top: 1%;
   margin-bottom: 15px ;
   object-fit: contain;
    height: auto;

}
.blogi-item-container h3{
    font-family: Poseidon;
	font-size: 40px;
	line-height: 50px; 
	color: #725e44;
	text-align: center;
	text-decoration:none;
	font-weight: normal;

}

.blogi-item-container h4{
    font-family: Benka;
    font-size: 40px;
    font-weight: normal;
    line-height: 46px;
    color: #323034;
    text-align: center;
    min-height: 80px;
   
}

.blogi-item-container2 h3{
    font-family: Poseidon;
	font-size: 40px;
	line-height: 50px; 
	color: #725e44;
	text-align: center;
	text-decoration:none;
	font-weight: normal;

}

.blogi-item-container2 h4{
    font-family: Benka;
    font-size: 40px;
    font-weight: normal;
    line-height: 46px;
    color: #323034;
    text-align: center;
    min-height: 80px;
   
}

    .blogi-inner-container{
        display: flex;
        align-items: center;
        padding: 10px 0;
    }


.blogi{
    background: #FFFFFF;
}
.project{
   background: #F4AF25;
}


.list-container{
    max-width: 381px;
    margin-top: 17px;
}
.list-container ul {
    list-style-type: none; /* Elimina los puntos de lista predeterminados */
    padding: 0; /* Elimina el padding predeterminado */
    margin: 0; /* Elimina el margen predeterminado */
    display: inline-block; /* Hace que la lista sea un bloque en línea para centrarla */
}
.list-container li{
font-size: 21px;
font-family: Quicksand;
line-height: 40px;
font-weight: bold;
color: #000000;
text-align: center;
text-align: center; /* Asegura que el contenido de cada elemento de lista esté centrado */
position: relative; /* Posiciona los elementos en relación con su contenedor */
margin: 0 10px; /* Espaciado entre los elementos de lista, ajusta según sea necesario */
}

.team-section-blog{
    max-width: 1600px;
    display: flex;
    align-items:center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 60px;
    width: 100%;
}
.team-section-blog h3{
    color: #F4AF25;
    font-size: 80px;
    line-height: 58px;
    margin-bottom: 10px;
    margin-left:1px;
    margin-top: 65px;
    font-family: Benka;
    font-weight: normal;
   
  
}

.container_blog {
    background: #D6B116;
}

.text-blog {
	font-family: Quicksand;
	font-size: 22px;
	line-height: 34px;
	text-align: justify;
	color: #66533a;
	padding: 4% 10%;
}

.titulo-blog {
	font-family: Poseidon;
	font-size: 40px;
	line-height: 50px; 
	color: #725e44;
	text-align: center;
}

.text-entries {
    font-family: Poseidon;
    font-size: 30px;
    font-weight: normal;
    line-height: 46px;
    color: #FFFFFF;
    text-decoration: underline;
    text-align: center;
}

.blog {
	width: 100%;
}


.blog-list-container{
    display: flex;
    flex-direction:row;
    margin-top: -27px;
    margin-bottom: -4px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 32em;
}
.foto-item-container {
    min-height: 492px;
	width: 60%;
	margin: 1% 10%;
    height: auto;
}

.blog-item-container {
    min-height: 492px;
	width: 60%;
    padding: 50px 0 60px 0;
	margin: 5% 10%;
    height: auto;
}

.blog-item-container2 {
    min-height: 492px;
    padding: 68px 0 60px 0;
	margin: 2%;
    height: auto;
}

.blog-inner-container{
    width: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.entries{
   background: #F4AF25;
}

.blog-list-container li a:visited {
    text-decoration: none;
    color: #323034;
}

.blog-list-container ul {
    list-style-type: disclosure-closed; /* Coloca los puntos de lista predeterminados par aquitarlos es NONE*/
    padding: 10px 30px; /* Elimina el padding predeterminado */
    margin: 0; /* Elimina el margen predeterminado */
    display: inline-block; /* Hace que la lista sea un bloque en línea para centrarla */
}

.blog-list-container li{
font-size: 20px;
font-family: Quicksand;
line-height: 22px;
font-weight: bold;
color: #323034;
text-align: center;
text-align: center; /* Asegura que el contenido de cada elemento de lista esté centrado */
position: relative; /* Posiciona los elementos en relación con su contenedor */
margin: 0px 10px 0 10px; /* Espaciado entre los elementos de lista, ajusta según sea necesario */
}



    @media (min-width: 2560px) {
        /* Estilos para pantallas de 2K y mayores */

    
    
    }
    @media (min-width: 1367px) and (max-width: 1920px) {
      
      
        
      
    }

   @media (min-width: 1025px) and (max-width: 1366px) {

    
    /* Estilos para laptops pequeñas */

   
}

@media (min-width: 481px) and (max-width: 1024px) {
    /* Estilos para tablets */
    
    .image-container {
  
    height: 740px;
   
  
}
  
}

@media (max-width: 480px) {
    /* Estilos para dispositivos móviles */
     .tab-button img {
    max-width: 90px;
    height: auto;
}

.blogi-list-container{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin-top: -350px;
  
}

.blogi-item-container{
    flex: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 520px;
    margin-bottom: 8%;
}
.blogi-item-container2{
    height: 650px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 70px;
}  

 .image-container {
  
    height: 440px;
}

.team-section-blog h3{

    margin-left:5px;

}
    
}