/* Encabezado compacto (oct 2026): logo, solapa de secciones y menú en una sola línea */
#div_mnu{
	display:flex;
	align-items:flex-end;
	min-height:0;
	padding:12px 0 10px 0;
}
#div_mnu .banner_logo{
	float:none;
	padding-top:0;
}
#div_mnu .banner_logo > a > img{
	display:block;
	margin-top:0 !important;
}
#div_mnu .banner_menu{
	float:none;
	margin-left:auto;
	padding:0 !important;
}
#div_mnu > div[style*="clear"]{
	display:none;
}
/* solapa de secciones (solo en Works): mientras carga queda oculta, después se ubica al lado del logo */
body > #divsecc{
	position:absolute;
	visibility:hidden;
}
#div_mnu #divsecc{
	position:static;
	visibility:visible;
	width:auto !important;
	height:22px;           /* una sola fila de solapas, como el diseño original */
	margin:0 0 0 30px;
	padding:0;
	overflow:hidden;
	align-self:flex-end;
	flex:0 1 auto;
}
#div_mnu #divsecc .mnuSeccCell{
	margin-top:0;
	margin-bottom:0;
}

/* oct 2026: la solapa de secciones no se muestra (se entra directo a Works) */
#divsecc{
	display:none !important;
}

/* la foto grande no se deforma nunca: si el recuadro no tiene la misma proporcion, recorta lo minimo */
#fotoGde .ppal_foto_img{
	object-fit:cover;
	object-position:center center;
}

/* el slider (jquery.cycle) fija tamaños en px al pasar de foto: se fuerza a que
   cada foto ocupe siempre el recuadro ajustado y nada sobresalga hacia abajo */
#fotoGde{
	overflow:hidden;
}
#fotoGde #contgal,
#fotoGde #galeria,
#fotoGde .img_pd{
	width:100% !important;
	height:100% !important;
}

/* página de cada trabajo: la descripción arranca más arriba y es más ancha */
#descGde .parrafo_gde{
	margin-top:40px;
	margin-right:60px;
}