/*
 * Dilio Sport — sistema visual.
 * Referencias: sitios oficiales de grandes clubes (encabezado limpio, portada amplia, tarjetas
 * redondeadas, mucho aire, color fuerte solo en acentos). Accesibilidad según GOV.UK Design System
 * (MIT, ver LICENSES/govuk-frontend-MIT.txt): contraste AA, foco visible de 3px, texto legible.
 *
 * Jerarquía de color (tokens de theme.json, tomados del escudo):
 *   Negro → portadas y pie · Verde → acciones y acentos · Plata → texto sobre negro · Blanco/gris → lectura.
 */

:root {
	--dilio-r-s: var(--wp--custom--radius--s, 8px);
	--dilio-r-m: var(--wp--custom--radius--m, 14px);
	--dilio-r-l: var(--wp--custom--radius--l, 22px);
	--dilio-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* ---------- Foco visible: contorno con el color del club, sin cambiar el fondo ---------- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: var(--wp--custom--focus--width, 3px) solid var(--wp--preset--color--foco);
	outline-offset: var(--wp--custom--focus--offset, 3px);
	box-shadow: none;
}
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible { outline: 3px solid var(--wp--preset--color--foco); outline-offset: 3px; }
.dilio-dark,
.has-negro-background-color,
.has-negro-suave-background-color,
.has-verde-background-color,
.has-verde-oscuro-background-color { --wp--preset--color--foco: var(--wp--preset--color--foco-oscuro); }
.dilio-dark a:not(.wp-element-button) { color: inherit; }

.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--fondo);
	color: var(--wp--preset--color--texto);
	font-weight: 700;
	padding: 0.75rem 1rem;
	border-radius: var(--dilio-r-s);
	outline: 3px solid var(--wp--preset--color--foco);
	z-index: 100000;
}

a { text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { text-decoration-thickness: 2px; }
::selection { background: var(--wp--preset--color--verde-claro); color: var(--wp--preset--color--negro); }

/* ---------- Botones (píldora) ---------- */
.wp-element-button,
.wp-block-button__link { cursor: pointer; transition: transform 0.2s var(--dilio-ease), box-shadow 0.2s var(--dilio-ease); }
.wp-element-button:hover,
.wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(31, 122, 96, 0.28); }
.wp-element-button:active,
.wp-block-button__link:active { transform: translateY(0); box-shadow: none; }
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-cristal > .wp-block-button__link {
	background: rgba(255, 255, 255, 0.06);
	color: currentColor;
	border: 1.5px solid currentColor;
	backdrop-filter: blur(6px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-cristal > .wp-block-button__link:hover { box-shadow: none; }
.wp-block-button.is-style-blanco > .wp-block-button__link { background: var(--wp--preset--color--fondo); color: var(--wp--preset--color--negro); }
.wp-block-button.is-style-blanco > .wp-block-button__link:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); }

/* ---------- Etiquetas y títulos de sección ---------- */
.dilio-eyebrow,
.dilio-kicker {
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--verde);
	margin: 0;
}
.dilio-dark .dilio-eyebrow,
.dilio-dark .dilio-kicker { color: var(--wp--preset--color--verde-claro); }
.dilio-lead,
.is-style-lead { font-size: var(--wp--preset--font-size--l); line-height: 1.5; font-weight: 500; color: var(--wp--preset--color--texto-secundario); }
.dilio-dark .dilio-lead { color: var(--wp--preset--color--plata); }

.dilio-section-head { align-items: flex-end !important; gap: 1rem 2rem; }
.dilio-section-head h2,
.dilio-section-head .dilio-section-title { margin: 0.35rem 0 0; }
.dilio-section-title,
.dilio-block-title,
.dilio-goals__heading,
.is-style-seccion { letter-spacing: -0.03em; }
.dilio-ver-todo { margin: 0; }
.dilio-ver-todo a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 1.1rem;
	border-radius: 999px;
	background: var(--wp--preset--color--superficie);
	color: var(--wp--preset--color--texto);
	font-size: 0.9375rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.2s var(--dilio-ease);
}
.dilio-ver-todo a::after { content: "→"; transition: transform 0.2s var(--dilio-ease); }
.dilio-ver-todo a:hover { text-decoration: underline; }
.dilio-ver-todo a:hover::after { transform: translateX(3px); }

/* ---------- Barra superior y encabezado (blanco, fijo) ---------- */
.wp-site-blocks > .wp-block-template-part:first-child,
.wp-site-blocks > header:first-child {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
/* En celular WordPress deja la barra de admin en el flujo y se va al bajar: el encabezado quedaría con un hueco arriba. */
@media (max-width: 600px) {
	#wpadminbar { position: fixed; }
}
.dilio-topbar { font-size: var(--wp--preset--font-size--xs); font-weight: 600; letter-spacing: 0.02em; }
.dilio-topbar p { margin: 0; }
.dilio-topbar a { text-decoration: none; }
.dilio-topbar a:hover { text-decoration: underline; }
.dilio-topbar__redes { gap: 0.25rem !important; margin: 0 !important; }
.dilio-topbar__redes .wp-social-link a { padding: 0.15rem !important; }
.dilio-topbar__redes .wp-social-link { transition: color 0.2s var(--dilio-ease); }
.dilio-topbar__redes .wp-social-link:hover { color: var(--wp--preset--color--fondo) !important; }
.dilio-header {
	/* Fondo sólido: un backdrop-filter aquí encerraría el menú móvil (position: fixed) dentro del encabezado. */
	background: var(--wp--preset--color--fondo);
	border-bottom: 1px solid var(--wp--preset--color--borde-suave);
	box-shadow: 0 4px 24px rgba(14, 16, 15, 0.04);
}
.dilio-brand__kicker {
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--verde);
	margin: 0 0 0.2rem;
	line-height: 1;
}
.dilio-header .wp-block-site-title { margin: 0; }
.dilio-header .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--texto); }
.dilio-header .wp-block-site-title a:hover { text-decoration: underline; }
.dilio-header .wp-block-navigation a { text-decoration: none; color: var(--wp--preset--color--texto); position: relative; }
.dilio-header .wp-block-navigation .wp-block-navigation-item:not(.dilio-nav-donar) > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.45rem;
	height: 2px;
	border-radius: 2px;
	background: var(--wp--preset--color--verde);
	transform: scaleX(0);
	transition: transform 0.25s var(--dilio-ease);
}
.dilio-header .wp-block-navigation .wp-block-navigation-item > a:hover::after,
.dilio-header .wp-block-navigation .current-menu-item > a::after { transform: scaleX(1); }
.dilio-header .dilio-nav-donar > a {
	background: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--fondo) !important;
	padding: 0.6rem 1.25rem !important;
	border-radius: 999px;
	font-weight: 800;
}
.dilio-header .dilio-nav-donar > a:hover { text-decoration: underline; }
.dilio-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--fondo) !important;
	color: var(--wp--preset--color--texto) !important;
}
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 0 !important;
	width: 100%;
	align-items: stretch !important;
}
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
	border-bottom: 1px solid var(--wp--preset--color--borde-suave);
}
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 1rem 0;
	font-size: 1.375rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a::after { display: none; }
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .dilio-nav-donar { border-bottom: 0; margin-top: 1.5rem; }
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .dilio-nav-donar > a {
	text-align: center;
	padding: 1rem 1.25rem !important;
}
.dilio-header .wp-block-navigation__responsive-container-close,
.dilio-header .wp-block-navigation__responsive-container-open { padding: 0.5rem; }
.dilio-header .wp-block-site-logo img { height: auto; }

/* ---------- Portada ---------- */
.dilio-hero { overflow: hidden; isolation: isolate; min-height: clamp(560px, 82vh, 880px) !important; }
.wp-block-cover.dilio-hero .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: var(--wp--style--global--wide-size, 76rem);
	margin-inline: auto !important;
	position: relative;
	z-index: 3;
}
.dilio-hero .wp-block-cover__inner-container > * { margin-left: 0 !important; margin-right: 0 !important; max-width: none; }
/* Anillos celeste y verde, como los del escudo. */
.dilio-hero::before,
.dilio-hero::after {
	content: "";
	position: absolute;
	z-index: 2;
	border-radius: 50%;
	pointer-events: none;
	right: clamp(-22rem, -12vw, -6rem);
	top: 50%;
	transform: translateY(-50%);
}
.dilio-hero::before {
	width: clamp(26rem, 52vw, 52rem);
	aspect-ratio: 1;
	border: 6px solid rgba(2, 144, 245, 0.35);
	box-shadow: 0 0 120px rgba(2, 144, 245, 0.18), inset 0 0 120px rgba(2, 144, 245, 0.1);
	filter: blur(6px);
}
.dilio-hero::after {
	width: clamp(23rem, 46vw, 46rem);
	aspect-ratio: 1;
	margin-right: clamp(1.5rem, 3vw, 3rem);
	border: 6px solid rgba(46, 163, 132, 0.38);
	box-shadow: 0 0 100px rgba(46, 163, 132, 0.15);
	filter: blur(6px);
}
/* El H1 es la etiqueta con el nombre y el lugar (lo que buscan Google y la IA); el lema se ve grande pero es un párrafo. */
.dilio-hero h1.dilio-eyebrow { font-family: var(--wp--preset--font-family--manrope); line-height: 1.4; }
.dilio-hero .dilio-hero__title {
	font-family: var(--wp--preset--font-family--titulos);
	font-weight: 800;
	font-size: clamp(2.125rem, 3.6vw, 3.5rem);
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0;
	max-width: 24ch;
	color: var(--wp--preset--color--fondo);
	margin-top: 1.5rem;
	text-wrap: balance;
}
.dilio-hero .dilio-lead { max-width: 40ch; }
/* Accesos rápidos al pie de la portada (como las noticias destacadas de los clubes). */
.dilio-quick { margin-top: var(--wp--preset--spacing--50) !important; gap: 1rem !important; }
.dilio-quick > .wp-block-column { margin: 0; }
.dilio-quick-card {
	box-sizing: border-box;
	align-self: stretch;
	position: relative;
	padding: 1.25rem 1.4rem !important;
	border-radius: var(--dilio-r-m);
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(10px);
	transition: background 0.2s var(--dilio-ease), transform 0.2s var(--dilio-ease);
}
.dilio-quick-card:hover { transform: translateY(-2px); border-color: rgba(46, 163, 132, 0.45); }
.dilio-quick-card p { margin: 0; }
.dilio-quick-card .dilio-quick-card__title { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.01em; color: var(--wp--preset--color--fondo); margin-top: 0.35rem; }
.dilio-quick-card .dilio-quick-card__title a { text-decoration: none; }
.dilio-quick-card .dilio-quick-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.dilio-quick-card .dilio-quick-card__title a:hover { text-decoration: underline; }
.dilio-quick-card .dilio-quick-card__title a:focus-visible { outline: none; }
.dilio-quick-card:focus-within { outline: 3px solid var(--wp--preset--color--foco-oscuro); outline-offset: 3px; }
.dilio-quick-card__text { color: var(--wp--preset--color--plata); font-size: 0.9375rem; }

/* ---------- Cifras del club ---------- */
/* Franja con fondo y barra verde arriba, para que las cifras no queden sueltas entre secciones. */
.dilio-stats {
	gap: 0 !important;
	background: var(--wp--preset--color--superficie);
	border-top: 4px solid var(--wp--preset--color--verde);
	border-radius: 0 0 var(--dilio-r-m) var(--dilio-r-m);
	padding: 0.5rem clamp(0.5rem, 2vw, 1.5rem);
}
.dilio-stat { padding: 1.75rem 2rem !important; border-left: 1px solid var(--wp--preset--color--borde-suave); }
.dilio-stats > .dilio-stat:first-child { border-left: 0; }
.dilio-stat__valor {
	font-family: var(--wp--preset--font-family--titulos);
	font-weight: 800;
	font-size: clamp(2.75rem, 6vw, 4.25rem);
	line-height: 0.9;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	margin: 0 0 0.6rem;
	color: var(--wp--preset--color--texto);
}
.dilio-stat__texto { margin: 0; color: var(--wp--preset--color--texto-secundario); font-size: 0.9375rem; max-width: 26ch; }

/* ---------- Noticias ---------- */
/* Cada noticia es un recuadro de texto; todo el recuadro lleva a la noticia (el enlace del título lo cubre). */
.dilio-news-grid,
.dilio-news-cards { gap: 1.5rem !important; }
.dilio-news-grid > li,
.dilio-news-cards > li { margin: 0; display: flex; }
.dilio-news-cards { margin-bottom: var(--wp--preset--spacing--50); }
.dilio-card {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: var(--wp--preset--color--fondo);
	border: 1px solid var(--wp--preset--color--borde);
	border-top: 4px solid var(--wp--preset--color--verde);
	border-radius: var(--dilio-r-m);
	transition: transform 0.25s var(--dilio-ease), box-shadow 0.25s var(--dilio-ease);
}
.dilio-card:hover { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--elevada); }
.dilio-card:has(a:focus-visible) { outline: 3px solid var(--wp--preset--color--foco); outline-offset: 3px; }
.dilio-card .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; }
.dilio-card .wp-block-post-terms { position: relative; z-index: 1; }
.dilio-card__body { padding: 1.5rem 1.5rem 1.4rem !important; flex: 1 1 auto; display: flex; flex-direction: column; }
.dilio-card__body > * { margin-block: 0; }
.dilio-card .wp-block-post-terms { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.dilio-card .wp-block-post-terms a { color: var(--wp--preset--color--verde); text-decoration: none; }
.dilio-card .wp-block-post-title {
	font-size: 1.3125rem;
	line-height: 1.25;
	letter-spacing: -0.02em;
	margin: 0.5rem 0 0.75rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}
.dilio-card .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--texto); }
.dilio-card .wp-block-post-title a:hover { text-decoration: underline; }
.dilio-card .wp-block-post-excerpt { margin: 0 0 1.25rem; color: var(--wp--preset--color--texto-secundario); font-size: 0.9375rem; }
.dilio-card .wp-block-post-excerpt__excerpt { margin: 0; }
.dilio-card .wp-block-post-date {
	margin-top: auto;
	padding-top: 0.9rem;
	border-top: 1px solid var(--wp--preset--color--borde-suave);
	font-size: 0.875rem;
	color: var(--wp--preset--color--texto-secundario);
}
@media (min-width: 782px) {
	.dilio-news-grid.is-layout-grid,
	.dilio-news-cards.is-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* ---------- Categorías ---------- */
.dilio-band-gris { background: var(--wp--preset--color--superficie); }
.dilio-cat-card {
	position: relative;
	align-self: stretch;
	box-sizing: border-box;
	background: var(--wp--preset--color--fondo);
	border-radius: var(--dilio-r-l);
	padding: 2rem 1.75rem 1.75rem !important;
	box-shadow: var(--wp--preset--shadow--suave);
	transition: transform 0.25s var(--dilio-ease), box-shadow 0.25s var(--dilio-ease);
	counter-increment: dilio-cat;
}
.dilio-cat-card:hover { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--elevada); }
.dilio-cats { counter-reset: dilio-cat; }
.dilio-cat-card::before {
	content: "0" counter(dilio-cat);
	display: block;
	font-family: var(--wp--preset--font-family--titulos);
	font-weight: 800;
	font-size: 3.5rem;
	line-height: 1;
	color: var(--wp--preset--color--verde);
	margin-bottom: 1.25rem;
}
.dilio-cat-card h3 { margin: 0 0 0.6rem; font-size: 1.5rem; }
.dilio-cat-card p { margin: 0; color: var(--wp--preset--color--texto-secundario); }

/* ---------- Panel de donación (oscuro, redondeado) ---------- */
.dilio-panel-oscuro {
	position: relative;
	overflow: hidden;
	border-radius: var(--dilio-r-l);
	background: var(--wp--preset--gradient--portada);
	box-shadow: var(--wp--preset--shadow--elevada);
}
.dilio-panel-oscuro::after {
	content: "";
	position: absolute;
	width: 28rem;
	height: 28rem;
	right: -8rem;
	top: -10rem;
	border-radius: 50%;
	border: 1px solid rgba(46, 163, 132, 0.18);
	box-shadow: 0 0 0 4rem rgba(46, 163, 132, 0.03), 0 0 0 8rem rgba(46, 163, 132, 0.02);
	pointer-events: none;
}
.dilio-panel-oscuro > * { position: relative; z-index: 1; }
.dilio-panel-oscuro h2 { color: var(--wp--preset--color--fondo); margin-top: 0.5rem; font-size: var(--wp--preset--font-size--xxl); }

/* ---------- Encabezado de páginas internas ---------- */
.dilio-page-hero { position: relative; overflow: hidden; background: var(--wp--preset--gradient--portada) !important; }
.dilio-page-hero h1,
.dilio-page-hero .wp-block-post-title,
.dilio-page-hero .wp-block-query-title { color: var(--wp--preset--color--fondo); margin: 1rem 0 0; font-size: var(--wp--preset--font-size--xxl); letter-spacing: -0.035em; }
.dilio-page-hero .wp-block-post-date,
.dilio-page-hero .dilio-post-meta { color: var(--wp--preset--color--plata); }
.dilio-page-hero .dilio-eyebrow a { text-decoration: none; }
.dilio-page-hero .dilio-eyebrow a:hover { text-decoration: underline; }

/* ---------- Pie ---------- */
.dilio-footer h2 {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--verde-claro);
	margin: 0 0 1.25rem;
}
.dilio-footer p,
.dilio-footer li { margin-top: 0; color: var(--wp--preset--color--plata); }
.dilio-footer ul { list-style: none; padding-left: 0; margin: 0; }
.dilio-footer li { margin-bottom: 0.6rem; }
.dilio-footer a { text-decoration: none; color: var(--wp--preset--color--fondo); }
.dilio-footer a:hover { text-decoration: underline; }
.dilio-footer__name { font-weight: 800; letter-spacing: -0.03em; color: var(--wp--preset--color--fondo) !important; font-size: 2rem; line-height: 1.05; }
.dilio-footer__bottom { border-top: 1px solid rgba(195, 204, 208, 0.14); }
.dilio-footer .dilio-footer__credito a { color: inherit; text-underline-offset: 0.2em; }
.dilio-footer .dilio-footer__credito a:hover { color: var(--wp--preset--color--fondo); }
.dilio-footer .wp-block-buttons { gap: 0.6rem; }
.dilio-footer .is-style-outline .wp-block-button__link { font-size: 0.875rem; padding: 0.5rem 1rem; color: var(--wp--preset--color--fondo); }

/* ---------- Contenido ---------- */
.wp-block-details { padding-inline: 0; }
.wp-block-details summary {
	cursor: pointer;
	font-weight: 800;
	font-size: 1.1875rem;
	letter-spacing: -0.01em;
	padding: 0.5rem 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: "+";
	flex: 0 0 auto;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--wp--preset--color--superficie);
	color: var(--wp--preset--color--verde);
	font-size: 1.25rem;
	transition: transform 0.25s var(--dilio-ease);
}
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details summary:hover { text-decoration: underline; }
.wp-block-details[open] > *:not(summary) { color: var(--wp--preset--color--texto-secundario); }

.dilio-inset-text,
.is-style-inset { border-radius: var(--dilio-r-m); background: var(--wp--preset--color--superficie); padding: 1.5rem 1.75rem; }
.dilio-aviso { font-weight: 700; padding-left: 3rem; position: relative; }
.dilio-aviso::before {
	content: "!";
	position: absolute;
	left: 0;
	top: 0;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background: var(--wp--preset--color--negro);
	color: var(--wp--preset--color--fondo);
	text-align: center;
	line-height: 2.25rem;
	font-size: 1.25rem;
}
.dilio-post-meta { color: var(--wp--preset--color--texto-secundario); }
.dilio-post-meta p { margin: 0; }
.dilio-post-meta:not(:has(time)) { display: none; }
.entry-content > p,
.wp-block-post-content > p { max-width: var(--wp--custom--measure, 46rem); }
.wp-block-table table { border-collapse: collapse; }
.wp-block-table thead { border-bottom: 2px solid var(--wp--preset--color--verde); }

/* Tarjetas negras dentro de páginas (El club) usan el estilo claro con número. */
.wp-block-post-content .wp-block-columns:has(.dilio-cat-card) { counter-reset: dilio-cat; }

/* Variación "Fondo negro del club" para grupos. */
.wp-block-group.is-style-oscuro {
	background: var(--wp--preset--gradient--portada);
	color: var(--wp--preset--color--fondo);
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--dilio-r-l);
	--wp--preset--color--foco: var(--wp--preset--color--foco-oscuro);
}
.wp-block-group.is-style-oscuro :where(h1, h2, h3, h4) { color: var(--wp--preset--color--fondo); }
.wp-block-group.is-style-oscuro a:not(.wp-element-button) { color: var(--wp--preset--color--verde-claro); }

/* Sin franja blanca entre encabezado y portada. */
.wp-site-blocks > main,
.wp-site-blocks > * + main { margin-block-start: 0; }
main > .dilio-hero:first-child,
main > .dilio-page-hero:first-child { margin-block-start: 0 !important; }

.screen-reader-text:not(:focus) {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

@media (max-width: 781px) {
	.dilio-topbar .dilio-topbar__redes { display: none; }
	.dilio-stat { border-left: 0; border-top: 1px solid var(--wp--preset--color--borde-suave); padding: 1.25rem 1rem !important; }
	.dilio-stats > .dilio-stat:first-child { border-top: 0; }
	.dilio-hero::before,
	.dilio-hero::after { opacity: 0.5; }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.wp-element-button:hover,
	.wp-block-button__link:hover,
	.dilio-cat-card:hover,
	.dilio-card:hover,
	.dilio-quick-card:hover { transform: none; }
}

@media (forced-colors: active) {
	.dilio-cat-card,
	.dilio-card,
	.dilio-quick-card { border: 1px solid CanvasText; }
}

/* Grillas de tarjetas: todas las de una fila miden lo mismo. */
.wp-block-columns.dilio-quick,
.wp-block-columns.dilio-cats,
.wp-block-columns:has(> .dilio-cat-card) { align-items: stretch !important; }
/* Cuatro categorías en tablet: dos por fila, para que no queden columnas angostas. */
@media (min-width: 782px) and (max-width: 1099px) {
	.wp-block-columns:has(> .dilio-cat-card:nth-child(4)) { flex-wrap: wrap !important; row-gap: 1.5rem; }
	.wp-block-columns:has(> .dilio-cat-card:nth-child(4)) > .dilio-cat-card { flex: 1 1 calc(50% - 1.5rem) !important; }
}
.dilio-quick-card,
.dilio-cat-card { display: flex; flex-direction: column; }
/* El acceso rápido es todo un enlace: su texto corto se recorta a 2 líneas. Las categorías no se
   recortan (no tienen "ver más"); igualan altura por estiramiento de la fila. */
.dilio-quick-card .dilio-quick-card__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

/* Enlace "Cuenta" con ícono de persona. */
.dilio-header .dilio-nav-cuenta > a { display: inline-flex; align-items: center; gap: 0.4rem; }
.dilio-header .dilio-nav-cuenta > a::before {
	content: "";
	width: 1.125rem;
	height: 1.125rem;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E") center / contain no-repeat;
}
.dilio-header .wp-block-navigation__responsive-container.is-menu-open .dilio-nav-cuenta > a { display: flex; }

/* Inicio de sesión ("Mi cuenta" de WooCommerce) con el estilo del sitio. */
.woocommerce-account .woocommerce { max-width: 30rem; }
.woocommerce-account .woocommerce h2 { font-size: var(--wp--preset--font-size--l); margin-top: 0; }
.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-ResetPassword {
	background: var(--wp--preset--color--fondo);
	border: 0;
	border-radius: var(--dilio-r-l);
	box-shadow: var(--wp--preset--shadow--suave);
	padding: clamp(1.25rem, 4vw, 2.25rem);
	margin: 0;
}
.woocommerce form .form-row label { font-weight: 700; margin-bottom: 0.35rem; }
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	box-sizing: border-box;
	width: 100%;
	min-height: 3rem;
	padding: 0.55rem 0.75rem;
	border: 2px solid var(--wp--preset--color--borde);
	border-radius: 10px;
	font: inherit;
	background: var(--wp--preset--color--fondo);
}
.woocommerce form .form-row .input-text:focus { outline: 3px solid var(--wp--preset--color--foco); outline-offset: 1px; }
.woocommerce form.woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
.woocommerce form.woocommerce-form-login .woocommerce-button { width: 100%; margin-top: 0.5rem; }
.woocommerce .woocommerce-LostPassword { margin-top: 1rem; }
.woocommerce form .password-input { position: relative; display: block; }
.woocommerce form .password-input .input-text { padding-right: 3.25rem; }
/* Botón "mostrar contraseña" con área táctil de 44px (WCAG 2.2). */
.woocommerce form .show-password-input {
	position: absolute;
	top: 50%;
	right: 0.25rem;
	transform: translateY(-50%);
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
}
/* Ayuda de los campos del pago: texto fijo debajo del campo, no el globito que WooCommerce abre al enfocar
   (con la letra del tema no entraba y tapaba el campo). */
.woocommerce form .form-row .woocommerce-input-wrapper .description {
	display: block !important;
	margin: 0.35rem 0 0;
	padding: 0;
	background: none;
	color: var(--wp--preset--color--texto-secundario);
	font-size: var(--wp--preset--font-size--s);
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before { display: none; }
/* === Página de pago ("Finalizar aporte"): sin menú, franja ni pie (plantilla page-checkout), para terminar
   el aporte sin distracciones. Dos tarjetas: "Tus datos" y "Tu aporte" con Mercado Pago. === */
.dilio-header--pago { border-bottom: 1px solid var(--wp--preset--color--borde-suave); background: var(--wp--preset--color--fondo); }
.dilio-header__volver { margin: 0; }
.dilio-header__volver a { color: var(--wp--preset--color--texto-secundario); text-decoration: none; }
.dilio-header__volver a:hover { color: var(--wp--preset--color--texto); text-decoration: underline; }
.dilio-checkout-page { background: var(--wp--preset--color--superficie); min-height: 100vh; }
.dilio-checkout-page__title { margin: 0 0 var(--wp--preset--spacing--40, 1.5rem); font-size: var(--wp--preset--font-size--xl); }
.dilio-checkout-page > .wp-block-post-content { margin-top: 0; }
.woocommerce form.woocommerce-checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--40, 1.5rem);
	align-items: start;
	margin-bottom: var(--wp--preset--spacing--60, 3rem);
}
.woocommerce form.woocommerce-checkout > * { min-width: 0; margin: 0; }
.woocommerce-checkout #customer_details,
.woocommerce-checkout .dilio-checkout-aside {
	box-sizing: border-box;
	background: var(--wp--preset--color--fondo);
	border-radius: var(--dilio-r-l);
	box-shadow: var(--wp--preset--shadow--suave);
	padding: clamp(1.25rem, 3.5vw, 2.25rem);
}
.woocommerce-checkout #customer_details .col-1 { float: none; width: 100%; }
.woocommerce-checkout #customer_details .col-2:not(:has(*)) { display: none; }
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
	margin: 0 0 1.25rem;
	font-size: var(--wp--preset--font-size--l);
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1rem; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { float: none; width: auto; margin: 0 0 1.1rem; padding: 0; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide { grid-column: 1 / -1; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row:last-child { margin-bottom: 0; }
@media (max-width: 480px) {
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; }
}
/* Ayuda de los campos: texto fijo debajo del campo, no el globito que WooCommerce abre al enfocar
   (con la letra del tema no entraba y tapaba el campo). */
.woocommerce form .form-row .woocommerce-input-wrapper .description {
	display: block !important;
	margin: 0.35rem 0 0;
	padding: 0;
	background: none;
	color: var(--wp--preset--color--texto-secundario);
	font-size: var(--wp--preset--font-size--s);
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before { display: none; }

/* Resumen: una lista de datos y el total (la tabla de WooCommerce, sin su encabezado ni "Subtotal",
   que siempre es igual al total). */
.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table,
.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table :is(tbody, tfoot, tr, th, td) {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
}
.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table :is(thead, .cart-subtotal, .cart_item .product-total) { display: none; }
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name { font-weight: 700; }
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name dl.variation {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.5rem 1rem;
	margin: 0.75rem 0 0;
	font-weight: 400;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name dl.variation :is(dt, dd) {
	float: none;
	margin: 0;
	padding: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name dl.variation dt { color: var(--wp--preset--color--texto-secundario); font-weight: 400; }
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name dl.variation dd { text-align: right; font-weight: 600; overflow-wrap: anywhere; }
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name dl.variation dd p { margin: 0; }
.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tr.order-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--wp--preset--color--borde-suave);
	font-size: var(--wp--preset--font-size--l);
	font-weight: 700;
}

/* Pago: sin el recuadro gris de WooCommerce ni la presentación de Mercado Pago (beneficios, logos de tarjetas);
   la reemplaza una línea sobre el botón (plugin, "dilio-pago-nota"). Del recuadro de Mercado Pago queda solo
   el aviso de modo de prueba; sin él (producción) el recuadro no se muestra. */
.woocommerce-checkout #payment {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--borde-suave);
	background: none;
	border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods { margin: 0; padding: 0; border: 0; }
.woocommerce-checkout #payment ul.payment_methods li { margin: 0; line-height: 1.4; }
.woocommerce-checkout #payment ul.payment_methods li > label { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0; font-weight: 700; }
.woocommerce-checkout #payment ul.payment_methods li img { max-height: 1.75rem; margin: 0; }
.woocommerce-checkout #payment div.payment_box {
	margin: 0.75rem 0 0;
	padding: 0;
	background: none;
}
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment div.payment_box :is(.mp-checkout-container, .mp-checkout-pro-container, .mp-checkout-pro-content, .mp-test-mode-card) {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	background: none;
	box-shadow: none;
}
.woocommerce-checkout #payment div.payment_box .mp-test-mode-card {
	padding: 0.85rem 1rem !important;
	border-left: 4px solid #f2782a;
	border-radius: 8px;
	background: var(--wp--preset--color--superficie);
}
.payment_method_woo-mercado-pago-basic .mp-checkout-pro-benefits-title,
.payment_method_woo-mercado-pago-basic .mp-checkout-pro-benefits,
.payment_method_woo-mercado-pago-basic .mp-checkout-pro-payment-methods,
.payment_method_woo-mercado-pago-basic .mp-checkout-pro-redirect { display: none !important; }
.woocommerce-checkout #payment div.payment_box.payment_method_woo-mercado-pago-basic:not(:has(test-mode)) { display: none !important; }
.woocommerce-checkout #payment div.form-row.place-order { margin: 1.25rem 0 0; padding: 0; }
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p { margin: 0 0 0.75rem; color: var(--wp--preset--color--texto-secundario); font-size: var(--wp--preset--font-size--s); }
.dilio-pago-nota { margin: 0 0 1rem; font-size: var(--wp--preset--font-size--s); font-weight: 600; }
.woocommerce-checkout #payment #place_order {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0.95rem 1.75rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--fondo);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.woocommerce-checkout #payment #place_order:hover { background: var(--wp--preset--color--verde-oscuro); text-decoration: underline; }
.woocommerce-checkout #payment #place_order:focus-visible { outline: 3px solid var(--wp--preset--color--foco); outline-offset: 3px; }

/* Desde tableta: tus datos a la izquierda y el aporte con el pago a la derecha, que acompaña al bajar. */
@media (min-width: 782px) {
	.woocommerce form.woocommerce-checkout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	.woocommerce form.woocommerce-checkout > * { grid-column: 1 / -1; }
	.woocommerce form.woocommerce-checkout > #customer_details { grid-column: 1; grid-row: 2; }
	.woocommerce form.woocommerce-checkout > .dilio-checkout-aside {
		grid-column: 2;
		grid-row: 2;
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 6rem);
	}
}
/* WooCommerce limita a 1000px el título de sus páginas (Mi cuenta): se alinea con la etiqueta de la franja. */
.dilio-page-hero > .wp-block-post-title { max-width: 72rem !important; }
/* === Encabezado sobre la portada === */
/* Solo si la portada tiene foto o video ("dilio-hero--media", functions.php) y hay JavaScript (clase "dilio-js" puesta en <head>, sin saltos al cargar). */
.dilio-js:has(.dilio-hero--media) .wp-site-blocks > .wp-block-template-part:first-child {
	position: fixed;
	left: 0;
	right: 0;
}
.dilio-js:has(.dilio-hero--media):not(.dilio-scrolled) .dilio-topbar { background: transparent !important; border-bottom: 1px solid rgba(195, 204, 208, 0.12); }
.dilio-js:has(.dilio-hero--media) .dilio-header {
	transition: background-color 0.3s var(--dilio-ease), box-shadow 0.3s var(--dilio-ease), border-color 0.3s var(--dilio-ease);
}
.dilio-js:has(.dilio-hero--media) .dilio-header:not(.is-scrolled) {
	background: transparent;
	border-bottom-color: transparent;
	box-shadow: none;
	--wp--preset--color--foco: var(--wp--preset--color--foco-oscuro);
}
.dilio-js:has(.dilio-hero--media) .dilio-header:not(.is-scrolled) .wp-block-site-title a,
.dilio-js:has(.dilio-hero--media) .dilio-header:not(.is-scrolled) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item:not(.dilio-nav-donar) > a,
.dilio-js:has(.dilio-hero--media) .dilio-header:not(.is-scrolled) .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--fondo); }
.dilio-js:has(.dilio-hero--media) .dilio-header:not(.is-scrolled) .dilio-brand__kicker { color: var(--wp--preset--color--plata); }
.dilio-js:has(.dilio-hero--media) .dilio-header:not(.is-scrolled) .wp-block-navigation .wp-block-navigation-item > a::after { background: var(--wp--preset--color--verde-claro); }
.dilio-js:has(.dilio-hero--media) .dilio-header.is-scrolled { background: var(--wp--preset--color--fondo); }
.dilio-js:has(.dilio-hero--media) .dilio-topbar { transition: background-color 0.3s var(--dilio-ease); }
/* La portada empieza debajo del encabezado fijo. */
.dilio-js .dilio-hero--media { padding-top: calc(var(--wp--preset--spacing--60) + 6.5rem) !important; }

/* Video de portada: con la clase "dilio-scrub" avanza con el scroll (theme.js). */
.dilio-hero .wp-block-cover__video-background { opacity: 0.55; }
@media (prefers-reduced-motion: reduce) {
	.dilio-js:has(.dilio-hero--media) .dilio-header { transition: none; }
}

/* === Secciones de foto === */
/* Foto a todo el ancho con texto encima (sin foto se ve el degradado del club). */
.dilio-foto-ancho { overflow: hidden; min-height: clamp(28rem, 75vh, 48rem) !important; margin-block: 0 !important; }
/* Texto centrado: la franja queda pareja en celular y en pantallas grandes. */
.dilio-foto-ancho .wp-block-cover__inner-container > * { margin-inline: auto !important; }
.dilio-foto-ancho .wp-block-cover__inner-container { max-width: var(--wp--style--global--wide-size, 76rem); margin-inline: auto !important; width: 100% !important; text-align: center; }
.dilio-foto-ancho h2 {
	color: var(--wp--preset--color--fondo);
	font-family: var(--wp--preset--font-family--titulos);
	font-weight: 800;
	text-transform: uppercase;
	font-size: clamp(2.5rem, 6vw, 6.5rem);
	line-height: 0.95;
	margin-block: 0.5rem 1rem;
	max-width: 14ch;
}
.dilio-foto-ancho .dilio-lead { color: var(--wp--preset--color--plata); max-width: 40ch; font-size: clamp(1.0625rem, 0.9rem + 0.5vw, 1.5rem); }
.dilio-foto-ancho .wp-block-cover__image-background { transform: scale(1.02); }
/* Foto + texto partido a la mitad, a todo el ancho. */
.dilio-foto-texto { gap: 0 !important; margin-block: 0; }
.dilio-foto-texto > .wp-block-column { margin: 0 !important; }
.dilio-foto-texto .wp-block-cover { min-height: clamp(22rem, 45vw, 40rem) !important; height: 100%; }
.dilio-foto-texto .dilio-foto-texto__texto { padding: clamp(2rem, 6vw, 5rem) !important; align-self: center; }
.dilio-foto-texto .dilio-foto-texto__texto h2 { margin-top: 0.5rem; }
/* Mosaico de fotos. */
.dilio-mosaico { gap: 0.75rem !important; }
.dilio-mosaico img { border-radius: var(--dilio-r-m); aspect-ratio: 4 / 5; object-fit: cover; }
.dilio-mosaico .wp-block-image:first-child img { aspect-ratio: auto; height: 100%; }
/* Sin foto todavía (solo se ve en el editor: en el sitio la sección no se muestra): degradado del club. */
.dilio-foto-ancho:not(:has(.wp-block-cover__image-background, .wp-block-cover__video-background)),
.dilio-foto-texto .wp-block-cover:not(:has(.wp-block-cover__image-background, .wp-block-cover__video-background)) {
	background: var(--wp--preset--gradient--portada);
}
/* "Nuestra historia" sin foto: franja verde del club, solo con el texto (título a la izquierda, texto a la derecha). */
.dilio-foto-texto--sin-foto {
	background:
		radial-gradient(60% 120% at 92% 0%, rgba(46, 163, 132, 0.35), transparent 60%),
		radial-gradient(40% 80% at 0% 100%, rgba(2, 144, 245, 0.18), transparent 60%),
		var(--wp--preset--color--verde-oscuro);
	color: var(--wp--preset--color--fondo);
}
.dilio-foto-texto--sin-foto > .wp-block-column:not(.dilio-foto-texto__texto) { display: none; }
.dilio-foto-texto.dilio-foto-texto--sin-foto > .dilio-foto-texto__texto {
	flex-basis: 100% !important;
	max-width: var(--wp--style--global--wide-size, 76rem);
	margin-inline: auto !important;
	padding: clamp(3.5rem, 8vw, 6rem) var(--wp--style--root--padding-right, 1.25rem) clamp(3.5rem, 8vw, 6rem) var(--wp--style--root--padding-left, 1.25rem) !important;
}
.dilio-foto-texto--sin-foto .dilio-kicker { color: var(--wp--preset--color--plata); }
.dilio-foto-texto--sin-foto h2 { color: var(--wp--preset--color--fondo); font-size: clamp(2rem, 4.5vw, 3.25rem); line-height: 1.05; max-width: 16ch; }
.dilio-foto-texto--sin-foto .dilio-lead { color: var(--wp--preset--color--borde-suave); }
.dilio-foto-texto.dilio-foto-texto--sin-foto .dilio-ver-todo a { background: var(--wp--preset--color--fondo); color: var(--wp--preset--color--texto); }
@media (min-width: 782px) {
	.dilio-foto-texto.dilio-foto-texto--sin-foto > .dilio-foto-texto__texto {
		display: grid;
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
		column-gap: clamp(2rem, 6vw, 5rem);
		align-items: end;
	}
	.dilio-foto-texto--sin-foto .dilio-foto-texto__texto > * { grid-column: 1; margin-block-start: 0; }
	.dilio-foto-texto--sin-foto .dilio-foto-texto__texto > .dilio-lead { grid-column: 2; grid-row: 1 / span 2; margin: 0 0 1.25rem; }
	.dilio-foto-texto--sin-foto .dilio-foto-texto__texto > .dilio-ver-todo { grid-column: 2; grid-row: 3; }
	.dilio-foto-texto--sin-foto h2 { margin-bottom: 0; }
}
.dilio-foto-texto .dilio-foto-texto__texto > .dilio-ver-todo { margin-top: 1.5rem; }
@media (min-width: 782px) {
	.dilio-foto-texto.dilio-foto-texto--sin-foto .dilio-foto-texto__texto > .dilio-ver-todo { margin-top: 0; }
}
/* Banda "Seguinos en" sobre el pie (todas las páginas). */
.dilio-seguinos { gap: 0.75rem 1.5rem !important; align-items: center; }
.dilio-seguinos__titulo {
	margin: 0;
	font-family: var(--wp--preset--font-family--titulos);
	font-size: clamp(1.375rem, 3vw, 1.75rem);
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
}
.dilio-seguinos__titulo::after { content: ":"; }
.dilio-seguinos__redes { gap: 0.5rem !important; margin: 0 !important; }
.dilio-seguinos__redes .wp-social-link { transition: transform 0.2s var(--dilio-ease), opacity 0.2s var(--dilio-ease); }
.dilio-seguinos__redes .wp-social-link a { padding: 0.35rem !important; }
.dilio-seguinos__redes .wp-social-link:hover { transform: translateY(-2px); }
/* En el inicio, la banda de sponsors queda pegada a la de redes. */
.wp-site-blocks:has(.wp-block-dilio-sponsors.alignfull) .dilio-seguinos,
.wp-site-blocks:has(.wp-block-dilio-sponsors.alignfull) > :last-child { margin-top: 0 !important; }
@media (prefers-reduced-motion: reduce) {
	.dilio-seguinos__redes .wp-social-link { transition: none; }
	.dilio-seguinos__redes .wp-social-link:hover { transform: none; }
}