@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
/* --------Variables tipográficas globales--------- */
:root{
    /* ===== Familia tipográfica ===== */
    --font-primary: "Nunito Sans", Arial, sans-serif;

    /* ===== Pesos ===== */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;

    /* ===== estilo ===== */
    --fs-italic: italic;
    --fs-subrayado: underline;
    --fs-mayuscula: uppercase;

    /* ===== Escala tipográfica desktop ===== */
    --fs-h1: clamp(2.5rem, 2.1667rem + 0.6944vw, 3rem); /* 48px - 40px*/
    --fs-h2: clamp(2rem, 1.6667rem + 0.6944vw, 2.5rem); /* 40px - 32px */
    --fs-h3: clamp(1.75rem, 1.5833rem + 0.3472vw, 2rem); /* 32px - 28px */
    --fs-h4: clamp(1.5rem, 1.3333rem + 0.3472vw, 1.75rem); /* 28px - 24px */
    --fs-h5: clamp(1.25rem, 1.0833rem + 0.3472vw, 1.5rem); /* 24px - 20px */
    --fs-h6: clamp(1.125rem, 1.0417rem + 0.1736vw, 1.25rem);  /* 20px - 18px*/

    --fs-body: 1rem;   /* 16px */
    --fs-small: 0.87rem; /* 14px */

    /* ===== Interlineado ===== */
    --lh-body: 1.5;
}
body{
  font-family: var(--font-primary);
}

h1, .h1,
h2, .h2,
h3, .h3,    
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: var(--font-primary);
}

h1, .h1 {
  font-size: var(--fs-h1);
  line-height: clamp(3rem, 2.6rem + 0.8333vw, 3.6rem);
  font-weight: var(--fw-black);
}

h2, .h2 {
  font-size: var(--fs-h2);
  line-height: clamp(2.4rem, 2rem + 0.8333vw, 3rem);
  font-weight: var(--fw-black);
}

h3, .h3 {
  font-size: var(--fs-h3);
  line-height: clamp(2.1rem, 1.9rem + 0.4167vw, 2.4rem);
  font-weight: var(--fw-black);
}

h4, .h4 {
  font-size: var(--fs-h4);
  line-height: clamp(1.8rem, 1.6rem + 0.4167vw, 2.1rem);
  font-weight: var(--fw-black);
}

h5, .h5 {
  font-size: var(--fs-h5);
  line-height: clamp(1.5rem, 1.3rem + 0.4167vw, 1.8rem);
  font-weight: var(--fw-extrabold);
}

h6, .h6 {
  font-size: var(--fs-h6);
  line-height: clamp(1.35rem, 1.25rem + 0.2083vw, 1.5rem);
  font-weight: var(--fw-extrabold);
}

.color_principal {
    color: var(--color-principal-500);
}

/* ---------Títulos y subtítulos-------- */

.caption_large{
  font-size: clamp(1.25rem, 1.0833rem + 0.3472vw, 1.5rem);
  line-height: clamp(1.5rem, 1.3rem + 0.4167vw, 1.8rem);
  font-weight: var(--fw-extrabold);
}
caption, .caption{
  font-size: clamp(1.125rem, 1.0417rem + 0.1736vw, 1.25rem);
  line-height: clamp(1.35rem, 1.25rem + 0.2083vw, 1.5rem);
  font-weight: var(--fw-extrabold);
}
.caption_small{
  font-size: clamp(1rem, 0.9167rem + 0.1736vw, 1.125rem);
  line-height: clamp(1.2rem, 1.1rem + 0.2083vw, 1.35rem);
  font-weight: var(--fw-extrabold);
}
.subtitle{
  font-size: clamp(0.9375rem, 0.8958rem + 0.0868vw, 1rem);
  line-height: clamp(1.05rem, 1.05rem + 0vw, 1.05rem);
  font-weight: var(--fw-extrabold);
}
.subtitle_small{
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: clamp(1.05rem, 1.05rem + 0vw, 1.05rem);
  font-weight: var(--fw-extrabold);
}

/* ---------Parrafos--------- */
/* parrafos destacados */
.destacado, 
.destacado_italico, 
.destacado_subrayado{
  font-size: clamp(1rem, 0.9167rem + 0.1736vw, 1.125rem);
  line-height: clamp(1.5rem, 1.375rem + 0.2604vw, 1.6875rem);
  font-weight: var(--fw-medium);
}
.destacado_italico{
  font-style: var(--fs-italic);
}
.destacado_subrayado{
  text-decoration: var(--fs-subrayado);
}

/* parrafos */
p, .parrafo,
.parrafo_italico,
.parrafo_subrayado{
  font-size: clamp(0.9375rem, 0.8958rem + 0.0868vw, 1rem);
  line-height: clamp(1.40625rem, 1.3438rem + 0.1302vw, 1.5rem);
  font-weight: var(--fw-regular);
}
.parrafo_italico{
  font-style: var(--fs-italic);
}
.parrafo_subrayado{
  text-decoration: var(--fs-subrayado);
}

/* notas y anotacione */
.notas, .notas_italico, .notas_subrayado{
  font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
  line-height: clamp(1.3125rem, 1.3125rem + 0vw, 1.3125rem);
  font-weight: var(--fw-regular);
}
.notas_italico{
  font-style: var(--fs-italic);
}
.notas_subrayado{
  text-decoration: var(--fs-subrayado);
}

/* Lista con viñetas */
li{
  font-size: clamp(0.9375rem, 0.8958rem + 0.0868vw, 1rem);
  line-height: clamp(1.40625rem, 1.3438rem + 0.1302vw, 1.5rem);
  font-weight: var(--fw-regular);
}
.vinetas li{
  list-style: none;
  padding-bottom: clamp(0.5rem, 0.3333rem + 0.3472vw, 0.75rem);
}
.vinetas li i{
  color: var(--color-principal-500);
  font-size: 0.75rem;
  width: 14px;
  height: 14px;
}
.list_numeros{
  padding-left: 1.5rem;
}
.list_numeros li::marker{
  color: var(--color-principal-500);
  font-weight: var(--fw-bold);
}
.list_numeros li{
  list-style: decimal;
  padding-bottom: clamp(0.5rem, 0.3333rem + 0.3472vw, 0.75rem);
}