/* Agridulce: sistema base. Tokens de color y tipografía en theme.json (--wp--preset--*), aquí con nombre corto.
   Escala tipográfica fija de 7 pasos: ningún font-size fuera de var(--t-*). */
:root {
	--ag-verde: var(--wp--preset--color--verde, #8fd14f);
	--ag-rosa: var(--wp--preset--color--rosa, #ff2e7e);
	--ag-tinta: var(--wp--preset--color--tinta, #0c0c0e);
	--ag-blanco: var(--wp--preset--color--blanco, #fff);
	--ag-gris: var(--wp--preset--color--gris, #6e6e76);
	--ag-linea: var(--wp--preset--color--linea, #e6e6ea);
	--ag-fondo: var(--wp--preset--color--fondo, #f6f6f4);
	--ag-hueco: #ecece8;
	--ag-marco: #efeee9;
	--ag-texto: #3d3d44;

	--t-xs: var(--wp--preset--font-size--xs, 12px);
	--t-sm: var(--wp--preset--font-size--sm, 14px);
	--t-base: var(--wp--preset--font-size--base, 17px);
	--t-md: var(--wp--preset--font-size--md, 20px);
	--t-lg: var(--wp--preset--font-size--lg, 28px);
	--t-xl: var(--wp--preset--font-size--xl, clamp(36px, 5vw, 56px));
	--t-2xl: var(--wp--preset--font-size--xxl, clamp(44px, 7vw, 84px));

	--ancho: 1280px;
	--margen: clamp(16px, 4vw, 40px);
	--radio: 16px;
	--radio-sm: 12px;
	--sombra: 0 1px 2px rgba(12, 12, 14, .05), 0 6px 18px -8px rgba(12, 12, 14, .16);
	--sombra-alta: 0 2px 4px rgba(12, 12, 14, .06), 0 18px 36px -12px rgba(12, 12, 14, .28);
	--trans: 150ms ease;
	--toque: 40px;
}
@media (max-width: 781.98px) { :root { --toque: 44px; } }

html { scroll-padding-top: 16px; }
body { background: var(--ag-fondo); font-size: var(--t-base); font-stretch: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { height: auto; }
button, input, select, textarea { font: inherit; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ico { width: 1.15em; height: 1.15em; flex: none; }

/* Contenedor único: header, main y footer comparten los mismos bordes izquierdo y derecho. */
.contenedor, .seccion__interior { width: min(var(--ancho), 100% - 2 * var(--margen)); margin-inline: auto; box-sizing: border-box; }
main.contenedor { margin-inline: auto !important; }

/* Titular condensado */
.cd { font-stretch: 68%; font-weight: 850; letter-spacing: -.01em; line-height: .95; text-transform: none; }

/* Firma / meta: siempre versalitas con tracking */
.by { font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ag-gris); }
.by b, .by strong { color: var(--ag-rosa); }

/* Etiquetas (no interactivas) y pastillas */
.pill { display: inline-flex; align-items: center; min-height: 28px; box-sizing: border-box; font-size: var(--t-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; line-height: 1; padding: 0 12px; border-radius: 999px; text-decoration: none; }
.pill--verde { background: var(--ag-verde); color: var(--ag-tinta); }
.pill--rosa { background: var(--ag-rosa); color: var(--ag-blanco); }
.pill--tinta { background: var(--ag-tinta); color: var(--ag-verde); }
span.tag { position: absolute; top: 10px; left: 10px; z-index: 1; max-width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding: 6px 10px; border-radius: 999px; background: rgba(12, 12, 14, .45); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--ag-blanco); font-size: var(--t-xs); font-weight: 700; line-height: 1; letter-spacing: .04em; text-transform: uppercase; }

/* Botones: alto mínimo 40 px (44 en el celular) */
.boton, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--toque); box-sizing: border-box; padding: 0 20px; border: 0; border-radius: 999px; font-size: var(--t-sm); font-weight: 700; line-height: 1.1; text-decoration: none; cursor: pointer; transition: background-color var(--trans), color var(--trans), transform var(--trans), box-shadow var(--trans); }
.boton--tinta, .wp-block-button__link { background: var(--ag-tinta); color: var(--ag-blanco); }
.boton--tinta:hover, .wp-block-button__link:hover { background: var(--ag-rosa); color: var(--ag-blanco); }
.boton:focus-visible, .wp-block-button__link:focus-visible, .chip:focus-visible { outline: 2px solid var(--ag-rosa); outline-offset: 2px; }

/* Chips (tendencias, secciones, etiquetas) */
.chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0 0 24px; }
.chips li { margin: 0; }
.chip { display: inline-flex; align-items: center; min-height: var(--toque); box-sizing: border-box; padding: 0 16px; border-radius: 999px; background: var(--ag-blanco); box-shadow: var(--sombra); color: var(--ag-tinta); font-size: var(--t-sm); font-weight: 600; line-height: 1.1; text-decoration: none; white-space: nowrap; transition: background-color var(--trans), color var(--trans), transform var(--trans), box-shadow var(--trans); }
.chip:hover { background: var(--ag-tinta); color: var(--ag-blanco); transform: translateY(-1px); box-shadow: var(--sombra-alta); }
/* Lateral y pie: un chip largo (p. ej. una tendencia) baja de línea en vez de desbordar el panel; la barra de tendencias de la cabecera sigue en una línea con scroll horizontal. */
.chips--tendencias .chip { white-space: normal; max-width: 100%; padding-block: 8px; }

/* Marco de imagen: nunca estira, recorta */
.ph { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: var(--ag-hueco); }
.ph img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; }

/* Rejillas: 2 columnas en el celular, 3 en escritorio */
.rejilla { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; list-style: none; }
.rejilla--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 782px) {
	.rejilla { gap: 24px; }
	.rejilla--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rejilla--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.rejilla > li { margin: 0; min-width: 0; display: flex; }
.rejilla > li > * { flex: 1; }
.rejilla .wp-block-post-title { margin: 12px 0 4px; font-size: var(--t-md); }

/* ---- Cabecera ---- */
.wp-site-blocks > header { position: relative; z-index: 30; }
.bar { position: relative; background: var(--ag-blanco); box-shadow: 0 1px 0 rgba(12, 12, 14, .05), 0 10px 24px -18px rgba(12, 12, 14, .35); }
.bar > * { margin-block: 0; }
.bar__interior { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; padding-top: 10px; }
.bar__interior > * { margin: 0 !important; }
.bar__logo { line-height: 0; margin-right: auto !important; }
.bar__logo img { display: block; width: auto; height: 24px; max-width: none; }
.bar__nl { flex: none; }
.bar__nl .wp-block-button__link { padding: 0 16px; }
nav.bar__nav { order: 5; flex: 1 0 100%; min-width: 0; margin: 10px calc(-1 * var(--margen)) 0 !important; padding: 0 var(--margen) 10px; overflow-x: auto; scrollbar-width: none; font-size: var(--t-base); }
nav.bar__nav::-webkit-scrollbar { display: none; }
.bar__nav .wp-block-navigation__container { flex-wrap: nowrap !important; gap: 8px; }
.bar__nav .wp-block-navigation-item a { --sec: var(--ag-tinta); position: relative; display: flex; align-items: center; min-height: var(--toque); box-sizing: border-box; padding: 0 16px; border-radius: 999px; background: var(--ag-fondo); white-space: nowrap; font-size: var(--t-base); font-weight: 600; text-decoration: none; color: var(--ag-tinta); transition: background-color var(--trans), color var(--trans); }
.bar__nav a[href$="/festividades/"], .bar__nav a[href$="/mexico/"], .bar__nav a[href$="/tecnologia/"] { --sec: var(--ag-verde); }
.bar__nav a[href$="/para-ninos/"], .bar__nav a[href$="/cultura/"], .bar__nav a[href$="/poemas-y-letras/"] { --sec: var(--ag-rosa); }
.bar__nav .wp-block-navigation-item a:hover { background: var(--ag-hueco); color: var(--ag-tinta); }
.bar__nav [aria-current="page"], .bar__nav .es-seccion-actual > a, .bar__nav .current-menu-item > a, .bar__nav .wp-block-navigation-item > a.wp-block-navigation-item__content[aria-current="page"], .bar__nav .es-seccion-actual > a.wp-block-navigation-item__content { background: var(--ag-tinta); color: var(--ag-blanco); box-shadow: inset 0 -4px 0 var(--sec); }

/* Buscador: pastilla visible en escritorio; lupa + panel a todo lo ancho en el celular */
.buscador { flex: none; }
.buscador__abrir { display: inline-flex; align-items: center; justify-content: center; width: var(--toque); height: var(--toque); padding: 0; border: 0; border-radius: 999px; background: var(--ag-fondo); color: var(--ag-tinta); cursor: pointer; }
.buscador__abrir .ico { width: 20px; height: 20px; }
.buscador.esta-abierto .buscador__abrir { background: var(--ag-tinta); color: var(--ag-blanco); }
.buscador__form { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 40; align-items: center; gap: 4px; padding: 12px var(--margen) 16px; background: var(--ag-blanco); box-shadow: 0 16px 24px -16px rgba(12, 12, 14, .3); }
.buscador.esta-abierto .buscador__form { display: flex; }
.buscador__form input { flex: 1; min-width: 0; height: 48px; box-sizing: border-box; padding: 0 16px 0 4px; border: 0; border-radius: 0 999px 999px 0; background: var(--ag-fondo); color: var(--ag-tinta); font-size: var(--t-base); outline: none; -webkit-appearance: none; appearance: none; }
.buscador__form input::placeholder, .buscar-pagina input::placeholder { color: #66666c; opacity: 1; }
.buscador__enviar { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; margin-right: -4px; padding: 0 0 0 4px; border: 0; border-radius: 999px 0 0 999px; background: var(--ag-fondo); color: var(--ag-tinta); cursor: pointer; }
.buscador__enviar .ico { width: 20px; height: 20px; }
.buscador__form:focus-within input, .buscador__form:focus-within .buscador__enviar { background: var(--ag-hueco); }

@media (min-width: 782px) {
	.bar__interior { column-gap: 16px; padding-top: 12px; }
	.bar__logo img { height: 28px; }
	nav.bar__nav { margin: 4px 0 0 !important; padding: 0; overflow: visible; }
	.bar__nav .wp-block-navigation__container { gap: 28px; }
	.bar__nav .wp-block-navigation-item a, .bar__nav .wp-block-navigation-item a:hover { min-height: 56px; padding: 0; border-radius: 0; background: none; }
	.bar__nav .wp-block-navigation-item a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; border-radius: 4px 4px 0 0; background: var(--sec); transform: scaleX(0); transform-origin: left; transition: transform var(--trans); }
	.bar__nav .wp-block-navigation-item a:hover::after { transform: scaleX(1); }
	.bar__nav [aria-current="page"], .bar__nav .es-seccion-actual > a, .bar__nav .current-menu-item > a, .bar__nav .wp-block-navigation-item > a.wp-block-navigation-item__content[aria-current="page"], .bar__nav .es-seccion-actual > a.wp-block-navigation-item__content { background: none; color: var(--ag-tinta); box-shadow: none; }
	.bar__nav [aria-current="page"]::after, .bar__nav .es-seccion-actual > a::after, .bar__nav .current-menu-item > a::after { transform: scaleX(1); }
	.buscador { position: relative; width: 240px; height: 44px; }
	.buscador__abrir { display: none; }
	.buscador__form { display: flex; left: auto; right: 0; top: 0; width: 100%; height: 44px; padding: 0; gap: 0; border-radius: 999px; background: var(--ag-fondo); box-shadow: inset 0 0 0 1.5px transparent; transition: width var(--trans), box-shadow var(--trans), background-color var(--trans); }
	.buscador__form input, .buscador__enviar { height: 44px; background: transparent; }
	.buscador__form input { font-size: var(--t-sm); }
	.buscador__form:hover { box-shadow: inset 0 0 0 1.5px var(--ag-hueco); }
	.buscador__form:focus-within { width: 340px; background: var(--ag-blanco); box-shadow: inset 0 0 0 2px var(--ag-tinta), var(--sombra-alta); }
	.buscador__form:focus-within input, .buscador__form:focus-within .buscador__enviar { background: transparent; }
}
@media (min-width: 1200px) {
	.bar__interior { flex-wrap: nowrap; column-gap: 28px; padding-top: 0; min-height: 72px; }
	.bar__logo { margin-right: 0 !important; }
	nav.bar__nav { order: 0; flex: 1 1 auto; margin: 0 !important; }
	.bar__nav .wp-block-navigation-item a, .bar__nav .wp-block-navigation-item a:hover { min-height: 72px; }
	.bar__nav .wp-block-navigation__container { gap: 24px; }
}

/* Barra de tendencias (bajo la cabecera, sobre el fondo cálido) */
.tendencias { padding: 10px 0; }
.tendencias__interior { display: flex; align-items: center; gap: 12px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.tendencias__interior::-webkit-scrollbar { display: none; }
.tendencias__titulo { display: inline-flex; align-items: center; gap: 6px; flex: none; color: var(--ag-tinta); text-transform: uppercase; letter-spacing: .08em; font-size: var(--t-xs); font-weight: 800; }
.tendencias__titulo .ico { width: 20px; height: 20px; color: var(--ag-rosa); }
.tendencias__lista { display: flex; gap: 8px; margin: 0; padding: 4px 2px; list-style: none; }
.tendencias__lista li { margin: 0; }

/* Aviso de "Enlace copiado" (agridulce.js) */
.aviso-copiado { display: inline-block; margin-left: 8px; padding: 6px 12px; border-radius: 999px; background: var(--ag-tinta); color: var(--ag-verde); font-size: var(--t-xs); font-weight: 800; }
.aviso-copiado[hidden], .aviso-copiado:empty { display: none; }

/* ---- Tarjetas (inc/tarjetas.php): principal | cuadro | lista | mosaico | feed ---- */
.tarjeta { --t-bg: var(--ag-tinta); --t-fg: var(--ag-blanco); --t-pill-bg: var(--ag-verde); --t-pill-fg: var(--ag-tinta); --t-luz: rgba(143, 209, 79, .35); position: relative; min-width: 0; }
.tarjeta--verde { --t-bg: var(--ag-verde); --t-fg: var(--ag-tinta); --t-pill-bg: var(--ag-tinta); --t-pill-fg: var(--ag-verde); --t-luz: rgba(255, 255, 255, .45); }
.tarjeta--rosa { --t-bg: var(--ag-rosa); --t-fg: var(--ag-blanco); --t-pill-bg: var(--ag-tinta); --t-pill-fg: var(--ag-blanco); --t-luz: rgba(255, 255, 255, .3); }
.tarjeta__enlace { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.tarjeta__enlace:hover .tarjeta__titulo { color: var(--ag-rosa); }
.tarjeta__medio { display: block; }
.tarjeta__titulo { font-size: var(--t-md); font-weight: 700; line-height: 1.2; margin: 0 0 6px; overflow-wrap: break-word; transition: color var(--trans); }
.tarjeta__extracto { font-size: var(--t-sm); line-height: 1.5; color: var(--ag-texto); margin: 0 0 8px; }
.tarjeta__meta { margin: auto 0 0; }
/* Cuadro y mosaico: extracto a 3 líneas (filas parejas, la fecha siempre abajo); fotos recortadas un poco arriba del centro */
.tarjeta__cuerpo .tarjeta__extracto { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.tarjeta__medio.ph img { object-position: center 30%; }

/* Superficie: cuadro y mosaico son tarjetas blancas con radio, sombra y elevación al pasar el cursor */
.tarjeta--cuadro, .tarjeta--mosaico { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radio); background: var(--ag-blanco); color: var(--ag-tinta); box-shadow: var(--sombra); transition: transform var(--trans), box-shadow var(--trans); }
.tarjeta--cuadro:hover, .tarjeta--mosaico:hover, .tarjeta--cuadro:focus-within, .tarjeta--mosaico:focus-within { transform: translateY(-2px); box-shadow: var(--sombra-alta); }
.tarjeta:hover .ph img { transform: scale(1.03); }
.tarjeta__cuerpo { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 16px; }

/* Sin imagen: bloque del color de la sección con un patrón sutil (luz en una esquina + trama diagonal) */
.tarjeta__bloque { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 12px; aspect-ratio: 16 / 10; padding: 16px; box-sizing: border-box; overflow: hidden; color: var(--t-fg);
	background: radial-gradient(120% 90% at 100% 0%, var(--t-luz), transparent 55%), repeating-linear-gradient(135deg, rgba(255, 255, 255, .07) 0 2px, transparent 2px 14px), var(--t-bg); }
.tarjeta__bloque .tarjeta__titulo { margin: auto 0 0; font-size: var(--t-lg); color: inherit; }
.tarjeta__enlace:hover .tarjeta__bloque .tarjeta__titulo { color: inherit; text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .1em; }
.tarjeta__etiqueta { display: inline-flex; align-items: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding: 6px 10px; border-radius: 999px; background: var(--t-pill-bg); color: var(--t-pill-fg); font-size: var(--t-xs); font-weight: 800; line-height: 1; text-transform: uppercase; letter-spacing: .06em; }

/* Principal: foto a sangre con el titular encima, sobre un degradado (referencia 1) */
.tarjeta--principal { overflow: hidden; border-radius: var(--radio); box-shadow: var(--sombra); background: var(--ag-tinta); transition: box-shadow var(--trans); }
.tarjeta--principal:hover { box-shadow: var(--sombra-alta); }
.tarjeta--principal .tarjeta__enlace { position: relative; display: block; }
.tarjeta--principal .tarjeta__medio.ph { aspect-ratio: 4 / 5; }
.tarjeta--principal .tarjeta__medio.ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(12, 12, 14, .94) 0%, rgba(12, 12, 14, .78) 30%, rgba(12, 12, 14, .6) 50%, rgba(12, 12, 14, .3) 85%, rgba(12, 12, 14, .15) 100%); }
.tarjeta__capa { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; color: var(--ag-blanco); text-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 16px rgba(0, 0, 0, .3); }
.tarjeta--principal .tarjeta__titulo { margin: 0; font-size: var(--t-2xl); color: inherit; text-wrap: balance; }
.tarjeta--principal .tarjeta__enlace:hover .tarjeta__titulo { color: inherit; text-decoration: underline; text-decoration-thickness: .05em; text-underline-offset: .08em; }
.tarjeta--principal .tarjeta__capa .tarjeta__extracto { display: none; margin: 0; max-width: 60ch; color: rgba(255, 255, 255, .86); }
.tarjeta--principal .tarjeta__capa .tarjeta__meta { margin: 0; color: rgba(255, 255, 255, .78); }
.tarjeta__autor { color: var(--ag-blanco); }
.tarjeta__etiqueta--vidrio { background: rgba(255, 255, 255, .18); color: var(--ag-blanco); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.tarjeta__flecha { position: absolute; top: 16px; right: 16px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; background: rgba(255, 255, 255, .18); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--ag-blanco); transition: background-color var(--trans), color var(--trans), transform var(--trans); }
.tarjeta__flecha .ico { width: 22px; height: 22px; }
.tarjeta--principal:hover .tarjeta__flecha { background: var(--ag-verde); color: var(--ag-tinta); transform: rotate(45deg); }
/* Principal sin imagen grande (solo si no hay ninguna reciente): bloque de color a toda altura */
.tarjeta--principal .tarjeta__bloque { aspect-ratio: 4 / 5; justify-content: flex-end; padding: 20px; }
.tarjeta--principal .tarjeta__bloque .tarjeta__etiqueta { margin-bottom: auto; }
.tarjeta--principal .tarjeta__bloque .tarjeta__titulo { margin: 0; font-size: var(--t-2xl); }
.tarjeta--principal .tarjeta__bloque .tarjeta__extracto, .tarjeta--principal .tarjeta__bloque .tarjeta__meta { margin: 0; color: inherit; opacity: .85; }
@media (min-width: 782px) {
	.tarjeta--principal .tarjeta__medio.ph, .tarjeta--principal .tarjeta__bloque { aspect-ratio: 16 / 10; }
	.tarjeta__capa { padding: 32px; }
	.tarjeta--principal .tarjeta__capa .tarjeta__extracto { display: block; font-size: var(--t-base); }
	.tarjeta__flecha { top: 24px; right: 24px; }
	.tarjeta--principal .tarjeta__bloque { padding: 32px; }
}

/* Mosaico y cuadro */
.tarjeta--mosaico .tarjeta__bloque .tarjeta__titulo { font-size: var(--t-lg); }
.tarjeta--cuadro .tarjeta__bloque .tarjeta__titulo { font-size: var(--t-lg); }

/* Lista (lo más leído, lateral) y feed (lo último): filas compactas, sin superficie propia */
.tarjeta--lista .tarjeta__enlace, .tarjeta--feed .tarjeta__enlace { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: start; }
.tarjeta--lista .tarjeta__medio.ph { order: 2; width: 72px; aspect-ratio: 1; border-radius: var(--radio-sm); }
.tarjeta--lista span.tag { display: none; }
.tarjeta--lista .tarjeta__cuerpo, .tarjeta--feed .tarjeta__cuerpo { padding: 0; }
.tarjeta--lista .tarjeta__titulo { margin: 0 0 4px; font-size: var(--t-base); line-height: 1.25; }
.tarjeta--lista.tarjeta--sin-imagen .tarjeta__enlace { display: block; }
.tarjeta--lista .tarjeta__bloque { display: block; aspect-ratio: auto; padding: 0; background: none; color: inherit; overflow: visible; }
.tarjeta--lista .tarjeta__bloque .tarjeta__etiqueta { display: none; }
.tarjeta--lista .tarjeta__bloque .tarjeta__titulo { margin: 0 0 4px; font-size: var(--t-base); font-stretch: 100%; font-weight: 700; line-height: 1.25; letter-spacing: 0; }
.tarjeta--lista .tarjeta__enlace:hover .tarjeta__bloque .tarjeta__titulo { color: var(--ag-rosa); text-decoration: none; }
.tarjeta--lista.tarjeta--sin-imagen .tarjeta__cuerpo { padding: 0; }

.tarjeta--feed { padding: 12px; border-radius: var(--radio-sm); transition: background-color var(--trans); }
.tarjeta--feed:hover { background: var(--ag-fondo); }
.tarjeta__quien { display: block; font-size: var(--t-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ag-gris); margin-bottom: 6px; }
.tarjeta__quien a { color: inherit; text-decoration: none; }
.tarjeta__quien time { white-space: nowrap; }
.tarjeta__quien-linea { margin: 0; }
.tarjeta__punto { display: inline-block; width: 10px; height: 10px; margin-right: 6px; vertical-align: 0; border-radius: 50%; background: var(--t-bg); }
.tarjeta--tinta .tarjeta__punto { background: var(--ag-tinta); box-shadow: inset 0 0 0 3px var(--ag-tinta), inset 0 0 0 5px var(--ag-verde); }
.tarjeta--feed .tarjeta__titulo { margin: 0; font-size: var(--t-base); line-height: 1.25; }
.tarjeta--feed .tarjeta__medio.ph { width: 64px; aspect-ratio: 1; border-radius: var(--radio-sm); }
.tarjeta--feed span.tag { display: none; }
.tarjeta__contenido { font-size: var(--t-sm); line-height: 1.5; }
.tarjeta__contenido > * { margin: 0 0 .5em; }
.tarjeta__contenido > :last-child { margin-bottom: 0; }
.tarjeta__contenido img { max-width: 100%; height: auto; border-radius: var(--radio-sm); }
.tarjeta--minientrada .tarjeta__contenido p:first-child { font-weight: 500; }

/* Foto pegada: imagen chica sobre el bloque de color, con marco blanco, sombra y giro estable (--giro, --w desde tarjetas.php). */
.tarjeta--pegada .tarjeta__bloque { aspect-ratio: auto; justify-content: flex-start; gap: 8px; min-height: 9rem; }
.tarjeta__foto { display: block; box-sizing: border-box; width: min(64%, var(--w, 100%)); padding: 6px; background: var(--ag-blanco); border-radius: 6px; box-shadow: 0 6px 16px -4px rgba(12, 12, 14, .4); transform: rotate(var(--giro, 0deg)); transform-origin: center; }
.tarjeta__foto--der { align-self: flex-end; margin-right: 4px; }
.tarjeta__foto--izq { align-self: flex-start; margin-left: 4px; }
.tarjeta__foto img { display: block; width: 100%; height: auto; border-radius: 3px; }
.tarjeta--pegada .tarjeta__bloque .tarjeta__titulo { margin-top: auto; padding-top: 4px; }
.tarjeta--pegada .tarjeta__etiqueta, .tarjeta__foto { flex: none; }
.tarjeta--pegada .tarjeta__etiqueta { position: relative; z-index: 1; }
.tarjeta--principal.tarjeta--pegada .tarjeta__bloque { aspect-ratio: auto; min-height: 420px; justify-content: flex-end; }
.tarjeta--principal.tarjeta--pegada .tarjeta__foto { width: min(72%, var(--w, 100%)); }

@media (max-width: 781.98px) {
	.tarjeta__cuerpo { padding: 10px 12px 12px; }
	.rejilla .tarjeta--mosaico .tarjeta__extracto, .tarjeta--cuadro .tarjeta__extracto { display: none; }
	.rejilla .tarjeta--mosaico .tarjeta__titulo, .tarjeta--cuadro .tarjeta__titulo { font-size: var(--t-base); }
	.tarjeta--mosaico .tarjeta__bloque, .tarjeta--cuadro .tarjeta__bloque { aspect-ratio: 1; padding: 12px; }
	.rejilla .tarjeta--mosaico .tarjeta__bloque .tarjeta__titulo, .tarjeta--cuadro .tarjeta__bloque .tarjeta__titulo { font-size: var(--t-md); }
	.tarjeta--mosaico.tarjeta--pegada .tarjeta__bloque, .tarjeta--cuadro.tarjeta--pegada .tarjeta__bloque { aspect-ratio: auto; }
	.tarjeta--mosaico span.tag, .tarjeta--cuadro span.tag { top: 8px; left: 8px; max-width: calc(100% - 16px); }
}

/* ---- Páginas de sección y archivos: cabecera de color a sangre + rejilla ---- */
.principal--seccion { margin-block-start: 0; }
.seccion { --sec-bg: var(--ag-tinta); --sec-fg: var(--ag-blanco); --sec-luz: rgba(143, 209, 79, .3); --sec-luz2: rgba(255, 46, 126, .3); }
.seccion--verde { --sec-bg: var(--ag-verde); --sec-fg: var(--ag-tinta); --sec-luz: rgba(255, 255, 255, .5); --sec-luz2: rgba(255, 46, 126, .18); }
.seccion--rosa { --sec-bg: var(--ag-rosa); --sec-fg: var(--ag-blanco); --sec-luz: rgba(255, 255, 255, .3); --sec-luz2: rgba(143, 209, 79, .3); }
.seccion--tinta { --sec-bg: var(--ag-tinta); --sec-fg: var(--ag-blanco); }
.seccion__cabeza { position: relative; overflow: hidden; color: var(--sec-fg); padding: 40px 0 36px;
	background: radial-gradient(60% 120% at 100% 0%, var(--sec-luz), transparent 60%), radial-gradient(50% 120% at 0% 100%, var(--sec-luz2), transparent 60%), repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0 2px, transparent 2px 16px), var(--sec-bg); }
.seccion__miga { margin: 0; }
.seccion__titulo { font-size: var(--t-xl); margin: 16px 0 0; color: inherit; }
.seccion--acento-rosa .seccion__titulo { text-decoration: underline; text-decoration-color: var(--ag-rosa); text-decoration-thickness: .08em; text-underline-offset: .12em; }
.seccion--acento-verde .seccion__titulo { text-decoration: underline; text-decoration-color: var(--ag-verde); text-decoration-thickness: .08em; text-underline-offset: .12em; }
.seccion__cuerpo { padding-block: 32px 16px; }
.seccion__rejilla { margin: 0; }
.seccion__descripcion { margin: 12px 0 0; max-width: 46rem; font-size: var(--t-base); line-height: 1.5; color: inherit; }
@media (min-width: 782px) { .seccion__cabeza { padding: 56px 0 48px; } .seccion__cuerpo { padding-top: 40px; } }

/* Paginación */
.seccion__paginas, .paginas { margin: 40px 0 16px; }
.seccion__paginas ul, .paginas ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 8px; list-style: none; padding: 0; margin: 0; }
.seccion__paginas li, .paginas li { margin: 0; padding: 0; }
.seccion__paginas .page-numbers, .paginas .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: var(--toque); min-height: var(--toque); box-sizing: border-box; padding: 0 16px; border-radius: 999px; background: var(--ag-blanco); box-shadow: var(--sombra); font-size: var(--t-sm); font-weight: 700; text-decoration: none; color: var(--ag-tinta); transition: background-color var(--trans), color var(--trans); }
.seccion__paginas a.page-numbers:hover, .paginas a.page-numbers:hover { background: var(--ag-tinta); color: var(--ag-blanco); }
.seccion__paginas .current, .paginas .current { background: var(--ag-tinta); color: var(--ag-blanco); }
.seccion__paginas .dots, .paginas .dots { background: none; box-shadow: none; }

/* Búsqueda: campo grande en la cabecera y conteo de resultados */
.buscar-pagina { display: flex; gap: 8px; margin: 0 0 28px; max-width: 40rem; }
.buscar-pagina input { flex: 1; min-width: 0; height: 56px; box-sizing: border-box; padding: 0 24px; border: 0; border-radius: 999px; background: var(--ag-blanco); box-shadow: var(--sombra), inset 0 0 0 1.5px var(--ag-hueco); color: var(--ag-tinta); font-size: var(--t-md); outline: none; -webkit-appearance: none; appearance: none; }
.buscar-pagina input:focus { box-shadow: var(--sombra-alta), inset 0 0 0 2px var(--ag-tinta); }
.buscar-pagina button { flex: none; height: 56px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--ag-tinta); color: var(--ag-blanco); font-size: var(--t-base); font-weight: 800; cursor: pointer; transition: background-color var(--trans); }
.buscar-pagina button:hover { background: var(--ag-rosa); }
.busqueda__cabeza .buscar-pagina { margin: 20px 0 16px; max-width: 48rem; }
.busqueda__cabeza .buscar-pagina input { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .5); }
.busqueda__cabeza .buscar-pagina button { background: var(--ag-verde); color: var(--ag-tinta); }
.busqueda__cabeza .buscar-pagina button:hover { background: var(--ag-rosa); color: var(--ag-blanco); }
.busqueda__conteo { margin: 0; font-size: var(--t-lg); font-weight: 700; line-height: 1.2; color: inherit; }
@media (max-width: 599.98px) { .buscar-pagina input { padding: 0 18px; } .buscar-pagina button { padding: 0 20px; } }
.archivo__vacio { margin: 0 0 16px; font-size: var(--t-base); }
.archivo__subtitulo { font-size: var(--t-lg); margin: 40px 0 16px; }

/* Páginas (Nosotros, Contacto, Boletín…): columna de lectura de 680 px en el contenedor */
.principal.pagina { width: min(680px, 100% - 2 * var(--margen)); margin-inline: auto !important; box-sizing: border-box; }
.pagina > * { margin-block: 0; }
.pagina__titulo { margin: 0 0 24px !important; font-size: var(--t-xl); text-decoration: underline; text-decoration-color: var(--ag-verde); text-decoration-thickness: .08em; text-underline-offset: .12em; }
.pagina__contenido { font-size: var(--t-base); line-height: 1.7; }
.pagina__contenido > * { margin-block: 0 1.1em; }
.pagina__contenido img { max-width: 100%; height: auto; border-radius: var(--radio-sm); }
.pagina__contenido .wp-block-jetpack-contact-form, .pagina__contenido form { max-width: 100%; }
.pagina__contenido input[type="text"], .pagina__contenido input[type="email"], .pagina__contenido input[type="url"], .pagina__contenido textarea { width: 100%; box-sizing: border-box; min-height: 48px; font-size: var(--t-base); padding: 10px 16px; border: 0; border-radius: var(--radio-sm); background: var(--ag-blanco); box-shadow: inset 0 0 0 1.5px var(--ag-linea); }
.pagina__contenido input:focus, .pagina__contenido textarea:focus { outline: none; box-shadow: inset 0 0 0 2px var(--ag-tinta); }
.pagina__contenido label { font-size: var(--t-sm); font-weight: 700; }
.pagina__contenido .wp-block-button__link, .pagina__contenido button[type="submit"], .pagina__contenido input[type="submit"] { min-height: 48px; font-size: var(--t-base); font-weight: 800; background: var(--ag-tinta); color: var(--ag-blanco); border: 0; border-radius: 999px; padding: 0 28px; cursor: pointer; }
.pagina__contenido :where(h2) { font-size: var(--t-lg); }
.pagina__contenido :where(h3) { font-size: var(--t-md); }
.pagina__contenido :where(p, li, input, textarea, label, button, small, figcaption) { font-size: inherit; }
.pagina__contenido :where(.has-small-font-size, small, figcaption) { font-size: var(--t-sm); }

/* Boletín: presentación propia, bloque de Jetpack y respaldo */
.boletin { display: grid; gap: 24px; align-items: center; margin: 0 0 32px; padding: 28px; border-radius: var(--radio); color: var(--ag-tinta); box-shadow: var(--sombra);
	background: radial-gradient(80% 120% at 100% 0%, rgba(255, 46, 126, .35), transparent 60%), radial-gradient(70% 120% at 0% 100%, rgba(255, 255, 255, .5), transparent 60%), repeating-linear-gradient(135deg, rgba(255, 255, 255, .12) 0 2px, transparent 2px 14px), var(--ag-verde); }
.boletin__miga { margin: 0 0 12px; }
.boletin__titulo { margin: 0 0 12px; font-size: var(--t-xl); }
.boletin__lead { margin: 0; font-size: var(--t-md); line-height: 1.4; }
.boletin__ilustracion { justify-self: center; line-height: 0; }
.boletin__ilustracion svg { width: 200px; height: auto; filter: drop-shadow(0 12px 18px rgba(12, 12, 14, .2)); }
@media (min-width: 600px) { .boletin { grid-template-columns: minmax(0, 1fr) auto; padding: 36px; } .boletin__ilustracion svg { width: 220px; } }
#suscribirse { scroll-margin-top: 24px; }
.boletin-respaldo { padding: 24px; border-radius: var(--radio); background: var(--ag-blanco); box-shadow: var(--sombra); }
.boletin-respaldo__titulo { margin: 0 0 8px; font-size: var(--t-md); font-weight: 800; }
.boletin-respaldo__texto { margin: 0; font-size: var(--t-base); color: var(--ag-texto); }
.boletin-respaldo a { color: var(--ag-tinta); text-decoration-color: var(--ag-rosa); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.pagina__contenido .wp-block-jetpack-subscriptions { padding: 24px; border-radius: var(--radio); background: var(--ag-blanco); box-shadow: var(--sombra); }

/* ---- Pie: tinta a sangre, barra verde→rosa, contenido en el contenedor ---- */
.pie { position: relative; overflow: hidden; margin-top: 64px; background: radial-gradient(50% 80% at 100% 0%, rgba(255, 46, 126, .14), transparent 60%), radial-gradient(40% 70% at 0% 100%, rgba(143, 209, 79, .12), transparent 60%), var(--ag-tinta); color: #c9c9cf; font-size: var(--t-sm); }
.pie::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, var(--ag-verde), var(--ag-rosa)); }
.pie > *, .pie__interior > * { margin-block: 0; }
.pie__interior { position: relative; z-index: 1; padding: 56px 0 24px; }
.pie a { color: var(--ag-blanco); text-decoration: none; transition: color var(--trans); }
.pie a:hover { color: var(--ag-verde); }
.pie__arriba { display: grid; gap: 32px; padding-bottom: 40px; }
.pie__marca { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pie__logo { line-height: 0; }
.logo-blanco { display: block; width: 176px; height: 32px; font-family: inherit; }
.pie__redes { margin: 0; display: flex; gap: 8px; }
.pie__red { display: inline-flex; align-items: center; justify-content: center; width: var(--toque); height: var(--toque); border-radius: 999px; background: rgba(255, 255, 255, .08); transition: background-color var(--trans), color var(--trans); }
.pie__red:hover { background: var(--ag-verde); color: var(--ag-tinta) !important; }
.pie__red .ico { width: 18px; height: 18px; }
.boletin-mini { padding: 24px; border-radius: var(--radio); background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.boletin-mini__titulo { margin: 0 0 4px; font-size: var(--t-md); font-weight: 800; color: var(--ag-blanco); }
.boletin-mini__texto { margin: 0 0 16px; }
.boletin-mini__fila { display: flex; gap: 8px; }
.boletin-mini input { flex: 1; min-width: 0; height: 48px; box-sizing: border-box; padding: 0 18px; border: 0; border-radius: 999px; background: var(--ag-blanco); color: var(--ag-tinta); font-size: var(--t-base); }
.boletin-mini input:focus { outline: 2px solid var(--ag-verde); outline-offset: 2px; }
.boletin-mini button { flex: none; height: 48px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--ag-verde); color: var(--ag-tinta); font-size: var(--t-sm); font-weight: 800; cursor: pointer; transition: background-color var(--trans), color var(--trans); }
.boletin-mini button:hover { background: var(--ag-rosa); color: var(--ag-blanco); }
.pie a.boletin-mini__ir { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--ag-verde); color: var(--ag-tinta); font-size: var(--t-sm); font-weight: 800; }
.pie a.boletin-mini__ir:hover { background: var(--ag-rosa); color: var(--ag-blanco); }
.pie__columnas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; padding: 32px 0; box-shadow: 0 -1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); }
.pie__col > *, .pie__columnas > *, .pie__arriba > * { margin-block: 0 !important; }
.pie__col--tendencias { grid-column: 1 / -1; }
.pie__titulo { margin: 0 0 12px !important; font-size: var(--t-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--ag-verde); }
.pie__nav { font-size: var(--t-base); font-weight: 600; }
.pie__nav .wp-block-navigation__container { gap: 4px; }
.pie__nav a { display: inline-flex; align-items: center; min-height: 36px; }
.pie .chips { margin: 0; }
.pie .chip { background: rgba(255, 255, 255, .08); box-shadow: none; color: var(--ag-blanco); }
.pie .chip:hover { background: var(--ag-verde); color: var(--ag-tinta); }
.pie__abajo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 24px; }
.pie__abajo > * { margin: 0 !important; }
.pie__copy { font-size: var(--t-xs); letter-spacing: .04em; color: #9a9aa2; }
.pie__copy span { color: #7a7a82; }
.pie__arriba-enlace a { display: inline-flex; align-items: center; gap: 6px; min-height: var(--toque); padding: 0 16px; border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: var(--t-sm); font-weight: 700; }
.pie__wordmark { display: block; width: 100%; height: auto; margin-top: -2%; pointer-events: none; user-select: none; fill: var(--ag-blanco); opacity: .05; font-family: inherit; font-stretch: 68%; font-weight: 850; }
@media (min-width: 782px) {
	.pie__interior { padding-top: 72px; }
	.pie__arriba { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); align-items: start; }
	.pie__marca { flex-direction: column; align-items: flex-start; }
	.pie__columnas { grid-template-columns: 1fr 1fr 2fr; }
	.pie__col--tendencias { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
	.tarjeta:hover, .tarjeta:focus-within, .chip:hover, .herramienta:hover, .tarjeta--principal:hover .tarjeta__flecha { transform: none !important; }
	.tarjeta:hover .ph img { transform: none; }
}