body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
}

.layout {
    display: flex;
    min-height: 100vh;
}

/* Columnas laterales */
.columna {
    width: 15%;
    background-color: #f0f0f0;
}

/* Contenido centrado */
#contenido-principal {
    flex: 1;
    padding: 20px;
    background-color: #ffffff;
}
#stickyHead{
	position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 15px;
	z-index: 1;
	margin-left: auto;
    margin-right: 40px;
	
}


#displayed{
    position:absolute;
    width:100%;
	top:50px;
	right:0;
	padding-right:50px;

}


#menuText{
	display:block;
	float:right;
	margin-right:10px;
	text-align:center;
	margin-top:0px;
}
#menuText a{
	font-size:25px;
	right:25px;
	background-color:rgba(229,225,153,0.9);
	padding-bottom:2px;
	padding-top:2px;
	width:250px;
	margin:5px;
	border-style:solid;
	border-color:rgba(228,108,10,1.0);
	border-width:1px;
	color:black;
	text-decoration:none;
	display:block;
	
	
}
#menuText a span{
	
	font-size:15px;
	display:inline;
	
	
	
}
#seleccion{
	height:50vw;
	width:100%;
	
}

#menu{
	position:absolute;
	right:0;
	
}

.contenedor-imagen {
  position: relative;
  display: block;
}

.imagenes-superpuestas {
  position: absolute;
  top: 0;                  /* posición vertical centrada */
  left: 50%;                 /* posición horizontal centrada */
  transform: translate(-50%, -50%); /* centra completamente el contenedor */
  display: flex;
  gap: 20px;                 /* espacio entre imágenes */
  z-index: 2;
}

/* Responsive: ocultar columnas en pantallas pequeñas */
@media (max-width: 800px) {
    #colizq,
    #colder {
        display: none;
    }

    .layout {
        flex-direction: column;
    }

    #contenido-principal {
        width: 100%;
    }
}