/*
Theme Name:   Tours Child
Theme URI:    https://example.com
Description:  Tema hijo de Hello Elementor para un sitio de agencia de viajes. Contiene las plantillas de Tour (detalle y listados) y los estilos del sitio. Todo el contenido se edita desde el panel: no hay textos escritos dentro del codigo.
Author:       Equipo del sitio
Author URI:   https://example.com
Template:     hello-elementor
Version:      4.4.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  tours-child
Tags:         flexible-header, custom-colors, custom-menu, editor-style, featured-images
*/

/* ==========================================================================
   Paleta del sitio.
   Para cambiar los colores de marca, modifica solo estos cinco valores.
   ========================================================================== */

:root {
	/* ==================================================================
	   Paleta de Peru Inkas Travel.

	   Antes esto se elegía desde Tours > Marca. Esa pantalla se quitó: el
	   sitio se restauró desde una copia y ya no comparte código con la
	   otra agencia, así que un selector de paletas no tenía para qué
	   existir. Los valores viven aquí.
	   ================================================================== */
	--tc-primary: #3B2412;
	--tc-primary-dark: #241208;
	--tc-accent: #FCB424;
	--tc-accent-dark: #9C6D10;
	--tc-ink: #1C1410;
	--tc-muted: #6B5B4D;

	/* Los mismos colores en componentes sueltos: rgba() no acepta una
	   variable que contenga un color entero, y los velos y sombras los
	   necesitan. */
	--tc-primary-rgb: 59, 36, 18;
	--tc-primary-dark-rgb: 36, 18, 8;
	--tc-accent-rgb: 252, 180, 36;
	--tc-accent-dark-rgb: 156, 109, 16;
	--tc-ink-rgb: 28, 20, 16;
	--tc-muted-rgb: 107, 91, 77;

	/* Grises de la familia de la marca: llevan algo de su tono para que
	   todo parezca del mismo juego. Cálidos, no verdosos. */
	--tc-soft: #F8F6F4;
	--tc-soft-2: #F4F1F0;
	--tc-line: #E8E5E2;
	--tc-line-fuerte: #C6BEB9;
}

/* ---------- Base ---------- */
body {
	color: var(--tc-ink);
	-webkit-font-smoothing: antialiased;
}

/* El ancho declarado incluye el relleno.
   Lo traía el tema padre y aquí se daba por hecho. Sin esta línea, un
   contenedor al 100% más 20px de relleno a cada lado mide 40px más que la
   pantalla y se desborda; el logo centrado quedaba corrido hacia un lado.
   Se declara aquí para no depender de lo que haga el tema padre. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

.tc-wrap {
	width: 100%;
	max-width: 1180px;
	margin-inline: auto;
	padding-inline: 20px;
}

.tc-section { padding-block: 56px; }
.tc-section--soft { background: var(--tc-soft, #f5f8f7); }

.tc-section__head {
	max-width: 640px;
	margin: 0 auto 36px;
	text-align: center;
}

.tc-section__title {
	margin: 0 0 10px;
	font-size: clamp(1.5rem, 3.2vw, 2.1rem);
	line-height: 1.2;
}

.tc-section__sub {
	margin: 0;
	color: var(--tc-muted);
	line-height: 1.6;
}