/*Modificamos las dimensiones del logo de lolita!*/

.contenedor_icono{
    max-width: 100px;
 }
 
/*Menos separación entre los elementos del menu*/
.item_enlace{
    margin-right: 1em;
}

/*Poner conejito encima de texto header*/
.item_enlace:hover::after{
    content: url(../gifs/tachado.gif);
    transform: scale(0.3);
    position: absolute;
    left: -115px;
    top: -133px;
}

#contenerdor_portada{
    margin-top: 4em;
    margin: 1em;
}

.contenedor_intro{
    margin-top: 8em;
    margin-left: 5em;
    margin-right: 5em;

}

.titulo_portada{
    line-height: 1.2em;
    font-size: 2em;
}

.claim_text{
    gap:0.5em;
    line-height: 0.5em;
    margin-top: 1em;
    font-size: 7.2em;
}

.work-fav{
    padding-top: 4em;
    padding-bottom: 8em;
}


.gallery-grid{
    row-gap: 6em;
    column-gap: 1em;
}

.gallery-title{
    margin-top: 1em;
    margin-bottom: 0.2em;
    font-size: 1.15em;
    
}

.gallery-subtitle{
    font-size: .9em;
    line-height: 1.2em;

}

/* FOOTER  */
.bloque_footer{
    min-height: 8em ;
    font-size: 1.1em;
    margin: 0em;

}

.contact-title{
    font-size: 100px;
    margin-left: 20px;
    margin-top: 20px;
}

/*___SINOPSIS___*/

.titulo_sinopsis{
    font-size: 1.4em;
    margin-bottom: 0.2em;
}

.claim_sinopsis{
    font-size: 1.1em;
    margin-bottom: 0.2em;
    
}

.categoria_sinopsis{
    font-size: 1.1em;
    margin-bottom: 0.2em;

}

/*______ABOUT______*/


.contenedor_about{
    margin: 2em;
    margin-bottom: 6em;
    margin-right: 2em;
    gap: 1em;
}

.titulo_about{
    font-size: 5.5em;

}

.contenedor_texto{
    gap: 4em;
    margin-right: 0em;

}

.presentacion_bloque{
    gap: 6em;
}

.frase {
    line-height: 1.2em;
    font-size: 1.2em; 
}

.presentacion{
    line-height: 1.4em;
    font-size: 20px;
    min-width: 40%;
    gap: 0.6em;
}

/* DRAG AND DROP */
/* GRUPO DE STICKERS */
.stickers-grupo{
    z-index: 25;
    position: absolute;
}

/* FOTO DE PERFIL*/
.img-yo{
    top: 300px; /* Posición inicial */
    left: 300px; /* Posición inicial */
}

/* PEGATINA ABUELA */
.pin-abuela{
    top: 100px; /* Posición inicial */
    left: 800px; /* Posición inicial */
}

/* Estilo para elementos arrastrables */
.draggable {
    cursor: grab;
    position: absolute;
}


.curriculum_nota{
    gap: 1.5em;

}
 

/*Corregir tamaño?*/
.imagen_cv{
    font-size: 1em;
}

/*______CONTENIDO_____*/


/* SCROLL HORIZONTAL GALLERY */
.slider-wrapper {

    max-width: 600px;
    grid-auto-columns: 105%;
    overflow-x: scroll;

}
  
.item-slide > img {
    inline-size: 100%;
    aspect-ratio: 4/ 5;
    object-fit: cover;

}


/* APARTADO DE LA INFO */
/* TITULO + TAGS + CONTENIDO + PASADORES */
.bloque_contenido{
    margin-top: 6em;
    padding: 1em;
    font-size: 16px;

    gap: 1.4em;
}

/* TITULO + TAGS + CONTENIDO*/

.bloque_proyecto{
    padding-right: 1em;
    padding-left: 0.5em;
    gap: 1em;
}

/* BLOQUE TITULO + TAGS CLAVE */

.title_pclave{
    display: flex;
    flex-direction: column;
    gap: 0.8em;
}

/* TITULO PROYECTO */

.titulo_contenido{
    font-size: 3em;

}

/* APARTADO DE PALABRAS CLAVE */

.palabras-clave{
    line-height: 1.3em;
    font-size: 1em;

}

/* TEXTO DEL PROYECTO */

.bloque_textoproyecto{
    gap: 1.3em;
    line-height: 1.4em;
    font-size: 1em;
    
}

/* PASADORES NEXT AND PREVIOUS */
.pasadores{
    font-size: 18px;
}