/*
Theme Name: ANSP Chile
Theme URI: https://ansp.cl
Description: Tema hijo de Twenty Twenty-Four con la línea gráfica oficial de ANSP Chile. Negro y blanco del logo, rojo Chile como acento, Archivo (titulares en cursiva extra-ancha) y Barlow Condensed (datos, rankings, navegación).
Author: ANSP Chile
Template: twentytwentyfour
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ansp
*/

/* ---------- Titulares con el ancho del wordmark ANSP ---------- */
h1, h2, h3,
.wp-block-post-title,
.wp-block-site-title {
	font-stretch: 125%;
}

/* ---------- Barra roja bajo el header (cinta de pista) ---------- */
.ansp-header {
	border-bottom: 4px solid var(--wp--preset--color--rojo);
}
.ansp-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--negro) !important;
	color: var(--wp--preset--color--blanco) !important;
	border: 0 !important;
}

/* ---------- Etiqueta de categoría ---------- */
.ansp-tag a,
.ansp-tag {
	text-decoration: none;
}
.ansp-tag a {
	display: inline-block;
	background: var(--wp--preset--color--negro);
	color: var(--wp--preset--color--blanco);
	padding: 0.15rem 0.6rem;
	margin: 0 0.25rem 0.25rem 0;
}
.ansp-tag a:hover { background: var(--wp--preset--color--rojo); }
.ansp-tag .wp-block-post-terms__separator { display: none; }

/* ---------- Tarjetas de noticias ---------- */
.ansp-card { border-top: 4px solid var(--wp--preset--color--negro); }
.ansp-card .wp-block-post-title a { text-decoration: none; }
.ansp-card .wp-block-post-title a:hover { color: var(--wp--preset--color--rojo); }
.ansp-card img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }

/* ---------- Ranking: tabla de datos ---------- */
.is-style-ansp-ranking table { border-collapse: collapse; width: 100%; }
.is-style-ansp-ranking thead { border-bottom: 4px solid var(--wp--preset--color--negro) !important; }
.is-style-ansp-ranking th {
	font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em;
	text-align: left; padding: 0.5rem 0.75rem; border: 0 !important;
}
.is-style-ansp-ranking td {
	padding: 0.55rem 0.75rem; border: 0 !important;
	border-bottom: 1px solid var(--wp--preset--color--concreto-claro) !important;
	font-variant-numeric: tabular-nums;
}
.is-style-ansp-ranking tbody tr:first-child td:first-child {
	background: var(--wp--preset--color--rojo); color: var(--wp--preset--color--blanco); font-weight: 600;
}
.is-style-ansp-ranking tbody tr:nth-child(2) td:first-child,
.is-style-ansp-ranking tbody tr:nth-child(3) td:first-child {
	background: var(--wp--preset--color--negro); color: var(--wp--preset--color--blanco); font-weight: 600;
}
.is-style-ansp-ranking td:first-child { width: 3.5rem; text-align: center; }
.is-style-ansp-ranking td:last-child, .is-style-ansp-ranking th:last-child { text-align: right; }
.ansp-table-wrap { overflow-x: auto; }

/* ---------- Ficha de evento / capacitación ---------- */
.ansp-ficha { border-left: 4px solid var(--wp--preset--color--negro); }
.ansp-ficha p { margin: 0; }
.ansp-dato-label {
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em;
	color: var(--wp--preset--color--concreto); font-size: 0.9rem;
}
.ansp-dato-valor {
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-weight: 600; font-size: 1.35rem; color: var(--wp--preset--color--negro);
}

/* ---------- Estados (badge) ---------- */
.ansp-estado {
	display: inline-block;
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em;
	padding: 0.2rem 0.7rem; color: var(--wp--preset--color--blanco);
}
.ansp-estado--abierto { background: var(--wp--preset--color--verde); }
.ansp-estado--proximo { background: var(--wp--preset--color--rojo); }
.ansp-estado--cerrado { background: var(--wp--preset--color--concreto); }

/* ---------- Comunicado oficial: sello como marca de agua ---------- */
.ansp-comunicado { position: relative; isolation: isolate; }
.ansp-comunicado::after {
	content: ""; position: absolute; z-index: -1;
	right: 0; top: 0; width: min(320px, 45%); aspect-ratio: 1;
	background: url("assets/img/sello-ansp-512.png") center / contain no-repeat;
	opacity: 0.06; pointer-events: none;
}
.ansp-firma { border-top: 1px solid var(--wp--preset--color--concreto); padding-top: 1rem; }

/* ---------- Estilo de imagen alto contraste ---------- */
.is-style-ansp-bn img { filter: grayscale(1) contrast(1.15); }

/* ---------- Video 16:9 sin bordes ---------- */
.wp-block-embed.is-type-video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }

/* ---------- Accesibilidad ---------- */
:where(a, button, .wp-element-button):focus-visible {
	outline: 3px solid var(--wp--preset--color--rojo);
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}