/* temario — ajustes para WordPress. El diseño base está en style.css (copia del prototipo aprobado). */

body{margin:0}
[hidden]{display:none!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;font-weight:700}
.skip:focus{left:16px}

/* En el prototipo eran botones; acá son enlaces. */
a.nb,a.tlink,a.tag,a.more{display:inline-flex;align-items:center}
a.story,a.breve,a.opcol,a.li,a.res{color:inherit}
button.breve{width:100%}

/* Barra de administración de WordPress (solo la ve el equipo logueado). */
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}

/* Íconos del modo claro/oscuro. */
.tm-sun{display:none}
:root[data-theme="dark"] .tm-sun{display:inline-flex}
:root[data-theme="dark"] .tm-moon{display:none}
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]) .tm-sun{display:inline-flex}
	:root:not([data-theme="light"]) .tm-moon{display:none}
}

/* El logo se arma una sola vez por visita. */
.tm-seen #mast .lg.intro :is(.gl,.dot,.rule,.firma){animation:none!important;opacity:1!important}

/* Títulos de listados (búsqueda, etiquetas). */
main .page-h{font-size:clamp(34px,5vw,58px)}

/* ---------- Anuncios: el espacio solo existe si hay campaña vigente ---------- */
.adimg{display:block;max-width:100%;overflow:hidden;border-radius:10px;background:var(--paper-2)}
.adimg img{display:block;width:100%;height:100%;object-fit:cover}
.adimg-cabecera{width:728px;aspect-ratio:728/90}
.adimg-portada{width:300px;aspect-ratio:300/250}
.adimg-lateral{width:300px;aspect-ratio:300/600}
.adimg-cierre{width:970px;aspect-ratio:970/250}
.side .adw{margin-bottom:8px}
/* Aviso “Espacio disponible” (cuando un espacio no tiene anuncio vendido). */
.adph{display:flex;align-items:center;justify-content:center;text-align:center;border:1.5px dashed var(--hair);background:repeating-linear-gradient(135deg,var(--paper-2) 0 14px,var(--paper) 14px 28px)}
.adph-in{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:var(--paper);border-radius:8px}
.adph-in b{font-family:var(--f-serif);font-size:18px;color:var(--ink)}
.adph-in span{font-size:13px;font-weight:700;color:var(--red)}
.adph-in small{font-size:11px;color:var(--muted);letter-spacing:.06em}
a.adph:hover{border-color:var(--red)}
.adimg-cabecera .adph-in,.adimg-cierre .adph-in{flex-direction:row;gap:12px;align-items:baseline}
@media (max-width:1020px){.adimg-cierre{width:728px;aspect-ratio:728/90}}
@media (max-width:760px){.adimg-cabecera,.adimg-cierre{width:320px;aspect-ratio:320/100}}

/* ---------- Opinión: fotos de columnistas en blanco y negro ---------- */
img.op-ph{object-fit:cover;filter:grayscale(1) contrast(1.05)}
.op-row .op-ph,.op-row .op-av{width:56px;height:56px}
.op-list .op-ph,.op-list .op-av{width:72px;height:72px}
.art .op-by .op-ph,.art .op-by .op-av{width:64px;height:64px}
.op-by b a:hover{color:var(--red)}
.tm-firma .op-ph,.tm-firma .op-av{width:112px;height:112px;font-size:32px!important}
.tm-firma{gap:20px}

/* ---------- Cuerpo de la nota (bloques del editor) ---------- */
.art .body{font-size:20px}
.body h2,.body h3{font-family:var(--f-serif);color:var(--ink);line-height:1.2;margin:1.6em 0 .5em;letter-spacing:-.01em}
.body h2{font-size:1.3em}
.body h3{font-size:1.1em}
.body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.body ul,.body ol:not(.moments){padding-left:1.2em;margin:0 0 1.1em}
.body li{margin-bottom:.4em}
.body blockquote,.body .wp-block-quote{margin:1.6em 0;padding:.1em 0 .1em 1.1em;border-left:4px solid var(--red);font-style:italic;color:var(--ink)}
.body blockquote cite,.body .wp-block-quote cite{display:block;margin-top:.4em;font-style:normal;font-family:var(--f-sans);font-size:14px;color:var(--muted)}
.body .wp-block-pullquote{margin:1.8em 0;padding:1em 0;border-top:3px solid var(--rule);border-bottom:1px solid var(--hair);text-align:left}
.body .wp-block-pullquote blockquote{border:0;padding:0;font-size:1.35em;line-height:1.3}
.body figure{margin:1.6em 0}
.body img{max-width:100%;height:auto;border-radius:10px}
.body figcaption,.body .wp-element-caption{margin-top:8px;font-family:var(--f-sans);font-size:13px;color:var(--muted);text-align:left}
.body .wp-block-embed,.body iframe{max-width:100%}
.body hr{border:0;border-top:1px solid var(--hair);margin:2em 0}
@media (max-width:760px){.art .body{font-size:18px}}

.tm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.tm-tags a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--hair);border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2)}
.tm-tags a:hover{border-color:var(--ink);color:var(--ink)}

/* ---------- Paginación ---------- */
.tm-pag{margin-top:28px}
.tm-pag .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tm-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--hair);border-radius:999px;font-weight:700;font-size:14px}
.tm-pag .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tm-pag a.page-numbers:hover{border-color:var(--ink)}

/* ---------- Buscador ---------- */
.tm-searchform{display:flex;gap:10px;flex-wrap:wrap}
.tm-searchform input{flex:1 1 240px;min-height:48px;padding:0 18px;border:1px solid var(--hair);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px}
.overlay .sbox form{margin-top:8px}