/* Blog (Noticias): el tema Hello Elementor no tiene plantilla propia para archivo/entrada y salía sin
   diseño (David, 16-sep-2026). #content vive fuera de .chely-home (esa clase solo envuelve la cabecera y
   el pie compartidos), así que aquí se repiten los mismos tonos que portada.css en vez de heredarlos. */
#content.site-main{
	--bnavy:#16265E; --bnavy-deep:#0F1B44; --baccent:#B4532A; --baccent-dark:#8F3F1D; --baccent-soft:#FBF1EC;
	--bink:#151A24; --b700:#414A5C; --b500:#697487; --b300:#C6CCD8; --b200:#DEE3EC; --b100:#EDF0F6; --bpaper:#F5F7FB;
	--br:6px; --bmaxw:1280px; --bease:cubic-bezier(.23,1,.32,1);
	display:block;max-width:var(--bmaxw);margin:0 auto;padding:40px 24px 72px;
	font-family:"Archivo","Segoe UI",system-ui,sans-serif;color:var(--bink)
}
#content.site-main a{color:var(--bnavy)}
#content.site-main img{max-width:100%;height:auto;display:block}

/* ---------- cabecera de la página (título "Noticias" o el de la entrada) ---------- */
#content .page-header{margin-bottom:8px}
#content .page-header .entry-title{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--bnavy);text-wrap:balance}
#content .archive-description{margin:10px 0 0;color:var(--b500);font-size:15px;max-width:64ch}
body.single-post #content .page-header{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--b200)}

/* ---------- archivo: rejilla de tarjetas ---------- */
body.blog #content .page-content,body.archive #content .page-content{
	margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px
}
body.blog #content article.post,body.archive #content article.post{
	display:flex;flex-direction:column;background:#fff;border:1px solid var(--b200);border-radius:var(--br);
	overflow:hidden;transition:border-color .2s var(--bease),box-shadow .2s var(--bease),transform .2s var(--bease)
}
body.blog #content article.post:hover,body.archive #content article.post:hover{
	border-color:var(--bnavy);box-shadow:0 14px 30px -18px rgba(22,38,94,.35);transform:translateY(-2px)
}
body.blog #content article.post > a:first-of-type,body.archive #content article.post > a:first-of-type{order:-1;aspect-ratio:5/3;overflow:hidden;background:var(--bpaper)}
body.blog #content article.post img,body.archive #content article.post img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--bease)}
body.blog #content article.post:hover img,body.archive #content article.post:hover img{transform:scale(1.04)}
body.blog #content article.post .entry-title,body.archive #content article.post .entry-title{margin:16px 18px 0;font-size:16.5px;line-height:1.3;font-weight:600}
body.blog #content article.post .entry-title a,body.archive #content article.post .entry-title a{color:var(--bink);text-decoration:none}
body.blog #content article.post:hover .entry-title a,body.archive #content article.post:hover .entry-title a{color:var(--baccent-dark)}
body.blog #content article.post p,body.archive #content article.post p{margin:8px 18px 18px;font-size:14px;line-height:1.55;color:var(--b500);flex:1}

/* ---------- entrada: tipografía y ancho de lectura ---------- */
body.single-post #content .page-content{max-width:74ch;margin:0 auto}
body.single-post #content .page-content > h2,body.single-post #content .page-content > h3{color:var(--bnavy);font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:38px 0 14px}
body.single-post #content .page-content > h2{font-size:23px}
body.single-post #content .page-content > h3{font-size:18px}
body.single-post #content .page-content > p{margin:0 0 16px;font-size:16px;line-height:1.7;color:var(--b700)}
body.single-post #content .page-content > ul,body.single-post #content .page-content > ol{margin:0 0 16px;padding-left:22px;color:var(--b700);line-height:1.7}
body.single-post #content .page-content > ul:first-child{background:var(--bpaper);border:1px solid var(--b200);border-radius:var(--br);padding:18px 18px 18px 38px;list-style:none;margin-bottom:28px}
body.single-post #content .page-content > ul:first-child li{list-style:disc}
body.single-post #content .page-content li{margin-bottom:6px}
body.single-post #content .page-content a{text-decoration:underline;text-underline-offset:2px}
body.single-post #content .page-content strong{color:var(--bink)}
body.single-post #content .page-content img,body.single-post #content .page-content div[style*="text-align"] img{border-radius:var(--br);margin:6px 0 22px}
body.single-post #content .post-tags{margin-top:32px;padding-top:20px;border-top:1px solid var(--b200);font-size:13.5px;color:var(--b500)}
body.single-post #content .post-tags .tag-links a{display:inline-block;margin:4px 6px 0 0;padding:5px 11px;border-radius:99px;background:var(--bpaper);color:var(--bnavy);text-decoration:none;font-weight:600}

/* ---------- paginación ---------- */
#content nav.pagination{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:20px;border-top:1px solid var(--b200);font-size:14.5px;font-weight:600}
#content nav.pagination a{color:var(--bnavy);text-decoration:none}
#content nav.pagination a:hover{color:var(--baccent-dark)}

@media (max-width:900px){
	body.blog #content .page-content,body.archive #content .page-content{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	#content.site-main{padding:28px 16px 56px}
	body.blog #content .page-content,body.archive #content .page-content{grid-template-columns:1fr}
}