/* Agridulce: contenido clásico (2008–hoy) dentro de .clasico. Solo en entradas. Nunca escala imágenes hacia arriba. */
.clasico { font-size: var(--t-base); line-height: 1.7; color: #1d1d22; overflow-wrap: break-word; }
.clasico > * { margin-block: 0 1.125rem; }
.clasico::after { content: ""; display: table; clear: both; }
.clasico :where(div, p, figure, dl, dt, dd, table, pre, blockquote, center, span, object, embed, video, audio, iframe) { max-width: 100%; }
.clasico :where(h2, h3, h4) { font-stretch: 80%; font-weight: 800; line-height: 1.1; margin: 1.75rem 0 .75rem; }
.clasico h2 { font-size: var(--t-lg); }
.clasico h3 { font-size: var(--t-md); }
.clasico h4 { font-size: var(--t-base); }
.clasico a { color: inherit; text-decoration-color: var(--ag-rosa); text-decoration-thickness: .08em; text-underline-offset: .15em; }
.clasico a:hover { color: var(--ag-rosa); }
.clasico blockquote { margin: 0 0 1.125rem; padding: .25rem 0 .25rem 1rem; border-left: 4px solid var(--ag-verde); }
.clasico pre { overflow-x: auto; white-space: pre-wrap; font-size: var(--t-sm); }
.clasico ul, .clasico ol { padding-left: 1.25rem; }
.clasico hr { border: 0; border-top: 1px solid var(--ag-linea); margin: 1.5rem 0; }
.clasico center { display: block; text-align: center; }

/* Imágenes: a su tamaño natural como máximo; las insertadas por WordPress, centradas */
.clasico img { max-width: 100%; height: auto; }
.clasico :where(img[class*="wp-image-"], img.aligncenter, a > img:only-child) { display: block; margin-inline: auto; }
.clasico .aligncenter { display: block; margin-inline: auto; text-align: center; }
.clasico .alignleft, .clasico .alignright { display: block; float: none; margin: 0 auto 1.125rem; }
@media (min-width: 600px) {
	.clasico .alignleft { float: left; margin: .3rem 1.25rem .75rem 0; max-width: 50%; }
	.clasico .alignright { float: right; margin: .3rem 0 .75rem 1.25rem; max-width: 50%; }
}

/* Pies de foto clásicos ([caption], dl.wp-caption de TinyMCE) y de bloque */
.clasico .wp-caption { box-sizing: border-box; max-width: 100%; margin-inline: auto; padding: 0; }
.clasico .wp-caption img { display: block; margin: 0 auto; }
.clasico dl.wp-caption, .clasico .wp-caption dt, .clasico .wp-caption dd { margin-inline: 0; padding: 0; }
.clasico .wp-caption-text, .clasico .wp-caption dd, .clasico figcaption { margin: .375rem 0 0; font-size: var(--t-sm); line-height: 1.4; color: var(--ag-gris); text-align: center; }
.clasico .mceTemp { margin-inline: auto; }

/* Tablas: contenedor con desplazamiento horizontal (inc/contenido.php) */
.clasico .tabla { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.clasico table { border-collapse: collapse; font-size: var(--t-sm); line-height: 1.4; }
.clasico th, .clasico td { border: 1px solid var(--ag-linea); padding: .4rem .6rem; text-align: left; vertical-align: top; }
.clasico .tabla table { max-width: none; }

/* Incrustados: nunca más anchos que la columna; videos 16:9 */
.clasico :where(iframe, embed, object, video) { display: block; margin-inline: auto; border: 0; border-radius: var(--radio); }
.clasico :where(iframe[src*="vimeo.com"], iframe[src*="dailymotion.com"], iframe[src*="facebook.com/plugins/video"], video) { width: 100%; height: auto; aspect-ratio: 16 / 9; }

/* Fachada de YouTube (agridulce_fachada_youtube + agridulce.js) */
.yt-fachada, .yt-iframe { position: relative; display: block; width: 100%; max-width: 640px; aspect-ratio: 16 / 9; height: auto; margin: 0 auto 1.125rem; border: 0; border-radius: var(--radio); overflow: hidden; background: var(--ag-tinta); }
.yt-fachada img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; }
.yt-fachada::before { content: ""; position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; border-radius: 12px; background: var(--ag-rosa); transition: background-color .15s; }
.yt-fachada::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -6px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent var(--ag-blanco); }
.yt-fachada:hover::before, .yt-fachada:focus-visible::before { background: var(--ag-tinta); }
.yt-fachada:focus-visible { outline: 3px solid var(--ag-rosa); outline-offset: 2px; }
.wp-block-embed__wrapper > .yt-fachada, .wp-block-embed__wrapper > .yt-iframe { margin: 0; max-width: none; }
.wp-has-aspect-ratio .wp-block-embed__wrapper > .yt-fachada, .wp-has-aspect-ratio .wp-block-embed__wrapper > .yt-iframe { position: absolute; inset: 0; height: 100%; }
.clasico :where(img[class*="wp-image-"], .wp-block-image img) { border-radius: var(--radio-sm); }

/* ---- Marco único para las imágenes del cuerpo (Task 11c; clases puestas en el render por inc/contenido.php) ----
   Cada imagen (con su enlace, párrafo o pie) va en un marco a ancho de columna; la imagen, centrada a su tamaño
   (width del marcado, nunca más ancha que el marco). Se ignoran floats y anchos en línea. Iconos y emojis no llevan marco. */
.clasico .agridulce-figura, .clasico .agridulce-galeria, .clasico .gallery, .clasico .wp-block-gallery { box-sizing: border-box; clear: both; float: none; width: 100% !important; max-width: 100%; margin: 0 0 1.125rem; padding: 14px; border-radius: var(--radio); background: var(--ag-marco); box-shadow: var(--sombra); }
.clasico .agridulce-figura { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 160px; text-align: center; }
.clasico .agridulce-figura :is(figure, dl, dt, dd, div, center, p, a, span, strong) { box-sizing: border-box; float: none; max-width: 100%; margin: 0; padding: 0; }
.clasico .agridulce-figura:is(.alignleft, .alignright, .aligncenter, .alignnone) { float: none; max-width: 100%; margin: 0 0 1.125rem; }
.clasico .agridulce-figura :is(figure, dl, dt, div, center, p, a) { display: block; }
.clasico .agridulce-figura :is(.wp-caption, .alignleft, .alignright, .aligncenter, .alignnone, figure, dl) { width: auto !important; max-width: 100%; }
.clasico .agridulce-figura img { display: block; float: none; max-width: 100%; height: auto; margin: 0 auto; border-radius: var(--radio-sm); }
.clasico .agridulce-figura :is(.wp-caption-text, .wp-caption-dd, figcaption, dd), .clasico .agridulce-figura figure > figcaption, .clasico .gallery .gallery-caption, .clasico .wp-block-gallery figcaption { display: block; max-width: 60ch; margin: 10px auto 0; padding: 0; font-size: var(--t-sm); line-height: 1.4; color: var(--ag-gris); text-align: center; caption-side: initial; }
/* El texto que rodeaba una imagen en línea queda arriba y abajo del marco */
.clasico p > .agridulce-figura, .clasico span.agridulce-figura { margin-block: .75rem; }

/* Imágenes seguidas y galerías: una rejilla de 2 columnas dentro de un solo marco (1 columna bajo 480 px) */
.clasico .agridulce-galeria, .clasico .gallery, .clasico .wp-block-gallery { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px !important; align-items: center; }
.clasico .agridulce-galeria > br { display: none; }
.clasico .agridulce-galeria > .agridulce-figura { min-height: 0; margin: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; }
.clasico .gallery-item, .clasico .wp-block-gallery > figure, .clasico .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { float: none; width: auto !important; max-width: 100%; margin: 0 !important; text-align: center; }
.clasico .gallery-icon img, .clasico .wp-block-gallery img { display: block; max-width: 100%; height: auto; margin: 0 auto; border: 0; border-radius: var(--radio-sm); }
.clasico .gallery br { display: none; }
@media (max-width: 479px) {
	.clasico .agridulce-galeria, .clasico .gallery, .clasico .wp-block-gallery { grid-template-columns: minmax(0, 1fr); }
}