/**
 * 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 {
	--rojo: #BE0F2E;
	--azul: #0054ef;
	--celeste: #1b6bff;
	--agua: #DCE2DE;
	--gris-claro: #f5f8f6;
	--gris-medio: #434242;
	--gris: #1b1b1b;
}

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

:root {
  --text-general: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);

  --title-page: clamp(1.5rem, 1.5rem + 1.6vw, 3rem);
  --title-block: clamp(1rem, 1rem + 0.6vw, 1.75rem);

  --text-general-reduced: clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);
  --text-general-small: clamp(0.875rem, 0.84rem + 0.1vw, 0.9375rem);
}

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

:root {
	--inter: "Inter", sans-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);
	--radius: 10px;
}

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

:root {
	--width-base: clamp(360px, 90vw, 1640px);
	--width-reduced: 1200px;
	--width-medium: 1700px;
	--width-limit: 1920px;
}