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

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

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

Overpass

font-family: "Overpass", sans-serif;
100..900

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

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

:root {
	--base-fondo: #030b0e;
	--linea: #281d16;
	--barro: #d99d6f;
	--amarillo: #fff3b6;
	--rosa: #fab6ae;
	--azul: #b6cfd0;
}

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

:root {
	--title-section: clamp(32px, 2.5vw, 46px);
	--title-block: clamp(24px, 2.3vw, 32px);
	--text-general: clamp(16px, 2vw, 20px);
	--text-general-small: clamp(14px, 1.8vw, 16px);
	--text-subtitle: clamp(22px, 2vw, 26px);
}

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

:root {
	--overpass: "Overpass", sans-serif;
}

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

:root {
	--thin: 200;
	--light: 300;
	--regular: 400;
	--medium: 600;
	--bold: 700;
}

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

:root {
	--pm-block: clamp(20px, 9vw, 120px);
	--pm-block-blend: clamp(15px, 5vw, 50px);
}

/* Border
***********************/

:root {
	--border-base: 1px solid var(--linea);
	--border-intense: 1px solid var(--barro);
	--border-light: 1px solid rgba(217, 157, 111, 0.4);
	--radius-10: 10px;
}

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

:root {
	--width-base: 90%;
	--width-reduced: clamp(300px, 90%, 960px);
	--width-medium: clamp(300px, 90%, 1520px);
	--width-limit: clamp(300px, 90%, 1920px);
}