/*
Theme Name: Noticiero Blocks
Theme URI: https://example.com/noticiero-blocks
Author: Tu Nombre
Author URI: https://example.com
Description: Versión de bloques (FSE) del tema "Noticiero" para sitios de noticias y revistas digitales. Editable 100% desde Apariencia → Editor: colores, tipografías, cabecera, portada y pie de página se ajustan visualmente sin tocar código.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: noticiero-blocks
Tags: news, magazine, blog, full-site-editing, block-patterns, editor-style
*/

/* Este CSS complementa a theme.json: aquí van solo cosas que los estilos
   globales del editor no pueden expresar (animaciones, degradados de
   imagen, colores alternos, hover). Todo lo demás (colores, tipografías,
   espaciados) se controla desde Apariencia → Editor → Estilos. */

/* Ticker de última hora: cinta con desplazamiento continuo */
.noticiero-ticker { overflow: hidden; white-space: nowrap; position: relative; }
.noticiero-ticker .wp-block-post-template {
	display: inline-flex;
	gap: 36px;
	animation: noticiero-ticker-scroll 30s linear infinite;
	padding-left: 100%;
}
.noticiero-ticker:hover .wp-block-post-template { animation-play-state: paused; }
@keyframes noticiero-ticker-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}
.noticiero-ticker .wp-block-post-template > li { list-style: none; margin: 0; }
.noticiero-ticker a { color: #fff; }

/* Badges de categoría: color alterno según posición en el grid */
.noticiero-grid .wp-block-post:nth-child(3n+2) .wp-block-post-terms a { background: #1b6ec2 !important; }
.noticiero-grid .wp-block-post:nth-child(3n+3) .wp-block-post-terms a { background: #1f9d55 !important; }

.wp-block-post-terms a {
	display: inline-block;
	background: var(--wp--preset--color--accent);
	color: #fff !important;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: 4px 9px;
	border-radius: 3px;
	text-decoration: none;
}

/* Tarjetas de artículo: sombra suave y zoom en la imagen al pasar el ratón */
.noticiero-card { box-shadow: 0 2px 10px rgba(0,0,0,.06); transition: transform .15s ease; }
.noticiero-card .wp-block-post-featured-image { overflow: hidden; }
.noticiero-card .wp-block-post-featured-image img { transition: transform .3s ease; }
.noticiero-card:hover .wp-block-post-featured-image img { transform: scale(1.05); }

/* Hero de portada: degradado oscuro sobre la imagen para que el texto se lea */
.noticiero-hero-main { position: relative; overflow: hidden; }
.noticiero-hero-main::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.1) 65%, transparent 100%);
	pointer-events: none;
}
.noticiero-hero-main .wp-block-post-featured-image,
.noticiero-hero-main .wp-block-post-featured-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; }
.noticiero-hero-main > .wp-block-group__inner-container,
.noticiero-hero-main .noticiero-hero-content { position: relative; z-index: 1; }
.noticiero-hero-main .wp-block-post-title a,
.noticiero-hero-main .wp-block-post-title { color: #fff; }
.noticiero-hero-main .wp-block-post-date { color: rgba(255,255,255,.8); }

/* Contador de "min. de lectura" opcional y otros metadatos discretos */
.entry-meta-row { font-size: 13px; color: var(--wp--preset--color--text-light); }
.entry-meta-row > * { margin-right: 14px; }

/* Menú responsive: separación entre el logo y el buscador en móvil */
@media (max-width: 600px) {
	.noticiero-header-row { flex-wrap: wrap; row-gap: 10px; }
}

.wp-caption-text, figcaption { font-size: 12px; color: var(--wp--preset--color--text-light); text-align: center; }