html, body {
/* URL de tu imagen de fondo */
	background-image: url('https://quintetogalvan.com/wp-content/uploads/2025/10/fondo.jpg');
/* Propiedades para el ajuste y visualización */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}

a {
	color: #DAA520 !important;
/* Goldenrod, un dorado más cálido y metalizado */
	text-decoration: none;
}

/* 1. SELECCIONA Y CENTRA EL CONTENEDOR PRINCIPAL DEL MENÚ */
/* Esto centra el bloque completo de la lista */
.main-navigation ul, 
.menu,
.primary-menu {
	list-style: none;
/* Quita viñetas de lista */
	text-align: center;
/* Centra los elementos hijos en línea */
	padding: 0;
	margin: 0 auto;
/* Asegura que el bloque se centre */
}

/* --- HACER EL MENÚ HORIZONTAL Y CENTRADO --- */
/* 1. Centrar el bloque completo de la lista (UL) y quitar viñetas */
.wp-block-page-list {
	list-style: none;
/* Quita las viñetas */
	text-align: center;
/* Centra los ítems de lista que son 'inline' */
	padding: 0;
	margin: 20px auto 40px;
/* Centra el bloque y añade margen superior e inferior */
	width: 100%;
/* Asegura que ocupe todo el ancho para poder centrarse */
}

/* 2. Hace que cada ítem (LI) se muestre horizontalmente */
.wp-block-page-list li {
	display: inline-block;
/* Pone los ítems uno al lado del otro */
	margin: 0 20px;
/* Añade un buen espacio entre los ítems (Conciertos, Galería, etc.) */
}

/* 3. Estilos visuales para los enlaces (Texto) */
.wp-block-page-list a {
	color: #DAA520 !important;
/* Dorado Metalizado, color de los links */
	font-size: 1.1em;
/* Un poco más grande para destacar */
	text-transform: uppercase;
/* Opcional: poner el texto en mayúsculas */
	text-decoration: none;
	font-weight: bold;
/* Opcional: hacer la letra más gruesa */
	letter-spacing: 1px;
/* Opcional: separar un poco las letras */
}

/* 4. Estilo al pasar el ratón (Hover) */
.wp-block-page-list a:hover {
	color: #87CEEB !important;
/* Celeste de acento */
	opacity: .8;
/* Hace que se vea ligeramente transparente al pasar el ratón */
}

/* Asegura que el título principal de la página (Galería) sea Dorado */
.entry-title,
.page-title,
h1.entry-title, 
h1.page-title,
header.entry-header h1 {
	color: #D4AF37 !important;
/* Dorado Clásico */
/* Puedes añadir aquí el estilo de fuente si deseas que coincida con tus otros títulos H */
/* font-family: 'Georgia', serif; */
}

/* ==========================================
   MENÚ estilo referencia:
   ornamento (LI::before) + texto con fondo (A) + ornamento (LI::after)
   Ornamentos al 50%
   ========================================== */
/* UL: horizontal y centrado */
.entry-content .wp-block-page-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 26px auto 30px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	width: 100% !important;
}

/* LI: columna para apilar before / a / after */
.entry-content .wp-block-page-list li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.entry-content .wp-block-page-list li::marker {
	content: "";
}

/* ORNAMENTO TOP (50%) */
.entry-content .wp-block-page-list li::before {
	content: "" !important;
	display: block !important;
	width: 55px !important;
/* 50% */
	height: 7px !important;
/* 50% aprox */
	margin-bottom: 5px !important;
	background-image: url('https://quintetogalvan.com/wp-content/uploads/2025/12/ornamento-top.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

/* TEXTO (solo acá va el fondo oscuro) */
.entry-content .wp-block-page-list a {
	box-sizing: border-box !important;
	display: inline-block !important;
/* Fondo oscuro SOLO detrás del texto */
	background-image: url('https://quintetogalvan.com/wp-content/uploads/2025/12/fondo-single-li-black-50-simple.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	background-color: transparent !important;
/* Tamaño del “pill” detrás del texto */
	padding: 10px 18px !important;
	min-width: 120px !important;
	text-align: center !important;
/* Texto */
	color: #c8b27a !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: 1.6px !important;
	font-size: 17px !important;
/* Evitar bold del theme */
	font-weight: 300 !important;
	line-height: 1.05 !important;
	font-family: "Oswald", Arial, sans-serif !important;
}

/* ORNAMENTO BOTTOM (50%) */
.entry-content .wp-block-page-list li::after {
	content: "" !important;
	display: block !important;
	width: 55px !important;
/* 50% */
	height: 7px !important;
/* 50% aprox */
	margin-top: 5px !important;
	background-image: url('https://quintetogalvan.com/wp-content/uploads/2025/12/ornamento-bottom.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

/* Hover */
.entry-content .wp-block-page-list a:hover {
	opacity: .9 !important;
}

/* Activo */
.entry-content .wp-block-page-list li.current_page_item > a,
.entry-content .wp-block-page-list li.current-menu-item > a {
	color: #e1c16e !important;
}

/* Mobile */
@media (max-width: 768px) {
	.entry-content .wp-block-page-list {
		gap: 12px !important;
	}
	
	.entry-content .wp-block-page-list a {
		font-size: 15px !important;
		padding: 9px 14px !important;
		min-width: 110px !important;
		letter-spacing: 1.3px !important;
	}
	
	.entry-content .wp-block-page-list li::before,
	  .entry-content .wp-block-page-list li::after {
		width: 30px !important;
		height: 5px !important;
	}
}

/* ==========================================
   SOCIAL ICONS - FORZAR COLOR ÚNICO (sin brand colors)
   Matchea tu HTML real: ul.wp-block-social-links + li.wp-social-link-*
   ========================================== */

/* 1) Fondo dorado para TODOS los ítems (incluye spotify/youtube/instagram) */
body ul.wp-block-social-links:not(.is-style-logos-only) > li.wp-social-link,
body ul.wp-block-social-links:not(.is-style-logos-only) > li.wp-social-link-spotify,
body ul.wp-block-social-links:not(.is-style-logos-only) > li.wp-social-link-youtube,
body ul.wp-block-social-links:not(.is-style-logos-only) > li.wp-social-link-instagram,
body ul.wp-block-social-links:not(.is-style-logos-only) > li.wp-social-link-whatsapp,
body ul.wp-block-social-links:not(.is-style-logos-only) > li.wp-social-link-mail{
  background-color: #998675 !important;  /* doradito/beige */
  border-radius: 9999px !important;
}

/* 2) Tamaño del círculo + color del ícono */
body ul.wp-block-social-links:not(.is-style-logos-only) a.wp-block-social-link-anchor{
  width: 64px !important;
  height: 64px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  border-radius: 9999px !important;

  color: #0d0d0f !important; /* ícono oscuro */
}

/* 3) Fuerza que el SVG use el color del anchor */
body ul.wp-block-social-links:not(.is-style-logos-only) a.wp-block-social-link-anchor svg{
  fill: currentColor !important;
  width: 40px !important;
  height: 40px !important;
}

/* 4) Espaciado entre íconos */
body ul.wp-block-social-links{
  gap: 14px !important;
}

/* 5) Hover sutil */
body ul.wp-block-social-links a.wp-block-social-link-anchor:hover{
  filter: brightness(1.08);
  transform: translateY(-1px);
}
/* 1) Imagen del bandoneón: centrada y con overlap hacia abajo */
body img[src*="fondo-header.png"]{
  display: block !important;
  width: min(1400px, 100%) !important;
  height: auto !important;
  margin: -50px auto -200px !important; /* <-- este valor hace el overlap */
  pointer-events: none;
}

/* 2) Que el contenido que viene después (logo/nav) quede “por encima” */
body .entry-content{
  position: relative;
  z-index: 1;
}
.entry-header, #masthead {
  display:none
}
.entry-content {
  color:#fff
}