/**
 * Restauración menú GeneratePress — barra unificada teal institucional.
 * Logo + ítems en la misma franja #01616c (como diseño original).
 */

/* ── Cabecera completa unificada ─────────────────────────────── */
#masthead.site-header,
#masthead .inside-header,
#masthead .site-logo,
#masthead .site-logo a,
#sticky-navigation.main-navigation,
#sticky-navigation .inside-navigation,
#mobile-header.main-navigation,
#mobile-header .inside-navigation,
.slideout-navigation.main-navigation {
	background-color: #01616c !important;
}

#masthead .inside-header {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
}

/* Nav dentro del header: sin caja teal separada (solo en reposo) */
#masthead #site-navigation.main-navigation:not(.navigation-stick),
#masthead #site-navigation.main-navigation:not(.navigation-stick) .inside-navigation {
	background-color: transparent !important;
}

/* Barra fija al hacer scroll: fondo sólido (evita transparencia sobre el contenido) */
#site-navigation.main-navigation.navigation-stick,
#site-navigation.main-navigation.navigation-stick .inside-navigation,
#site-navigation.main-navigation.navigation-stick .navigation-branding,
#site-navigation.main-navigation.navigation-stick .main-nav,
#sticky-navigation.main-navigation,
#sticky-navigation.main-navigation .inside-navigation,
#sticky-navigation.main-navigation .navigation-branding,
#mobile-header.main-navigation.navigation-stick,
#mobile-header.main-navigation.navigation-stick .inside-navigation,
#mobile-header.main-navigation.navigation-stick .navigation-branding,
.main-navigation.navigation-stick {
	background-color: #01616c !important;
	box-shadow: 0 2px 12px rgba(3, 9, 15, 0.18) !important;
}

#masthead #site-navigation .inside-navigation {
	justify-content: flex-end !important;
}

/* ── Texto del menú (solo barra principal, no submenús) ─────── */
#site-navigation.main-navigation .main-nav > ul > li > a,
#site-navigation.main-navigation .menu-toggle,
#site-navigation.main-navigation .menu-bar-items > a,
#site-navigation.main-navigation .menu-bar-items,
#sticky-navigation.main-navigation .main-nav > ul > li > a,
#sticky-navigation.main-navigation .menu-toggle,
#mobile-header.main-navigation .main-nav > ul > li > a,
#mobile-header.main-navigation .menu-toggle,
.slideout-navigation.main-navigation .main-nav > ul > li > a,
.slideout-navigation.main-navigation .menu-toggle {
	color: #f2f2f2 !important;
}

#site-navigation.main-navigation .main-nav > ul > li > a:link,
#site-navigation.main-navigation .main-nav > ul > li > a:visited,
#sticky-navigation.main-navigation .main-nav > ul > li > a:link,
#sticky-navigation.main-navigation .main-nav > ul > li > a:visited,
#mobile-header.main-navigation .main-nav > ul > li > a:link,
#mobile-header.main-navigation .main-nav > ul > li > a:visited {
	color: #f2f2f2 !important;
}

/* Iconos (búsqueda, flechas) en color claro */
#site-navigation.main-navigation .gp-icon svg,
#sticky-navigation.main-navigation .gp-icon svg,
#mobile-header.main-navigation .gp-icon svg {
	fill: #f2f2f2 !important;
}

/* Hover / activo dorado (solo ítems de primer nivel) */
#site-navigation.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a,
#site-navigation.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):focus > a,
#site-navigation.main-navigation .main-nav > ul > li.sfHover:not([class*="current-menu-"]) > a,
#site-navigation.main-navigation .menu-bar-item:hover > a,
#sticky-navigation.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a,
#mobile-header.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a,
.slideout-navigation.main-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a {
	color: #fec15b !important;
}

#site-navigation.main-navigation .main-nav > ul > li[class*="current-menu-"] > a,
#sticky-navigation.main-navigation .main-nav > ul > li[class*="current-menu-"] > a,
#mobile-header.main-navigation .main-nav > ul > li[class*="current-menu-"] > a,
.slideout-navigation.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
	color: #fec15b !important;
}

/* ── Submenús desplegables (texto oscuro sobre fondo claro) ─── */
#site-navigation.main-navigation .main-nav ul ul,
#site-navigation.main-navigation .main-nav ul.sub-menu,
#sticky-navigation.main-navigation .main-nav ul ul,
#sticky-navigation.main-navigation .main-nav ul.sub-menu,
#mobile-header.main-navigation .main-nav ul ul,
#mobile-header.main-navigation .main-nav ul.sub-menu,
.slideout-navigation.main-navigation .main-nav ul ul,
.slideout-navigation.main-navigation .main-nav ul.sub-menu {
	background-color: #f2f2f2 !important;
}

#site-navigation.main-navigation .main-nav ul ul li a,
#site-navigation.main-navigation .main-nav ul.sub-menu li a,
#sticky-navigation.main-navigation .main-nav ul ul li a,
#sticky-navigation.main-navigation .main-nav ul.sub-menu li a,
#mobile-header.main-navigation .main-nav ul ul li a,
#mobile-header.main-navigation .main-nav ul.sub-menu li a,
.slideout-navigation.main-navigation .main-nav ul ul li a,
.slideout-navigation.main-navigation .main-nav ul.sub-menu li a,
#site-navigation.main-navigation .main-nav ul ul li a:link,
#site-navigation.main-navigation .main-nav ul ul li a:visited,
#site-navigation.main-navigation .main-nav ul.sub-menu li a:link,
#site-navigation.main-navigation .main-nav ul.sub-menu li a:visited,
#sticky-navigation.main-navigation .main-nav ul ul li a:link,
#sticky-navigation.main-navigation .main-nav ul ul li a:visited {
	color: #222222 !important;
	background-color: #f2f2f2 !important;
}

#site-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"] > a,
#site-navigation.main-navigation .main-nav ul.sub-menu li[class*="current-menu-"] > a,
#sticky-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
	color: #01616c !important;
	background-color: #eef6f7 !important;
}

#site-navigation.main-navigation .main-nav ul ul li a:hover,
#site-navigation.main-navigation .main-nav ul ul li a:focus,
#site-navigation.main-navigation .main-nav ul.sub-menu li a:hover,
#site-navigation.main-navigation .main-nav ul.sub-menu li a:focus,
#site-navigation.main-navigation .main-nav ul ul li.sfHover > a,
#sticky-navigation.main-navigation .main-nav ul ul li a:hover,
#sticky-navigation.main-navigation .main-nav ul.sub-menu li a:hover {
	color: #01616c !important;
	background-color: #eef6f7 !important;
}

#site-navigation.main-navigation .main-nav ul ul .gp-icon svg,
#site-navigation.main-navigation .main-nav ul.sub-menu .gp-icon svg,
#sticky-navigation.main-navigation .main-nav ul ul .gp-icon svg {
	fill: #222222 !important;
}

/* ── Top bar (secondary navigation) — submenús con fondo sólido ─ */
#secondary-navigation.secondary-navigation,
#secondary-navigation.secondary-navigation .inside-navigation {
	background-color: #054f59 !important;
}

/* Botones GenerateBlocks del top bar (Aspirantes, Estudiantes, etc.) */
#secondary-navigation.secondary-navigation .gb-button,
#secondary-navigation.secondary-navigation a.gb-button {
	color: #f2f2f2 !important;
	text-decoration: none !important;
}

#secondary-navigation.secondary-navigation .gb-button:hover,
#secondary-navigation.secondary-navigation .gb-button:focus,
#secondary-navigation.secondary-navigation .gb-button:active,
#secondary-navigation.secondary-navigation a.gb-button:hover,
#secondary-navigation.secondary-navigation a.gb-button:focus,
#secondary-navigation.secondary-navigation a.gb-button:active {
	color: #f5a438 !important;
}

#secondary-navigation.secondary-navigation .gb-button .gb-icon svg,
#secondary-navigation.secondary-navigation a.gb-button .gb-icon svg,
#secondary-navigation.secondary-navigation .gb-button .gb-icon svg path {
	fill: currentColor !important;
}

/* Ítems de primer nivel del menú secundario (Transparencia, Participa, etc.) */
#secondary-navigation.secondary-navigation .main-nav > ul > li > a,
#secondary-navigation.secondary-navigation .main-nav > ul > li > a:link,
#secondary-navigation.secondary-navigation .main-nav > ul > li > a:visited,
#secondary-navigation.secondary-navigation .menu-toggle {
	color: #f2f2f2 !important;
}

#secondary-navigation.secondary-navigation .main-nav > ul > li:not([class*="current-menu-"]):hover > a,
#secondary-navigation.secondary-navigation .main-nav > ul > li:not([class*="current-menu-"]):focus > a,
#secondary-navigation.secondary-navigation .main-nav > ul > li.sfHover:not([class*="current-menu-"]) > a,
#secondary-navigation.secondary-navigation .main-nav > ul > li[class*="current-menu-"] > a {
	color: #f5a438 !important;
}

#secondary-navigation.secondary-navigation .main-nav > ul > li > a .gp-icon svg,
#secondary-navigation.secondary-navigation .menu-toggle .gp-icon svg {
	fill: currentColor !important;
}

#secondary-navigation.secondary-navigation .main-nav ul ul,
#secondary-navigation.secondary-navigation .main-nav ul ul li,
#secondary-navigation.secondary-navigation .main-nav ul ul.sub-menu {
	background-color: #f2f2f2 !important;
	box-shadow: 0 8px 22px rgba(3, 9, 15, 0.14) !important;
	border-radius: 0 0 8px 8px !important;
	z-index: 100000 !important;
}

.dropdown-hover #secondary-navigation.secondary-navigation:not(.toggled) ul li:hover > ul,
.dropdown-hover #secondary-navigation.secondary-navigation:not(.toggled) ul li.sfHover > ul {
	background-color: #f2f2f2 !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
	pointer-events: auto !important;
}

#secondary-navigation.secondary-navigation .main-nav ul ul li a {
	color: #222222 !important;
	background-color: #f2f2f2 !important;
}

#secondary-navigation.secondary-navigation .main-nav ul ul li a:hover,
#secondary-navigation.secondary-navigation .main-nav ul ul li a:focus {
	color: #01616c !important;
	background-color: #eef6f7 !important;
}

/* ── Páginas de programa: cuadro flotante .infpro (solo hero con grid interno) ─ */
/* Selector acotado: .infpro que contiene .gb-grid-wrapper (no todos los .infpro de la página). */

.entry-content .gb-container.alignfull:has(.gb-grid-wrapper > .gb-grid-column > .gb-container.infpro > .gb-grid-wrapper) {
	width: 100% !important;
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.entry-content .gb-container:has(> .gb-grid-wrapper > .gb-grid-column > .gb-container.infpro > .gb-grid-wrapper),
.entry-content section:has(.gb-grid-wrapper > .gb-grid-column > .gb-container.infpro > .gb-grid-wrapper) {
	width: 100% !important;
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.entry-content .gb-grid-wrapper:has(> .gb-grid-column > .gb-container.infpro > .gb-grid-wrapper) {
	width: 100% !important;
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.entry-content .gb-grid-wrapper:has(> .gb-grid-column > .gb-container.infpro > .gb-grid-wrapper) > .gb-grid-column:not(:has(> .gb-container.infpro)) {
	flex: 0 0 60% !important;
	width: 60% !important;
	max-width: 60% !important;
}

.entry-content .gb-grid-column:has(> .gb-container.infpro > .gb-grid-wrapper) {
	flex: 0 0 40% !important;
	width: 40% !important;
	max-width: 40% !important;
	box-sizing: border-box !important;
}

.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	flex: none !important;
	box-sizing: border-box !important;
}

.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) > .gb-grid-wrapper {
	width: 100% !important;
}

.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) > .gb-grid-wrapper > .gb-grid-column {
	flex: 0 0 50% !important;
	width: 50% !important;
	max-width: 50% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) .gb-headline {
	align-items: center !important;
	gap: 0.35em !important;
}

.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) .gb-headline-text {
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

@media (max-width: 767px) {
	.entry-content .gb-grid-wrapper:has(> .gb-grid-column > .gb-container.infpro > .gb-grid-wrapper) > .gb-grid-column:not(:has(> .gb-container.infpro)),
	.entry-content .gb-grid-column:has(> .gb-container.infpro > .gb-grid-wrapper),
	.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) .gb-headline-text {
		white-space: normal !important;
	}

	.entry-content .gb-container.infpro:has(> .gb-grid-wrapper) > .gb-grid-wrapper > .gb-grid-column {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}
