/* Complementos para WordPress sobre el diseño del prototipo. */

/* Las imágenes reales tienen tamaños variables: la proporción la da el CSS. */
.image-link img,
.article-figure img,
.radio-image img,
.paper-cover-link img { height: auto; }

.utility a { color: inherit; text-decoration: none; }
.utility a:hover { color: var(--orange); }

/* Barra de administración de WordPress (solo sesión iniciada). */
.admin-bar .nav-shell { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav-shell { top: 46px; } }
@media (max-width: 600px) { .admin-bar .nav-shell { top: 0; } }

/* Lectores de pantalla (clase nativa de WordPress). */
.screen-reader-text {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* Cuerpo de la nota: bloques del editor. */
.article-body img { max-width: 100%; height: auto; display: block; }
.article-body figure { margin: 30px 0; }
.article-body figcaption,
.article-body .wp-element-caption { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: var(--muted); margin-top: 8px; }
.article-body a { color: var(--navy); text-decoration-color: var(--orange); text-underline-offset: 3px; }
.article-body ul, .article-body ol { margin: 0 0 23px 1.2em; }
.article-body .alignwide, .article-body .alignfull { margin-left: 0; margin-right: 0; }
.article-body iframe { max-width: 100%; }

/* Radiografía: la infografía se ve completa. */
.radiografia-body img { width: 100%; }
.seccion-radiografia .article-body { max-width: 900px; }

/* Sobremesa: nota individual en tono íntimo. */
.sobremesa-body {
	background: var(--cream, #fbf5e9);
	border: 1px solid var(--cream-border, #eadcc5);
	padding: 32px 36px;
	font-style: italic;
}
.sobremesa-body .coffee-icon { display: inline-flex; margin-bottom: 8px; }
.sobremesa-body .coffee-icon svg { width: 28px; height: 28px; fill: none; stroke: var(--orange); stroke-width: 1.6; }
.coffee-text { font-family: var(--serif); font-style: italic; font-size: 17px; line-height: 1.6; color: var(--ink); margin: 6px 0 8px; }
.coffee-text p { margin: 0 0 8px; }

/* Radiografías reales en el carrusel. */
.radio-item .radio-thumb { display: block; margin-bottom: 12px; background: #fff; }
.radio-item .radio-thumb img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: top; height: auto; display: block; }
.radio-item h3 a { color: inherit; text-decoration: none; }
.radio-item h3 a:hover { color: var(--orange); }

/* Publicidad con imagen real. */
.ad-slot.ad-activo { padding: 0; background: none; border: 0; gap: 4px; }
.ad-slot.ad-activo .ad-rotulo { font-size: 9px; letter-spacing: 2px; color: var(--muted); text-transform: uppercase; align-self: flex-end; }
.ad-slot.ad-activo a, .ad-slot.ad-activo img { display: block; width: 100%; }
.ad-slot.ad-activo img { height: 100%; object-fit: cover; }
.ad-slot small a { color: inherit; }
body > .ad-slot.ad-leaderboard { max-width: 1304px; margin: 16px auto 0; }

/* Servicios de portada cuando solo hay uno (sin clima). */
.service-section.solo { grid-template-columns: 1fr; }

/* K-drama con póster real. */
.kdrama-poster img { width: 100%; aspect-ratio: 180 / 250; object-fit: cover; height: auto; display: block; }
.kdrama-titulo { font-family: var(--serif); font-size: 22px; margin: 6px 0 8px; }
.kdrama-titulo a { color: inherit; text-decoration: none; }

/* Horóscopo en nota individual. */
.zodiac-note { font-size: 13px; color: var(--muted); text-align: center; margin: 0 0 20px; }
.zodiac-grid article p { margin: 0 0 10px; }

/* Visor: PDF sin imágenes de páginas. */
.edition-pdf iframe { width: 100%; height: 80vh; border: 1px solid var(--line); }

/* Estados vacíos. */
.empty-state { padding: 48px 0; text-align: center; }
.empty-state h2 { font-family: var(--serif); font-size: 28px; margin: 0 0 8px; }
.empty-note { color: var(--muted); }

/* Paginación. */
.ev-paginacion { margin: 40px 0 10px; }
.ev-pags { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.ev-paginacion .page-numbers {
	min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
	padding: 0 14px; border: 1px solid var(--line); color: var(--navy); text-decoration: none; font-weight: 700;
}
.ev-paginacion .page-numbers.current { background: var(--navy); color: #fff; border-color: var(--navy); }
.ev-paginacion .page-numbers:hover { border-color: var(--navy); }

/* Pie de página. */
.footer-links a { color: inherit; margin-left: 12px; }

/* Ediciones anteriores. */
.edicion-card .image-link img { aspect-ratio: 3 / 4; object-position: top; }

@media print {
	.nav-shell, .service-nav, .site-footer, .ad-slot, .article-bottom, .action-buttons, .edition-controls, .edition-thumbs { display: none !important; }
}

/* Edición impresa a todo lo ancho cuando el clima está apagado. */
.service-section.solo .edition-feature { min-height: 330px; padding-right: 360px; }
.service-section.solo .paper-cover-link { width: 260px; right: 70px; bottom: -70px; }
.paper-cover-link img { display: block; width: 100%; }
@media (max-width: 780px) {
	.service-section.solo .edition-feature { padding-right: 28px; padding-bottom: 230px; }
	.service-section.solo .paper-cover-link { width: 180px; right: 20px; bottom: -40px; }
}