/*========== PANELS CORE ==========*/

#story-container{
position:relative;
width:100%;
}


.panel{

width:100vw;
min-height:100vh;

position:relative;

display:flex;
align-items:center;

overflow:hidden;

background:var(--bg);

border-bottom:1px solid var(--border);

}



.panel:nth-child(even){

background:var(--bg-alt);

}



.contenido-story{

width:100%;
height:100%;

}



.texto-lado{

display:flex;
flex-direction:column;

}



.numero{

font-family:var(--font-mono);

font-size:1rem;

color:var(--text-muted);

margin-bottom:1rem;

}



.texto-lado h2{

font-family:var(--font-title);

text-transform:uppercase;

}



.texto-lado p{

line-height:1.6;

}



.imagen-lado{

position:relative;

}



.galeria-fotos{

position:relative;

}



.marco-foto{

overflow:hidden;

}



.marco-foto img{

display:block;

width:100%;
height:100%;

object-fit:cover;

}