/* ==========================================================================
   Template de Noticia — estilo periódico (The Guardian / El País)
   Foco: legibilidad, jerarquía clara del byline y ancho de medida cómodo.
   ========================================================================== */

.noticia-article {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 8px 40px;
	color: #222;
	font-family: Georgia, "Times New Roman", serif;
}

/* Header / byline */
.noticia-header { margin: 10px 0 20px; }

.noticia-kicker {
	display: inline-block;
	margin: 0 0 8px;
	padding: 3px 10px;
	background: #E35135;
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 3px;
}

.noticia-lead {
	margin: 12px 0 18px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: 400;
	color: #333;
}

.noticia-meta {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	color: #555;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	align-items: center;
}

.noticia-autor a,
.noticia-autor a:visited {
	color: #093860;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid #c9d3df;
}
.noticia-autor a:hover { border-bottom-color: #093860; }

.noticia-sep { color: #bbb; }
.noticia-fecha { color: #555; }
.noticia-actualizado { color: #777; font-style: italic; }

/* Hero image */
.noticia-hero {
	margin: 20px 0 24px;
}
.noticia-hero-img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: #f2f2f2;
}
.noticia-hero-caption {
	margin-top: 8px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 0.85rem;
	color: #666;
	line-height: 1.35;
}

/* Body: tipografía estilo editorial (ajustada para adultos mayores) */
.noticia-body {
	font-size: 1.3rem;
	line-height: 1.9;
	color: #222;
}
.noticia-body p {
	font-size: 1.3rem;
	line-height: 1.9;
	margin: 0 0 1.3em;
}
.noticia-body h2 {
	margin: 1.8em 0 0.7em;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #111;
	font-weight: 700;
}
.noticia-body h3 {
	margin: 1.5em 0 0.5em;
	font-size: 1.4rem;
	line-height: 1.35;
	color: #111;
	font-weight: 700;
}
.noticia-body a {
	color: #093860;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
.noticia-body a:hover { color: #E35135; }
.noticia-body blockquote {
	margin: 1.7em 0;
	padding: 0.3em 0 0.3em 1.2em;
	border-left: 4px solid #E35135;
	font-size: 1.4rem;
	line-height: 1.65;
	color: #333;
	font-style: italic;
}
.noticia-body ul,
.noticia-body ol { margin: 0 0 1.3em 1.5em; }
.noticia-body li { margin-bottom: 0.6em; line-height: 1.8; }
.noticia-body img { max-width: 100%; height: auto; }
.noticia-body figure { margin: 1.4em 0; }
.noticia-body figcaption {
	font-size: 0.85rem;
	color: #666;
	margin-top: 6px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
	.noticia-article { padding: 0 12px 30px; }
	.noticia-lead { font-size: 1.2rem; line-height: 1.55; }
	.noticia-body { font-size: 1.15rem; line-height: 1.8; }
	.noticia-body h2 { font-size: 1.5rem; }
	.noticia-body h3 { font-size: 1.25rem; }
	.noticia-body li { line-height: 1.7; }
	.noticia-meta { font-size: 0.9rem; }
}

/* ==========================================================================
   Layout con sidebar — SOLO DESKTOP (≥992px)
   En mobile/tablet el sidebar se oculta (diseño limpio para adultos mayores).
   ========================================================================== */
.noticia-layout {
max-width: 760px;
margin: 0 auto;
}

.noticia-sidebar { display: none; }

@media (min-width: 992px) {
.noticia-layout {
max-width: 1120px;
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 48px;
padding: 0 16px;
}
.noticia-layout .noticia-article {
max-width: 100%;
margin: 0;
padding: 0;
}
.noticia-sidebar {
display: block;
align-self: stretch;
/* Alinear aproximadamente con el H1 (debajo del breadcrumb) */
margin-top: 48px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.noticia-sidebar .sidebar-ad {
position: sticky;
top: 90px;
}
/* En desktop, ocultar el bloque "Te podría interesar" de abajo del artículo,
   porque ya está en el sidebar. */
.relac { display: none; }
}

/* Bloques dentro del sidebar */
.sidebar-block {
margin-bottom: 32px;
background: #fff;
}

.sidebar-title {
position: relative;
margin: 0 0 18px;
padding: 0 0 10px;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25rem;
font-weight: 700;
color: #111;
text-transform: none;
letter-spacing: 0;
border-bottom: 2px solid #E35135;
}

/* Lista "Te podría interesar" — estilo moderno tipo ranking */
.sidebar-related-list {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-related-item {
margin: 0;
padding: 0;
border-bottom: 1px solid #ececec;
}
.sidebar-related-item:last-child { border-bottom: none; }

.sidebar-related-link {
display: grid;
grid-template-columns: auto 72px 1fr;
gap: 12px;
align-items: center;
padding: 12px 4px;
text-decoration: none;
color: #111;
transition: background 0.15s ease;
}
.sidebar-related-link:hover {
background: #f9f9f9;
color: #E35135;
}

.sidebar-related-num {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.4rem;
font-weight: 700;
color: #E35135;
min-width: 26px;
text-align: center;
line-height: 1;
}

.sidebar-related-thumb {
display: block;
width: 72px;
height: 72px;
overflow: hidden;
border-radius: 6px;
background: #f2f2f2;
flex-shrink: 0;
}
.sidebar-related-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.sidebar-related-title {
font-size: 0.95rem;
line-height: 1.35;
font-weight: 600;
color: #222;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sidebar-related-link:hover .sidebar-related-title { color: #E35135; }

/* Ad vertical */
.sidebar-ad {
text-align: center;
}
.sidebar-ad-label {
display: block;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
margin-bottom: 8px;
}
.sidebar-ad-slot {
width: 300px;
min-height: 600px;
margin: 0 auto;
background: #fafafa;
border: 1px dashed #e0e0e0;
}

/* Ad inyectado antes del primer <h2> del cuerpo */
.ad-before-h2 {
    margin: 28px 0;
    text-align: center;
}
.ad-before-h2-label {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 8px;
}
.ad-before-h2 .ad_h1_box {
    min-height: 90px;
}

/* H1 editorial dentro del artículo (reemplaza al H1 del single.php) */
.noticia-article .noticia-h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.4rem;
    line-height: 1.15;
    font-weight: 800;
    color: #111;
    margin: 8px 0 14px;
    letter-spacing: -0.01em;
}
.noticia-article .breadcrumbs,
.noticia-article [class*="breadcrumb"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.85rem;
    margin-bottom: 4px;
}
@media (max-width: 767px) {
    .noticia-article .noticia-h1 { font-size: 1.8rem; }
}