/* =========================================================================
 * Ajustes de UI globales (sitio principal + subsitio Transparencia).
 * Cargado después de los estilos SDD para que ganen por orden.
 * ========================================================================= */

/* --- Logo del header más grande --- */
/* La librería SDD fija height:30px en el logo; hay que forzar height (no basta max-height). */
.sdd .header-light .topbar .logo-icon img,
.sdd .topbar .logo-icon img {
	height: 52px !important;
	max-height: 52px !important;
	width: auto !important;
}
@media screen and (max-width: 600px) {
	.sdd .header-light .topbar .logo-icon img,
	.sdd .topbar .logo-icon img { height: 40px !important; max-height: 40px !important; }
}

/* --- Footer: menos espacio desperdiciado --- */
.sdd .footer-light .footer-top { padding: 28px 0 22px; }
.sdd .footer-light .footer-top .logo-cont {
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 64px;
}
.sdd .footer-light .footer-nortic { padding: 12px 0; }

/* Sellos NORTIC en fila compacta (A2, A3, A4, E1). */
.sdd .footer-light .nortic-seals {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
}
.sdd .footer-light .nortic-seals img { height: 80px; width: auto; }

/* --- Menú "Enlaces de Interés" (waffle): panel más pulido --- */
.sdd .menu-grid .dropdown-menu {
	background: #ffffff !important;   /* fondo sólido: ya no se ve lo de atrás */
	border: 0 !important;
	border-radius: 12px;
	box-shadow: 0 10px 34px rgba(0, 22, 60, .18) !important;
	overflow: hidden;
	z-index: 1001;
}
.sdd .menu-grid .dropdown-menu .menu-grid-content { background: #ffffff !important; }
.sdd .menu-grid-content .dropdown-items > .row { margin-bottom: 4px !important; row-gap: 18px; justify-content: center; }
.sdd .menu-grid-content .menu-item img { height: 56px !important; }
.sdd .menu-grid-content .menu-item h5 { margin-top: 8px; }
/* El .menu-item del nav principal trae margin-right:15px, que sumado al
 * col-4 (33.33%) hace que 3 ítems superen el 100% y caigan a 2 por fila.
 * Lo anulamos aquí para que queden 3 por fila (5 portales = 3 + 2 centrados). */
.sdd .menu-grid-content .dropdown-items .menu-item {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* --- Móvil: ícono ☰ (hamburger) descuadrado --- */
/* El CSS legacy del theme institucional (assets/css/header/header-styles.css) trae
 * una regla global .hamburger-menu { position:absolute; top:2rem; right:1rem } que
 * se filtra sobre el hamburger nuevo del SDD y lo empuja 32px hacia abajo y 16px a
 * la izquierda (queda flotando bajo el logo). Lo neutralizamos para que vuelva a
 * centrarse en el topbar, alineado con el logo. */
@media screen and (max-width: 767px) {
	.sdd .header-light .hamburger-menu {
		top: auto !important;
		right: auto !important;
	}
}