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

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

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

raleway

font-family: "raleway Sans", serif;

raleway

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

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

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

:root {
  /* */
  --rojo-base: #90395e;
  /* */
  --verde-intenso: #00e8ba;
  /* */
  --verde: #00A99D;
  /*  */
  --gris-claro: #f7f7f7;
  /*  */
  --gris-medio: #393939;
  /*  */
  --gris: #1a1a1a;
  /* */
  --shadow-min: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
  /* */
  --shadow: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* */
  --shadow-big: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
  /* */
  --shadow-flat: rgba(0, 0, 0, 0.5);
}

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

:root {
  --title-page: clamp(32px, 2.5vw, 48px);
  /* */
  --title-block: clamp(24px, 2vw, 38px);
  /* */
  --title-block-small: clamp(24px, 2vw, 28px);
  /* */
  --text-general: clamp(16px, 1.5vw, 18px);
  /* */
  --text-general-small: clamp(12px, 1.2vw, 14px);
  /* */
  --text-general-big: clamp(18px, 1.7vw, 20px);
}

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

:root {
  --raleway: "Raleway", sans-serif;
}

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

:root {
  --light: 300;
  /* */
  --regular: 400;
  /* */
  --medium: 500;
  /* */
  --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: 960px;
  --width-medium: 1600px;
  --width-limit: 1920px;
}