/* Tema Membrillar, refinamientos sobre theme.json */

/* Cabecera --------------------------------------------------------------- */
.membrillar-cabecera {
	border-bottom: 2px solid var(--wp--preset--color--borde);
}
.membrillar-cabecera .wp-block-site-title a,
.membrillar-cabecera .wp-block-site-title a:hover {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.membrillar-cabecera .wp-block-navigation a {
	color: var(--wp--preset--color--contrast);
	padding: 0.55rem 0.8rem;
	border-radius: var(--wp--custom--radio--pill);
	text-decoration: none;
}
.membrillar-cabecera .wp-block-navigation a:hover,
.membrillar-cabecera .wp-block-navigation .current-menu-item > a {
	background: var(--wp--preset--color--amarillo-claro);
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.membrillar-cabecera .wp-block-navigation .wp-block-navigation__submenu-container {
	border: 2px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--m);
	box-shadow: 0 6px 22px rgba(47, 42, 61, 0.1);
	padding: 0.4rem;
	overflow: hidden;
}
.membrillar-cabecera .wp-block-navigation .wp-block-navigation__submenu-container a {
	border-radius: var(--wp--custom--radio--s);
}

/* Pie -------------------------------------------------------------------- */
.membrillar-pie a {
	color: #ffffff;
	font-weight: 600;
}
.membrillar-pie .membrillar-lista-pie {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.membrillar-pie .membrillar-lista-pie li {
	margin-bottom: 0.5rem;
}

/* Estilos de bloque propios ---------------------------------------------- */
.wp-block-group.is-style-tarjeta {
	background: var(--wp--preset--color--base-2);
	border: var(--wp--custom--borde-ancho) solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--l);
	padding: 1.6rem 1.5rem;
	overflow: hidden;
}
.wp-block-group.is-style-tarjeta-color {
	border-radius: var(--wp--custom--radio--l);
	padding: 1.6rem 1.5rem;
	overflow: hidden;
}
.wp-block-image.is-style-redondeada img {
	border-radius: var(--wp--custom--radio--m);
}

/* Tarjetas de entrada en los listados ------------------------------------ */
.membrillar-tarjeta-noticia {
	background: var(--wp--preset--color--base-2);
	border: var(--wp--custom--borde-ancho) solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--l);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.membrillar-tarjeta-noticia .wp-block-post-featured-image {
	margin: 0;
}
.membrillar-tarjeta-noticia .wp-block-post-featured-image img {
	border-radius: 0;
	width: 100%;
	object-fit: cover;
}
.membrillar-tarjeta-noticia .wp-block-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.membrillar-tarjeta-noticia .wp-block-post-title a:hover {
	color: var(--wp--preset--color--accent);
}
.membrillar-tarjeta-noticia .wp-block-post-date {
	color: var(--wp--preset--color--accent);
	font-weight: 800;
	font-size: 0.8rem;
}

/* Cuando la entrada no tiene imagen destacada, la tarjeta no se rompe */
.membrillar-tarjeta-noticia .wp-block-post-featured-image:empty {
	display: none;
}

/* Tablas ----------------------------------------------------------------- */
.wp-block-table table {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border-radius: var(--wp--custom--radio--m);
	border: var(--wp--custom--borde-ancho) solid var(--wp--preset--color--borde);
}
.wp-block-table th {
	background: var(--wp--preset--color--verde-claro);
	font-family: var(--wp--preset--font-family--titular);
	font-weight: 700;
	text-align: left;
	padding: 0.85rem 1rem;
	border: 0;
}
.wp-block-table td {
	padding: 0.8rem 1rem;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--borde);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
	background: #fdfbf5;
}

/* Contenido de pagina ---------------------------------------------------- */
.membrillar-contenido h2 {
	margin-top: 2.4rem;
}
.membrillar-contenido h3 {
	margin-top: 1.8rem;
}
.membrillar-contenido ul li,
.membrillar-contenido ol li {
	margin-bottom: 0.5rem;
}

/* Cabecera de pagina interior -------------------------------------------- */
.membrillar-cabecera-pagina {
	background: var(--wp--preset--color--verde-claro);
	border-radius: var(--wp--custom--radio--l);
}

/* Paginacion ------------------------------------------------------------- */
.wp-block-query-pagination a,
.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
	border-radius: var(--wp--custom--radio--pill);
	padding: 0.5rem 0.95rem;
	text-decoration: none;
	font-weight: 700;
}
.wp-block-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base-2);
}

/* Accesibilidad ---------------------------------------------------------- */
:where(a):focus-visible,
:where(button):focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--azul);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Salto al contenido */
.membrillar-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--wp--preset--color--contrast);
	color: #ffffff;
	padding: 0.75rem 1.25rem;
	z-index: 999;
	border-radius: 0 0 var(--wp--custom--radio--s) 0;
}
.membrillar-skip-link:focus {
	left: 0;
}

/* Responsive ------------------------------------------------------------- */
@media (max-width: 781px) {
	.membrillar-cabecera .wp-block-navigation__responsive-container.is-menu-open {
		padding: 2rem 1.5rem;
	}
	.wp-block-table table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* Etiqueta tipo pildora, se ajusta al contenido en vez de ocupar la fila */
.membrillar-etiqueta {
	width: fit-content;
	display: inline-block;
}

/* Rejilla responsiva de noticias en la portada, 4 columnas en escritorio, 2 en tablet, 1 en movil */
.home-noticias-grid.is-layout-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40, 1.5rem);
}
@media (max-width: 1024px) {
	.home-noticias-grid.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 600px) {
	.home-noticias-grid.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
}
/* Imagen destacada uniforme dentro de cada tarjeta de la rejilla de portada */
.home-noticias-grid.is-layout-grid .wp-block-post-featured-image {
	margin-bottom: 0.75rem;
}
.home-noticias-grid.is-layout-grid .wp-block-post-featured-image img {
	width: 100%;
	height: 170px;
	object-fit: cover;
	border-radius: var(--wp--custom--radio--m, 20px);
}