/* Comarca Sur — ajustes finos */

/* Barra superior */
.cs-topbar { font-family: var(--wp--preset--font-family--sans); font-size: .8rem; }
.cs-topbar a { color: inherit; text-decoration: none; }

/* Cabecera: filete rojo grueso bajo la navegación, estilo periódico */
.cs-masthead { border-bottom: 4px solid var(--wp--preset--color--accent-1); }
.cs-site-title .wp-block-site-title a::first-letter { color: var(--wp--preset--color--accent-1); }

/* Antetítulo (estilo de párrafo) */
.is-style-antetitulo {
	font-family: var(--wp--preset--font-family--sans);
	font-size: .75rem !important;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
	margin-bottom: .25rem !important;
}

/* Título de sección con filete */
.cs-section-title {
	border-top: 3px solid var(--wp--preset--color--contrast);
	padding-top: .5rem;
	font-size: 1rem !important;
	text-transform: uppercase;
	letter-spacing: .06em;
}

/* Tarjetas */
.is-style-tarjeta {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	padding: 1.25rem;
}

/* Imágenes destacadas */
.wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.wp-block-post-featured-image a:hover img { opacity: .9; }

/* Rejilla de noticias: separadores entre piezas */
.cs-grid .wp-block-post { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1rem; }
.cs-list .wp-block-post { border-bottom: 1px solid var(--wp--preset--color--line); padding-bottom: 1rem; }
.cs-list .wp-block-post:last-child { border-bottom: 0; }

/* Lo más reciente: numeración */
.cs-numbered { counter-reset: cs; }
.cs-numbered .wp-block-post { counter-increment: cs; display: flex; gap: .75rem; }
.cs-numbered .wp-block-post::before {
	content: counter(cs);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 900; font-size: 2rem; line-height: 1;
	color: var(--wp--preset--color--accent-1);
	min-width: 1.6rem;
}

/* Banda "Agenda" */
.cs-agenda .wp-block-post-date { color: #fff; font-weight: 800; }

/* Accesibilidad: foco visible */
a:focus-visible, button:focus-visible, input:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-2);
	outline-offset: 2px;
}

/* Navegación de categorías desplazable en móvil */
@media (max-width: 781px) {
	.cs-catnav { overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.cs-hide-mobile { display: none !important; }
}