/*
Theme Name: AraucoTV 3
Theme URI: https://www.araucotv.cl
Author: AraucoTV
Description: Magazine editorial profesional para AraucoTV — Inter + Montserrat, GSAP + three.js, base clara.
Version: 1.0.0
Text Domain: araucotv3
*/

/* ==========================================================================
   AraucoTV 3 — Estilos base mínimos
   El CSS extenso lo gestiona assets/css/main.css (otro agente).
   Aquí: paleta de marca, reset ligero y tipografía base para que el tema
   sea reconocido y renderice de forma aceptable sin el bundle completo.
   ========================================================================== */

:root {
	--brand:   #004877;
	--brand-2: #2284c6;
	--brand-3: #469de2;
	--accent:  #f79448;
	--accent-2:#ffaf60;
	--yellow:  #dec100;
	--action:  #df3e2b;

	--bg:      #ffffff;
	--bg-soft: #f6f8fa;
	--cream:   #f8f5f0;

	--ink:     #0f1b2a;
	--muted:   #5b6b7d;
	--line:    #e6ebef;

	--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-head: "Montserrat", var(--font-sans);

	--container: 1240px;
	--radius: 14px;
	--shadow-sm: 0 1px 2px rgba(15, 27, 42, .06);
	--shadow:    0 8px 30px rgba(15, 27, 42, .08);
	--transition: .25s ease;
}

/* Reset ligero ----------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.6;
	color: var(--ink);
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

img, picture, svg, video {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: var(--brand);
	text-decoration: none;
	transition: color var(--transition);
}

a:hover { color: var(--brand-2); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-head);
	font-weight: 800;
	line-height: 1.15;
	color: var(--ink);
	letter-spacing: -0.01em;
}

ul, ol { list-style: none; }

button {
	font: inherit;
	cursor: pointer;
	border: 0;
	background: none;
	color: inherit;
}

input, textarea, select { font: inherit; color: inherit; }

/* Contenedor ------------------------------------------------------------- */
.atv-container {
	width: 100%;
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: 20px;
}

/* Visually hidden (accesibilidad) --------------------------------------- */
.atv-sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}