/*
Theme Name: Lando Chile
Theme URI: https://kbum.cl
Author: kbum.cl
Author URI: https://kbum.cl
Description: Theme base para LandoChile, creado para funcionar a través del armado y maqueteado de web con Elementor para su fácil uso.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lando-chile
*/

/* ==========================================================================
   LANDO CHILE — Brand tokens
   Estos mismos valores quedan precargados en Elementor > Ajustes del sitio
   (Colores globales y Fuentes globales) al activar el theme. Ver functions.php
   ========================================================================== */
:root {
	/* Colores del sistema (Elementor: Colores globales) */
	--e-global-color-primary: #2C3EEF;   /* Principal */
	--e-global-color-secondary: #FCB430; /* Secundario */
	--e-global-color-text: #000000;      /* Texto */
	--e-global-color-accent: #F95C35;    /* Enfasis */

	/* Colores personalizados (Elementor: Colores globales > Personalizados) */
	--e-global-color-lando-gris: #EBEBEB;   /* Lando Gris */
	--e-global-color-lando-blanco: #FFFFFF; /* Lando Blanco */

	/* Tipografias */
	--font-head: 'Nexa', sans-serif;
	--font-body: 'Montserrat', sans-serif;
}

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--e-global-color-text);
	background: var(--e-global-color-lando-blanco);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
}

/* ==========================================================================
   Tipografia base — Nexa en titulos, Montserrat en texto.
   Esto aplica aunque el contenido aun no haya sido maquetado en Elementor;
   una vez maquetado, los widgets pueden usar directamente las Fuentes
   Globales "Principal / Secundario / Texto / Enfasis" ya configuradas.
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-head);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 0.5em;
}

p,
li,
span,
label,
input,
textarea,
button {
	font-family: var(--font-body);
}

/* ==========================================================================
   Estructura minima (header/footer del theme, fuera del canvas de Elementor)
   ========================================================================== */
.site-content {
	max-width: 100%;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}