/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

/* Fuentes
***********************/

/* --------------------

MONTSERRAT

font-family: "Montserrat", sans-serif;

SOURCE SERIF 4

font-family: "Source Serif 4", serif;

-------------------- */

/* -------------------- */
/* Colores
***********************/

:root {
	--amarillo-light: #fdf9d3;
	--amarillo-claro: #fdf281;
	--amarillo: #ffe600;
	--gris-claro: #f7f7f7;
	--gris-medio: #aba6a6;
	--gris: #434343;
}

/* Font size
    ***********************/

:root {
	--text-general: clamp(18px, 1.5vw, 22px);
	--title-page: calc(var(--text-general) + 3.5rem);
	--title-block: calc(var(--text-general) + 1rem);
	--text-general-reduced: calc(var(--text-general) - 0.2rem);
	--text-general-small: calc(var(--text-general) - 0.4rem);
}

/* Font family
    ***********************/

:root {
	--montserrat: "Montserrat", sans-serif;
	--source: "Source Serif 4", serif;
}

/* Font weight
   ***********************/

:root {
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semibold: 600;
	--bold: 700;
}

/* Padding & Margin
    ***********************/

:root {
	--pm-block: clamp(70px, 7vw, 130px);
	--pm-blend-block: clamp(40px, 3vw, 80px);
}

/* Base
  ***********************/

:root {
	--width-base: 90%;
	--width-reduced: 1200px;
	--width-medium: 1700px;
	--width-limit: 1920px;
}

@media all and (max-width: 480px) {
	:root {
		--text-general: clamp(18px, 1.5vw, 22px);
		--title-page: calc(var(--text-general) + 1.5rem);
		--title-block: calc(var(--text-general) + 1rem);
		--text-general-small: calc(var(--text-general) - 0.1rem);
	}
}