/* =====================================================
   🌌 UNIVERSO GERARD-UNUS – Corrección capa gris y cabecera/pie
   ===================================================== */
/* 1️⃣ Elimina la capa gris que impone el bloque raíz */
.wp-block-group.alignfull[style*="--wp--preset--color--base"],
.wp-block-group[style*="background-color"],
.wp-block-cover,
div[style*="background-color:#"],
div[style*="background-color: rgb"],
div.has-background {
	background: transparent !important;
	background-color: transparent !important;
}

/* 2️⃣ Fondo cósmico principal (mantiene el gradiente galáctico) */
body {
	background: radial-gradient(circle at 25% 20%, #2a1e48 0%, #150f2b 35%, transparent 70%), radial-gradient(circle at 75% 80%, #3d145f 0%, #0a0818 60%, #070512 100%);
	background-color: #0b0813;
}

/* 3️⃣ Luz interior dorada */
body::before {
	content: "";
	position: fixed;
	background: radial-gradient(circle at 50% 40%, rgba(215,185,120,0.18), rgba(10,8,20,0.8));
	z-index: -1;
}

/* 4️⃣ Encabezado y pie */
header.wp-block-template-part {
	background: rgba(12, 10, 18, 0.85);
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

footer.wp-block-template-part {
	background: rgba(12, 10, 18, 0.85);
	border-top: 1px solid rgba(255,255,255,0.05);
	color: #d4cfe0;
}

/* 5️⃣ Enlaces de cabecera/pie */
header a, footer a {
	color: #c7b6ff !important;
	transition: color .3s ease;
}

header a:hover, footer a:hover {
	color: #e7d37a !important;
}

/* 6️⃣ Texto general */
p, h1, h2, h3, h4, h5, h6, li, blockquote {
	color: #E6E3E9 !important;
}

/* 🌌 VISIBILIDAD DEL MENÚ MÓVIL – GERARD UNUS */
.wp-block-navigation__responsive-container-open {
	color: #E7D37A !important;
/* dorado visible */
}

.wp-block-navigation__responsive-container-open svg {
	fill: #E7D37A !important;
/* color del icono */
}

/* Ajuste de tamaño y posición para asegurar visibilidad */
.wp-block-navigation__responsive-container-open {
	position: relative;
	z-index: 9999;
	font-size: 24px;
}

/* 🌙 FONDO TRANSLÚCIDO PARA MENÚ DESPLEGABLE MÓVIL */
.wp-block-navigation__responsive-container.is-menu-open {
	background: rgba(10, 8, 20, 0.92) !important;
/* fondo cósmico translúcido */
/* suaviza el fondo */
	padding: 20px;
	border-left: 1px solid rgba(255,255,255,0.08);
}

/* Color del texto del menú (lila suave) */
.wp-block-navigation__responsive-container.is-menu-open a {
	color: #D4CFE0 !important;
}

/* 🌸 Corrección color texto menú móvil */
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	color: #D4CFE0 !important;
/* lila suave */
}

.wp-block-navigation__responsive-container.is-menu-open a:hover {
	color: #E7D37A !important;
/* dorado suave al pasar el dedo */
}