/*
 * AVAELA - CSS principal del tema hijo
 * Aquí va todo el CSS de trabajo del proyecto.
 *
 * Sugerencia de organización a medida que crezca:
 * 1. Variables (colores, tipografía, espaciados)
 * 2. Reset / ajustes base
 * 3. Componentes reutilizables (botones, tarjetas, formularios...)
 * 4. Utilidades
 * 5. Ajustes específicos por sección/página
 */

:root {
	/* Tipografía */
	--avaela-font-heading: 'Newsreader', serif;
	--avaela-font-body: 'Manrope', sans-serif;

	/* Colores: sustituye por tu sistema de color definitivo */
	--avaela-color-primary: #000000;
	--avaela-color-secondary: #000000;
	--avaela-color-text: #1a1a1a;
	--avaela-color-bg: #ffffff;
}

body {
	font-family: var(--avaela-font-body);
	color: var(--avaela-color-text);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--avaela-font-heading);
	font-weight: 600;
}

/* ==========================================================================
   AVAELA — Sistema tipográfico
   Headings: Newsreader | Body/UI: Manrope
   ========================================================================== */

body,
button,
input,
select,
textarea {
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Newsreader', serif;
	line-height: 1.2;
}

h1 {
	font-weight: 600;
	font-size: 52px;
	line-height: 1.15;
}

h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 1.2;
}

h3 {
	font-weight: 500;
	font-size: 26px;
	line-height: 1.25;
}

h4 {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.25;
}

/* Enlaces y navegación */
a,
nav a,
.menu-item a {
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
}

/* Botones y CTAs */
button,
.button,
.wp-block-button__link,
input[type="submit"] {
	font-family: 'Manrope', sans-serif;
	font-weight: 600;
}

/* Etiquetas / textos pequeños (labels, meta, badges) */
.label,
small,
.meta {
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	font-size: 15px;
}

/* Menú — misma especificidad que Blocksy + 1 elemento extra (body) */
body .menu .ct-menu-link,
body .mobile-menu a {
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
}

/* Cita — mismo selector que Blocksy + 1 elemento extra (body) */
body .wp-block-quote {
	font-family: 'Newsreader', serif;
	font-style: italic;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.5;
}

/* ==========================================================================
   Tablet (≤ 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	body {
		font-size: 17px;
	}
	h1 { font-size: 38px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
	h4 { font-size: 19px; }
	.label, small, .meta { font-size: 14px; }
}

/* ==========================================================================
   Mobile (≤ 600px)
   ========================================================================== */
@media (max-width: 600px) {
	body {
		font-size: 16px;
		line-height: 1.65;
	}
	h1 { font-size: 32px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	.label, small, .meta { font-size: 14px; }
}