:root {
    /* --- PALETA AZUL (PRIMARY FIDELITAS) --- */
    --fid-10:        #2d5b8b00; /* transparencia */
    --fid-50:       #F1F5F9;
    --fid-100:       #E7EEF7;
    --fid-card:      #E5F2FF;
    --fid-200:       #CADBED;
    --fid-300:       #9BBDDE;
    --fid-secondary: #7B9FC6;  /* Fidelitas Secondary */
    --fid-400:       #669ACA;
    --fid-500:       #427DB5;
    --fid-medio:     #2D5B8B;  /* Medio Fidelitas */
    --fid-800:       #254567;
    --fid-primary:   #003469;  /* Fidelitas */
    --fid-dark:      #042342;  /* Dark Fidelitas */
     /* Imperium Color Palette */
    --imperium-100: #FFEDC1;
    --imperium-200: #E3AD2E;
    --imperium-300: #AE7C04;
    --imperium-500: #563C00;
    /* --- PALETA GRIS (NEUTRAL) --- */
    --neutral-10:        #a5c8db00; /* transparencia */
    --neutral-100:       #EDEDED;
    --neutral-card:      #F0F0F0;
    --neutral-200:       #d8d8d8;
    --neutral-300:       #B6B6B6;
    --neutral-secondary: #989898; /* Fidelitas Secondary gris */
    --neutral-400:       #909090;
    --neutral-500:       #717171;
    --neutral-600:       #525252;
    --neutral-800:       #3F3F3F;
    --neutral-primary:   #3F3F3F; /* coincide Fidelitas */
    --neutral-dark:      #1D1D1D; 

    /* -------------------------
       FUENTE PRINCIPAL
    -------------------------- */
    --font-primary: 'Roboto', sans-serif;

    /* -------------------------
       PESOS
    -------------------------- */
    --font-bold: 700;
    --font-semibold: 600;
    --font-medium: 500;
    --font-regular: 400;

    /* -------------------------
       TITULOS BOLD
    -------------------------- */
    --h1-bold-size: 48px;
    --h2-bold-size: 36px;
    --h3-bold-size: 28px;
    --h4-bold-size: 26px;
    --h5-bold-size: 22px;
    --h6-bold-size: 20px;
    --accent-title-bold-size: 18px;

    /* -------------------------
       TITULOS SEMIBOLD
    -------------------------- */
    --h1-semi-size: 36px;
    --h2-semi-size: 28px;
    --h3-semi-size: 24px;
    --h4-semi-size: 24px;
    --h5-semi-size: 22px;
    --h6-semi-size: 20px;
    --accent-semi-size: 18px;

    /* -------------------------
       DESCRIPCIONES MEDIUM
    -------------------------- */
    --h1-medium-size: 26px;
    --h2-medium-size: 24px;
    --h3-medium-size: 22px;
    --h4-medium-size: 20px;
    --h5-medium-size: 18px;

    /* -------------------------
       DESCRIPCIONES REGULAR
    -------------------------- */
    --h1-regular-size: 26px;
    --h2-regular-size: 20px;
    --h3-regular-size: 18px;
    --h4-regular-size: 16px;
    --h5-regular-size: 14px;

    /* -------------------------
       PÁRRAFOS (REGULAR)
    -------------------------- */
    --p1-size: 18px;
    --p1-line: 180%;

    --p2-size: 16px;
    --p2-line: 160%;

    --p3-size: 14px;
    --p3-line: 140%;

    /* -------------------------
       INTERLINEADO GENERAL
    -------------------------- */
    --lh-140: 140%;
    --lh-150: 150%;
    --lh-160: 160%;
    --lh-180: 180%;

    /* -------------------------
       ALTURAS GENERALES
    -------------------------- */
    --navbar-height: 64px;
}
/* --------------------------
   CLASES UTILITARIAS TIPOGRAFÍA
--------------------------- */
/* ========== TAMAÑOS STANDARD ========== */
.h6{
    font-size: 1rem;
}
.h5{
    font-size: 1.25rem;
}
.h4{
    font-size: calc(1.275rem + 0.3vw);
}

/* ========== TITULOS BOLD ========== */
.h1-bold {
    font-size: var(--h1-bold-size);
    font-weight: var(--font-bold);
}
.h2-bold {
    font-size: var(--h2-bold-size);
    font-weight: var(--font-bold);
}
.h3-bold {
    font-size: var(--h3-bold-size);
    font-weight: var(--font-bold);
}
.h4-bold {
    font-size: var(--h4-bold-size);
    font-weight: var(--font-bold);
}
.h5-bold {
    font-size: var(--h5-bold-size);
    font-weight: var(--font-bold);
}
.h6-bold {
    font-size: var(--h6-bold-size);
    font-weight: var(--font-bold);
}
.acento-bold {
    font-size: var(--accent-title-bold-size);
    font-weight: var(--font-bold);
}

/* ========== TITULOS SEMIBOLD ========== */
.h1-semi {
    font-size: var(--h1-semi-size);
    font-weight: var(--font-semibold);
}
.h2-semi {
    font-size: var(--h2-semi-size);
    font-weight: var(--font-semibold);
}
.h3-semi {
    font-size: var(--h3-semi-size);
    font-weight: var(--font-semibold);
}
.h4-semi {
    font-size: var(--h4-semi-size);
    font-weight: var(--font-semibold);
}
.h5-semi {
    font-size: var(--h5-semi-size);
    font-weight: var(--font-semibold);
}
.h6-semi {
    font-size: var(--h6-semi-size);
    font-weight: var(--font-semibold);
}
.acento-semi {
    font-size: var(--accent-semi-size);
    font-weight: var(--font-semibold);
}

/* ========== DESCRIPCIONES MEDIUM ========== */
.h1-medium {
    font-size: var(--h1-medium-size);
    font-weight: var(--font-medium);
}
.h2-medium {
    font-size: var(--h2-medium-size);
    font-weight: var(--font-medium);
}
.h3-medium {
    font-size: var(--h3-medium-size);
    font-weight: var(--font-medium);
}
.h4-medium {
    font-size: var(--h4-medium-size);
    font-weight: var(--font-medium);
}
.h5-medium {
    font-size: var(--h5-medium-size);
    font-weight: var(--font-medium);
}

/* ========== DESCRIPCIONES REGULAR ========== */
.h1-regular {
    font-size: var(--h1-regular-size);
    font-weight: var(--font-regular);
}
.h2-regular {
    font-size: var(--h2-regular-size);
    font-weight: var(--font-regular);
}
.h3-regular {
    font-size: var(--h3-regular-size);
    font-weight: var(--font-regular);
}
.h4-regular {
    font-size: var(--h4-regular-size);
    font-weight: var(--font-regular);
}
.h5-regular {
    font-size: var(--h5-regular-size);
    font-weight: var(--font-regular);
}

/* ========== PÁRRAFOS REGULAR ========== */
.p1 {
    font-size: var(--p1-size);
    line-height: var(--p1-line);
    font-weight: var(--font-regular);
}
.p2 {
    font-size: var(--p2-size);
    line-height: var(--p2-line);
    font-weight: var(--font-regular);
}
.p3 {
    font-size: var(--p3-size);
    line-height: var(--p3-line);
    font-weight: var(--font-regular);
}


.text-fidelitas{
    color: var(--fid-primary) !important;
}