@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

:root {
  --font-family-body: 'Poppins', sans-serif;
  --primary: #015480;
  --on-primary: var(--white);
  --secondary: #DEECF6;
  --on-secondary: #015480;
  --white: #EFECE8;
  --on-white: var(--secondary);
  --black: #2F3336;
  --on-black: var(--white);
  --on-outline: var(--black);
  --border-radius: 1em;
  --border-radius-button: 99px;
  --transition: all 0.3s ease-in-out;
  /* Tipografía */
  --font-weight-title: 400;
  --font-weight-text: 400;
  --letter-spacing: -2px;
  --letter-spacing-infobox: -1.5px;
  --letter-spacing-xs: -0.5px;
  --letter-spacing-xxs: 0px;
  --letter-spacing-blog: 0px;
  /* Tamaños móviles (mínimos) */
  --xxl-font-size: 35px;
  /* 41.4px */
  --xl-font-size: 30px;
  /* 35px */
  --lg-font-size: 25px;
  /* 21px */
  --md-font-size: 22px;
  --md2-font-size: 22px;

  /* 18px */
  --sm-font-size: 20px;
  /* 17.5px */
  --xs-font-size: 15px;
  /* 15px */
  --xxs-font-size: 13px;
  /* 13px */

  --font-size-blog: 28px;
}

@media (min-width: 1024px) {
  :root {
    --xxl-font-size: 50px;
    --xl-font-size: 50px;
    --lg-font-size: 40px;
    --md-font-size: 30px;
    --sm-font-size: 25px;
    --xs-font-size: 20px;
    --xxs-font-size: 14px;
    --font-size-blog: 28px;

  }
}