:root {
  --bp-sm: 30rem;
  --bp-md: 48rem;
  --bp-lg: 64rem;
  --bp-xl: 80rem;
  --bp-2xl: 96rem;

  --color-white: #fdfdfd;
  --color-surface: #ffffff;
  --color-black: #000000;
  --color-surface-muted: #f4f4f5;
  --color-border: #c7c9cb;
  --color-text: #101112;
  --BN-black: #141516;
  --BN-white: var(--color-white);
  --color-text-muted: #4f5662;
  --color-text-weak: #343537;
  --color-primary: #002d4b;
  --color-secondary: #002239;
  --Turquesa-50: #e7f8fa;
  --Turquesa-100: #b6ebf0;
  --color-accent: #92e1e8;
  --color-accent-strong: #084f57;
  --color-accent-soft: #e7f8fa;
  --color-search-bg: #b6ebf0;
  --color-overlay-0: rgba(0, 0, 0, 0);
  --color-overlay-20: rgba(0, 0, 0, 0.2);
  --color-overlay-35: rgba(0, 0, 0, 0.35);
  --color-overlay-70: rgba(0, 0, 0, 0.7);
  --CAF-Colores-neutros-gris-300: #bbb;
  --CAF-Colores-neutros-gris-900: #3b3b3b;
  --CAF-Colores-neutros-full-white: #ffffff;
  --CAF-Dark-mode-Stroke-tablas---2: #bbb;
  --CAF-Primary-corporativo-primario-2: #1774ad;
  --color-celeste-50: #e8f1f7;
  --color-celeste-100: #b7d4e6;
  --Celeste-50: var(--color-celeste-50);
  --Celeste-100: var(--color-celeste-100);
  --Celeste-200: #95bfd9;
  --Celeste-250: #7A97AC;
  --Celeste-400: #4690bd;
  --Celeste-500-Marca: #1874ad;
  --color-celeste-300: #548baf;
  --color-celeste-700: #11527b;
  --color-celeste-900: #0a3149;
  --color-primario-50: #e6eef3;
  --Primario-50: var(--color-primario-50);
  --Primario-primario-50: var(--Primario-50);
  --Primario-100: #b0c9da;
  --Primario-400: #3375a0;
  --Primario-500-Marca: #005288;
  --Primario-600: #004b7c;
  --Primario-700: #003a61;
  --Primario-800: #002d4b;
  --Primario-900: #002239;
  --color-secundario-50: #edf6ed;
  --Secundario-50: var(--color-secundario-50);
  --Secundario-100: #c7e4c6;
  --Secundario-200: #abd7ab;
  --Secundario-700: #347733;
  --Secundario-800: #285c28;
  --Secundario-900: #1f471e;

  --color-neutros-200: #eaeaeb;
  --Neutros-700: #585a5d;
  --Neutros-600: #7c7f83;
  --Neutros-500: #a1a4a8;
  --Neutros-400: #c7c9cb;
  --Neutros-300: #dddedf;
  --Neutros-200: var(--color-neutros-200);
  --Neutros-150: #d9d9d9;
  --Neutros-50: #f0f1f1;
  --Neutros-Grey-600: var(--Neutros-600);
  --Neutros-Grey-800: var(--Neutros-800);
  --Colors-Others-Color-Gray-700: #4f5662;
  --Colors-Primary-Slate-700: #3d4a5c;
  --Colors-Primary-Slate-900: #1c222b;
  --Neutros-800: #343537;
  --Neutros-100: var(--color-surface-muted);
  --Neutros-900: #101112;
  --color-aprende-heading: #3b3b3b;
  --color-aprende-filter: #c1df93;
  --color-aprende-dot-border: #dddedf;
  --color-aprende-cta: #1774ad;
  --color-info-200: #b0cfe0;
  --color-informacion-50: #eef5f8;
  --color-informacion-100: #cadeea;
  --color-informacion-500: #5396bc;
  --color-informacion-900: #233f4f;
  --Informacin-blue-50: #eef5f8;
  --Turquesa-turquesa-900: #084f57;
  --Turquesa-turquesa-500: #12bdce;
  --Turquesa-turquesa-200: #92e1e8;
  --Turquesa-turquesa-50: #e7f8fa;
  --Satisfaccin-100: #d5eab6;
  --Satisfaccin-green-50: #f2f8e8;
  --Satisfaccin-green-800: #42660b;
  --Satisfaccin-green-900: #324e08;
  --Informacin-100: var(--color-informacion-100);
  --especiales-bg-mobile: #e7f8fa;
  --especiales-bg-desktop: #edf6ed;
  --color-gris-100: #e6e6e6;
  --Advertencia-50: #fef5e7;
  --Advertencia-200: #fad28f;
  --Advertencia-800: #875706;
  --Error-50: #FCE9E9;
  --Error-200: #EF9B9B;
  --Error-800: #791514;

  --sector-public-admin: #002D4B;
  --sector-agricultura: #1F471E;
  --sector-agua: #084F57;
  --sector-educacion: #233F4F;
  --sector-energia: #674205;
  --sector-industria: #674205;
  --sector-multisectorial: #343537;
  --sector-proteccion: #233F4F;
  --sector-salud: #1F471E;
  --sector-financiero: #002D4B;
  --sector-internet: #233F4F;
  --sector-transporte: #002D4B;

  --navigationTiles-card-width: 18rem;
  --navigationTiles-primary-width: 21.5rem;
  --navigationTiles-secondary-width: 15.625rem;
  --navigationTiles-top-height: 22.5rem;
  --navigationTiles-bottom-height: 9.125rem;
  --navigationTiles-card-height: 36.625rem;
  --navigationTiles-card-padding: 2.5rem;
  --navigationTiles-card-gap: 2.24325rem;
  --navigationTiles-card-image-bleed: 5rem;
  --navigationTiles-card-cta-size: 2.75rem;
  --proximos-eventos-item-width: 17.9375rem;
  --proximos-eventos-item-padding-inline: 1.8125rem;
  --proximos-eventos-day-width: 20%;
  --eventos-destacados-card-width: 75rem;

  --font-family-display: "Montserrat", Arial, sans-serif;
  --font-family-body: "Raleway", Arial, sans-serif;

  --fs-h1: clamp(2rem, 2vw + 1.6rem, 3rem);
  --lh-h1: clamp(2.375rem, 2vw + 2rem, 3.625rem);

  --fs-h2: clamp(1.25rem, 1.4vw + 1rem, 2rem);
  --lh-h2: clamp(1.5rem, 1.4vw + 1.2rem, 2.375rem);

  --fs-h3: clamp(1.25rem, 1vw + 1.1rem, 2rem);
  --lh-h3: clamp(1.5rem, 1.2vw + 1.25rem, 2.375rem);

  --fs-body: clamp(1rem, 0.45vw + 0.92rem, 1.125rem);
  --lh-body: clamp(1.5rem, 0.4vw + 1.4rem, 1.625rem);

  --fs-caption: clamp(0.9375rem, 0.3vw + 0.88rem, 1.0625rem);
  --lh-caption: clamp(1.25rem, 0.3vw + 1.18rem, 1.375rem);

  --fs-label: 0.75rem;
  --lh-label: 1rem;

  --fs-label-md: 0.875rem;
  --lh-label-md: 1.25rem;

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --Weights-Bold: 700;
  --Weights-Regular: 400;
  --Weights-SemiBold: 600;
  --Weights-Light: 300;
  --Weights-Medium: 500;

  --shadow-header: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.06);
  --shadow-elev-1: 0.375rem 0.25rem 0.75rem rgba(0, 0, 0, 0.15);

  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-3-5: 0.9rem;
  --space-4: 1rem;
  --space-4-25: 1.0625rem;
  --space-4-5: 1.125rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-7-5: 1.875rem;
  --space-8: 2rem;
  --space-8-25: 2.0625rem;
  --space-9: 2.5rem;
  --space-10: 3rem;
  --space-11: 3.5rem;
  --space-11-5: 3.75rem;
  --space-12: 4rem;
  --space-13: 4.25rem;
  --space-13-1: 4.5rem;
  --space-14: 7.5rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-20: 1.25rem;
  --radius-22: 1.375rem;
  --radius-32: var(--space-8);
  --radius-lg: 1.5rem;
  --radius-xl: var(--radius-lg);
  --radius-full: 999rem;

  --overlay-hero: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.75) 100%
  );

  --fs-whats-new-title: clamp(1.5rem, 1.06rem + 1.4vw, 2.5rem);
  --lh-whats-new-title: clamp(1.875rem, 1.48rem + 1.6vw, 3rem);

  --fs-whats-new-description: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --lh-whats-new-description: 1.5rem;

  --fs-whats-new-card-title-lg: clamp(1.25rem, 0.92rem + 1vw, 2rem);
  --lh-whats-new-card-title-lg: clamp(1.5rem, 1.15rem + 1.4vw, 2.375rem);

  --fs-whats-new-card-title-sm: 1.25rem;
  --lh-whats-new-card-title-sm: 1.5rem;

  --fs-whats-new-cta-title: clamp(1.125rem, 1.05rem + 0.25vw, 1.5rem);
  --lh-whats-new-cta-title: clamp(1.5rem, 1.38rem + 0.25vw, 1.875rem);

  --fs-whats-new-cta-body: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
  --lh-whats-new-cta-body: 1.5rem;

  --border-tag: 0.09375rem;
  --border-width-1: 0.0625rem;
  --border-width-1-5: 0.09375rem;
  --border-width-2: 0.125rem;

  --Heading-Mvil-H1-fontFamily: var(--font-family-display);
  --Heading-Mvil-H1-fontSize: 2rem;
  --Heading-Mvil-H1-lineHeight: 2.375rem;
  --Heading-Mvil-H1-letterSpacing: -0.0125rem;
  --Heading-Mvil-H2-fontFamily: var(--font-family-display);
  --Heading-Mvil-H2-fontSize: 1.5rem;
  --Heading-Mvil-H2-lineHeight: 1.875rem;
  --Heading-Mvil-H2-letterSpacing: -0.009375rem;
  --Heading-Mvil-H3-fontFamily: var(--font-family-display);
  --Heading-Mvil-H3-fontSize: 1.25rem;
  --Heading-Mvil-H3-lineHeight: 1.5rem;
  --Heading-Mvil-H3-letterSpacing: 0;
  --Heading-Mvil-H4-fontFamily: var(--font-family-display);
  --Heading-Mvil-H4-fontSize: 1.125rem;
  --Heading-Mvil-H4-lineHeight: 1.5rem;
  --Heading-Mvil-H4-letterSpacing: -0.00625rem;
  --Heading-Mvil-H5-fontFamily: var(--font-family-display);
  --Heading-Mvil-H5-fontSize: 1rem;
  --Heading-Mvil-H5-lineHeight: 1.5rem;
  --Heading-Mvil-H5-letterSpacing: 0;
  --Heading-Mvil-H6-fontFamily: var(--Heading-Mvil-H5-fontFamily);
  --Heading-Mvil-H6-fontSize: var(--Heading-Mvil-H5-fontSize);
  --Heading-Mvil-H6-lineHeight: var(--Heading-Mvil-H5-lineHeight);
  --Heading-Mvil-H6-letterSpacing: var(--Heading-Mvil-H5-letterSpacing);
  --Heading-Escritorio-H1-fontFamily: var(--font-family-display);
  --Heading-Escritorio-H1-fontSize: 3rem;
  --Heading-Escritorio-H1-lineHeight: 3.625rem;
  --Heading-Escritorio-H1-letterSpacing: -0.025rem;
  --Heading-Escritorio-H2-fontFamily: var(--font-family-display);
  --Heading-Escritorio-H2-fontSize: 2.5rem;
  --Heading-Escritorio-H2-lineHeight: 3rem;
  --Heading-Escritorio-H2-letterSpacing: -0.01875rem;
  --Heading-Escritorio-H3-fontFamily: var(--font-family-display);
  --Heading-Escritorio-H3-fontSize: 2rem;
  --Heading-Escritorio-H3-lineHeight: 2.375rem;
  --Heading-Escritorio-H3-letterSpacing: -0.0125rem;
  --Heading-Escritorio-H4-fontFamily: var(--font-family-display);
  --Heading-Escritorio-H4-fontSize: 1.5rem;
  --Heading-Escritorio-H4-lineHeight: 1.875rem;
  --Heading-Escritorio-H4-letterSpacing: -0.009375rem;
  --Heading-Escritorio-H5-fontFamily: var(--font-family-display);
  --Heading-Escritorio-H5-fontSize: 1.25rem;
  --Heading-Escritorio-H5-lineHeight: 1.5rem;
  --Heading-Escritorio-H5-letterSpacing: 0;
  --Heading-Escritorio-H6-fontFamily: var(--Heading-Escritorio-H5-fontFamily);
  --Heading-Escritorio-H6-fontSize: var(--Heading-Escritorio-H5-fontSize);
  --Heading-Escritorio-H6-lineHeight: var(--Heading-Escritorio-H5-lineHeight);
  --Heading-Escritorio-H6-letterSpacing: var(--Heading-Escritorio-H5-letterSpacing);
  --Subheading-Mvil-M-fontFamily: var(--font-family-body);
  --Subheading-Mvil-M-fontSize: 1rem;
  --Subheading-Mvil-M-lineHeight: 1.5rem;
  --Subheading-Mvil-M-letterSpacing: 0;
  --Label-Label-1-fontFamily: var(--font-family-body);
  --Label-Label-1-fontSize: 1rem;
  --Label-Label-1-lineHeight: 1.375rem;
  --Label-Label-1-letterSpacing: -0.01125rem;
  --Label-Label-2-fontFamily: var(--font-family-body);
  --Label-Label-2-fontSize: 0.875rem;
  --Label-Label-2-lineHeight: 1.25rem;
  --Label-Label-2-letterSpacing: -0.01rem;
  --Label-Label-3-fontFamily: var(--font-family-body);
  --Label-Label-3-fontSize: 0.75rem;
  --Label-Label-3-lineHeight: 1rem;
  --Label-Label-3-letterSpacing: -0.0075rem;
  --Subheading-Mvil-XL-fontFamily: var(--font-family-body);
  --Subheading-Mvil-XL-fontSize: 1.125rem;
  --Subheading-Mvil-XL-lineHeight: 1.5rem;
  --Subheading-Mvil-XL-letterSpacing: 0;
  --Subheading-Escritorio-M-fontFamily: var(--font-family-body);
  --Subheading-Escritorio-M-fontSize: 1rem;
  --Subheading-Escritorio-M-lineHeight: 1.5rem;
  --Subheading-Escritorio-M-letterSpacing: -0.01rem;
  --Subheading-Escritorio-XL-fontFamily: var(--font-family-body);
  --Subheading-Escritorio-XL-fontSize: 1rem;
  --Subheading-Escritorio-XL-lineHeight: 1.5rem;
  --Subheading-Escritorio-XL-letterSpacing: 0;
  --navegacion-comun-item-height: 2.375rem;

  --CAF-Textos-Text---Headings: var(--color-aprende-heading);

  --estrategia-caf-cta-height: 2.625rem;
  --estrategia-caf-cta-width: 15.75rem;
  --estrategia-caf-cta-border-width: 0.0625rem;
  --estrategia-caf-media-size: 12.5rem;
  --estrategia-caf-media-max-size: 23.8125rem; /* 381px */
  --estrategia-caf-item-width: 17.9375rem;
  --estrategia-caf-item-border-width: 0.0625rem;
  --estrategia-caf-card-icon-radius: 1.25rem;
  --estrategia-caf-card-icon-bg: #fad28f;
  --especiales-pill-width: 6.5rem;
  --especiales-pill-height: 1.5rem;
  --especiales-image-max-height: 24rem;
  --especiales-cta-height: 3rem;
  --especiales-cta-radius: 2rem;
  --especiales-border-width: 0.125rem;
  --especiales-max-width: 100%;
  --especiales-max-width-desktop: 90rem;
  --especiales-vista-galeria-listado-item-width-mobile: 21.5625rem;
  --especiales-vista-galeria-listado-item-height-mobile: 24.25rem;
  --especiales-vista-galeria-listado-tag-font-size: 0.875rem;
  --especiales-vista-galeria-listado-tag-line-height: 1.25rem;
  --especiales-vista-galeria-listado-tab-filter: brightness(0) saturate(100%)
    invert(41%) sepia(61%) saturate(524%) hue-rotate(159deg) brightness(93%)
    contrast(92%);
  --especiales-vista-galeria-listado-tab-filter-active: brightness(0) invert(1);
  --conoce-quienes-somos-slide-height: 28.125rem;
  --conoce-quienes-somos-slide-height-desktop: 42.375rem;
  --conoce-quienes-somos-lead-height: 12.5rem;
  --conoce-quienes-somos-lead-height-desktop: 20.4375rem;
  --conoce-quienes-somos-card-body-height: 15.5625rem;
  --conoce-quienes-somos-content-width: 24rem;
  --conoce-quienes-somos-media-width: 24rem;
  --consolidizaciones-highlight-height: 15.5625rem;
  --consolidizaciones-highlight-media-width: 33.333%;
  --consolidizaciones-highlight-margin-block: 2.625rem;
  --consolidizaciones-card-width: 17.9375rem;
  --consolidizaciones-card-height: 23.25rem;
  --consolidizaciones-card-padding: var(--space-4);
  --consolidizaciones-card-gap: var(--space-8-25);
  --consolidizaciones-card-border-width: 0.0625rem;
  --consolidizaciones-card-icon-radius: var(--radius-20);
  --consolidizaciones-card-icon-bg: #fad28f;
  --circleTwoType-icon-bg: #c1df94;
  --consolidizaciones-dot-border-width: 0.0625rem;
  --identidad-cultural-image-size: 21.6875rem;
  --transparencia-image-size: 26rem;
  --nuestros-valores-icon-width: 5.625rem;
  --nuestros-valores-icon-height: 5.59375rem;
  --nuestros-valores-icon-ratio: 1.00558;
  --nuestros-valores-item-padding-closed: var(--space-4);
  --nuestros-valores-item-padding-open: var(--space-4);
  --nuestros-valores-item-radius: var(--radius-md);
  --nuestros-valores-item-bg: var(--color-white);
  --nuestros-valores-item-shadow: var(--shadow-elev-1);
  --nuestros-valores-item-closed-width: 10rem;
  --nuestros-valores-item-closed-height: 12.25rem;
  --nuestros-valores-item-max-width: 100%;
  --nuestros-valores-item-open-width: 100%;
  --nuestros-valores-item-open-height: 31rem;
  --nuestros-valores-item-open-gap: var(--space-5);
  --nuestros-valores-items-gap: var(--space-6);
  --nuestros-valores-item-transition-duration: 280ms;
  --nuestros-valores-item-transition-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --nuestros-valores-item-text-max-height: 18rem;
  --nuestros-valores-item-text-offset: var(--space-2);
  --nuestros-valores-item-text-transition-duration: 220ms;
  --nuestros-valores-item-max-height-desktop: 9.75rem;
  --nuestros-valores-item-max-height-mobile: 9.25rem;
  --caf-cifras-icon-width: 5.0535rem;
  --caf-cifras-icon-height: 5.0783125rem;
  --caf-cifras-item-width: 17.9375rem;
  --declaraciones-culturales-card-width: 17.9375rem;
  --declaraciones-culturales-lead-width: 36.6875rem;
  --declaraciones-culturales-card-text-height: 6rem;
  --que-es-caf-card-width: 18rem;
  --que-es-caf-card-height: 33.125rem;
  --que-es-caf-card-padding: 2.5rem;
  --que-es-caf-card-gap: 2.24325rem;
  --que-es-caf-card-image-bleed: 5rem;
  --que-es-caf-card-cta-size: 2.75rem;
  --que-es-caf-secondary-width: 11.75rem;
  --que-es-caf-secondary-height: 36.625rem;
  --que-hay-nuevo-description-max-width: 49.4375rem;
  --noticias-image-width: 17.9375rem;
  --noticias-image-height: 15.625rem;
  --noticias-image-width-desktop: 100%;
  --noticias-image-height-desktop: 15.625rem;
  --estrategia-caf-card-width-desktop: 22.6875rem;
  --estrategia-caf-card-height-desktop: 14.125rem;
  --agendas-tab-max-width: 6.3125rem;
  --agendas-dropdown-max-height: 32rem;
  --agendas-transition-duration: 320ms;
  --agendas-transition-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --agendas-selection-duration: 200ms;
  --agendas-selection-scale: 1.02;
  --agendas-tabs-width: 22.5rem;
  --agendas-option-gap: 0.875rem;
  --agendas-option-content-gap: 0.5rem;
  --agendas-option-height: 4.5rem;
  --agendas-dropdown-list-padding: 0.5rem;
  --agendas-option-icon-size: 1.5rem;
  --agendas-related-title-margin-top: 3.375rem;
  --agendas-related-title-margin-bottom: 2rem;
  --agendas-related-chevron-size: 2.75rem;
  --agendas-related-item-width: 14.375rem;
  --agendas-related-item-bg: #f2f8e8;
  --agendas-related-link-color: #0066b3;
  --calendario-eventos-status-width: 22.25rem;
  --calendario-eventos-image-width: 22.25rem;
  --calendario-eventos-image-height: 14.25rem;
  --calendario-eventos-image-aspect-ratio: 356 / 228;
  --calendario-eventos-location-height: 2.875rem;
  --calendario-eventos-item-width: 24.25rem;
  --calendario-eventos-item-height: 32.25rem;
  --calendario-eventos-item-width-mobile: 21.5625rem;
  --calendario-eventos-item-height-mobile: 31.25rem;
  --calendario-eventos-carousel-item-width-mobile: 17.9375rem;
  --calendario-eventos-carousel-item-height-mobile: 29.5rem;
  --calendario-eventos-status-width-mobile: 17.9375rem;
  --calendario-eventos-image-width-mobile: 17.9375rem;
  --calendario-eventos-image-height-mobile: 10.5625rem;
  --calendario-eventos-image-aspect-ratio-mobile: 287 / 169;
  --calendario-eventos-location-height-mobile: 2.125rem;
  --du-carrusel-aliados-description-max-width: 36.875rem;
  --du-carrusel-aliados-card-min-height: 21.375rem;
  --du-carrusel-aliados-card-image-height: 5rem;
  --du-carrusel-aliados-card-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.25);
  --du-carrusel-aliados-nav-button-size: 2.5rem;
  --du-carrusel-aliados-nav-icon-size: 1.25rem;
  --du-carrusel-aliados-nav-transition:
    transform 120ms ease, box-shadow 120ms ease;
  --du-carrusel-aliados-nav-hover-shift: -0.125rem;
  --du-carrusel-aliados-nav-disabled-opacity: 0.45;
  --du-carrusel-aliados-dot-size: 0.5rem;
  --du-carrusel-aliados-dot-active-width: 1.25rem;
  --du-carrusel-aliados-dot-transition: all 150ms ease;
  --du-carrusel-aliados-modal-z-index: 1200;
  --du-carrusel-aliados-modal-backdrop: rgba(0, 0, 0, 0.55);
  --du-carrusel-aliados-modal-width: 42rem;
  --du-carrusel-aliados-modal-width-desktop: 68.75rem;
  --du-carrusel-aliados-modal-max-height: calc(100vh - var(--space-10));
  --du-carrusel-aliados-modal-less-icon-size: 1rem;
  --du-carrusel-aliados-modal-stats-gap: 1.75rem;
  --du-carrusel-aliados-modal-stat-card-width: 17.828125rem;
  --du-carrusel-aliados-modal-close-size: 2.5rem;
  --du-carrusel-aliados-modal-image-height: 12rem;
  --du-carrusel-aliados-track-mobile-width: 15.25rem;
  --du-carrusel-aliados-track-mobile-max-width: 82vw;
  --contenido-relacionado-date-font-size: 1rem;
  --contenido-relacionado-date-line-height: 1.375rem;
  --contenido-relacionado-meta-label-font-family: var(--font-family-display);
  --contenido-relacionado-meta-label-font-size: 1rem;
  --contenido-relacionado-meta-label-line-height: 1.375rem;
  --contenido-relacionado-tag-font-size: 0.875rem;
  --contenido-relacionado-tag-line-height: 1.25rem;
  --contenido-relacionado-cta-height: 2.625rem;
  --contenido-relacionado-cta-radius: 2rem;
  --contenido-relacionado-grid-columns-desktop: 3fr 2fr;
  --contenido-relacionado-sidebar-width-desktop: 40%;
  --que-es-caf-asi-contibuimos-background-space: 15.75rem;

  --Body-Body-2-fontFamily: var(--font-family-body);
  --Body-Body-2-fontSize: 1rem;
  --Body-Body-2-lineHeight: 1.375rem;
  --Body-Body-2-letterSpacing: 0;
  --Body-Body-3-fontFamily: var(--font-family-body);
  --Body-Body-3-fontSize: 0.875rem;
  --Body-Body-3-lineHeight: 1.25rem;
  --Body-Body-3-letterSpacing: 0;

  --color-caf-primary: #005288;
  --color-brand-turquoise-500: #12bdce;

  --color-footer-bg: var(--color-secondary);
  --color-footer-text: #e6eef3;
  --color-footer-text-muted: #f0f1f1;
  --color-footer-divider: var(--color-brand-turquoise-500);
  --color-footer-legal-bg: var(--color-brand-turquoise-500);
  --color-footer-legal-text: var(--color-text);

  --space-footer-top-inline: var(--space-14);
  --space-footer-top-block: 2.5rem;
  --space-footer-legal-inline: 11.125rem;
  --space-footer-legal-block: var(--space-4);
  --space-footer-gap-lg: 2.125rem;
  --space-footer-gap-md: 1.5625rem;

  --color-caf-green: #49a848;
  --header-height: 3.375rem;
  --header-offset-top: 3.25rem;
  --header-dropdown-min-width: 15rem;
  --header-dropdown-max-height: 17.5rem;
  --header-desktop-grid-min: 32.5rem;
  --header-desktop-promo-width: 22.5rem;
  --header-desktop-promo-height: 33.5rem;
  --header-desktop-title-offset: 5.375rem;
  --header-desktop-column-gap: 6.75rem;

  --map-border-widths-thin: 1px;
  --map-border-widths-medium: 2px;
  --map-border-widths-thick: 3px;
  --map-border-widths-thickest: 4px;

  --panelistas-carousel-item-width-mobile: 21.875rem; /* 350 */
  --panelistas-allies-logo-width: 12.125rem; /* 194 */
  --panelistas-allies-logo-height: 10.5rem; /* 168 */
  --panelistas-person-border-color: var(--Neutros-400);

  --filtros-eventos-overlay-color: rgba(27, 44, 67, 0.45);
  --filtros-eventos-z-index: 9999;
  --filtros-eventos-panel-width: 28.5625rem; /* 457px */
  --filtros-eventos-panel-width-mobile: 24.1875rem; /* 387px */
  --filtros-eventos-panel-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.18);
  --filtros-eventos-panel-padding: var(--space-6) 2.5rem var(--space-6);
  --filtros-eventos-panel-padding-mobile: var(--space-6) var(--space-6)
    var(--space-4);
  --filtros-eventos-panel-gap: var(--space-6);
  --filtros-eventos-calendar-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
  --filtros-eventos-panel-transition: 240ms ease;
  --filtros-eventos-backdrop-transition: 200ms ease;
  --filtros-eventos-close-font-size: 1.75rem;
  --filtros-eventos-search-max-width: 29.6875rem; /* 475px */
  --filtros-eventos-button-min-width: 14.5rem; /* 232px */
  --filtros-eventos-search-button-min-width: 7.3125rem; /* 117px */
  --filtros-eventos-control-height: 3rem; /* 48px */
  --filtros-eventos-control-radius: 1.5rem; /* 24px */
  --filtros-eventos-count-width: 1.5rem; /* 24px */
  --filtros-eventos-count-height: 1.625rem; /* 26px */
  --filtros-eventos-icon-size: 0.9375rem; /* 15px */
  --filtros-eventos-search-icon-size: 1.5rem; /* 24px */
  --filtros-eventos-title-color: var(--CAF-Colores-neutros-gris-900);
  --filtros-eventos-more-font-weight: var(--Weights-SemiBold);
  --filtros-eventos-search-button-letter-spacing: 0.25rem;
  --filtros-eventos-apply-letter-spacing: 0.125rem;
  --filtros-eventos-calendar-width: 13.25rem; /* 212px */
  --filtros-eventos-calendar-day-size: 1.5rem; /* 24px */
  --filtros-eventos-calendar-head-font-size: 0.875rem; /* 14px */
  --filtros-eventos-calendar-grid-font-size: 0.75rem; /* 12px */
  --filtros-eventos-divider-color: #d3d6d9;
  --filtros-eventos-flex-basis-search: 12.5rem; /* 200px */
  --filtros-eventos-font-size-sm: 0.875rem; /* 14px */
  --filtros-eventos-font-size-xs: 0.75rem; /* 12px */
  --filtros-eventos-font-size-md: 1rem; /* 16px */
  --filtros-eventos-line-height-md: 1.375rem; /* 22px */
  --filtros-eventos-letter-spacing-md: -0.01125rem; /* -0.18px */
  --filtros-eventos-checkbox-size: 1rem; /* 16px */
  --filtros-eventos-checkbox-radius: 0.125rem; /* 2px */
  --filtros-eventos-calendar-check-width: 0.75rem; /* 12px */
  --filtros-eventos-calendar-check-height: 0.625rem; /* 10px */
  --filtros-eventos-title-font-size-mobile: 1.5rem; /* 24px */
  --filtros-eventos-title-line-height-mobile: 2rem; /* 32px */

  --stepper-bar-bg: var(--Primario-50);
  --stepper-bar-radius: var(--radius-sm);
  --stepper-index-size: 1.375rem;
  --stepper-index-color: var(--CAF-Colores-neutros-full-white);
  --stepper-state-pending: var(--CAF-Dark-mode-Stroke-tablas---2);
  --stepper-state-current: var(--Primario-500-Marca);
  --stepper-state-done: var(--color-caf-green);
  --stepper-connector-color: var(--Neutros-300);
  --stepper-connector-length: var(--space-9);
  --stepper-progress-track-color: var(--Neutros-300);
  --stepper-progress-fill-color: var(--color-caf-green);
  --stepper-progress-height: 0.375rem;
  --stepper-button-min-height: var(--space-10);
}

:root {
  /* COLORES */
  --color-corporativo-primario: #005288;
  --color-corporativo-primario-2: #1774ad;
  --color-corporativo-contraste-200: #Aae6ec;
  --color-corporativo-contraste-500: #13bdce;
  --color-corporativo-secundario: #49a848;
  --color-corporativo-secundario-2: #89ce89;
  --color-fondo-topbar: #e4f2e3;
  --color-fondo-paginacion: #df3559;
  --color-exito-500: #84cc16;
  --color-exito-600: #65a30d;
  --color-exito-700: #4d7c0f;
  --color-info-500: #9EDEE4;
  --color-info-600: #5396BC;
  --color-info-700: #0570ac;
  --color-advertencia-500: #facc15;
  --color-advertencia-600: #f59e0b;
  --color-advertencia-700: #d97706;
  --color-error-500: #f87171;
  --color-error-600: #dc2626;
  --color-error-700: #b91c1c;
  --color-full-white: #fff;
  --color-gris-50: #f2f2f2;
  --color-gris-100: #e6e6e6;
  --color-gris-300: #bbb;
  --color-gris-600: #717074;
  --color-gris-900: #3b3b3b;
  --color-full-black: #000;
  --color-microsite-primario: #FFCD06;
  --color-microsite-secundario: #1A2B42;
  --color-microsite-secundario-2: #1B2C43;
  --color-teal-dark: #017094;
  --color-olive-dark: #4C7760;
  --color-gold-antique: #B09751;
  --color-orange-bright: #FD6A37;
  --color-yellow: #FFF7E1;
  --color-mid-black: #001828;

  /* IMPLEMENTACIÓN BG COLORS */
  --color-bg-corporativo-primario: var(--color-corporativo-primario);
  --color-bg-corporativo-primario-2: var(--color-corporativo-primario-2);
  --color-bg-corporativo-contraste-200: var(--color-corporativo-contraste-200);
  --color-bg-corporativo-contraste-500: var(--color-corporativo-contraste-500);
  --color-bg-corporativo-secundario: var(--color-corporativo-secundario);
  --color-bg-corporativo-secundario-2: var(--color-corporativo-secundario-2);
  --color-bg-fondo-topbar: var(--color-fondo-topbar);
  --color-bg-fondo-paginacion: var(--color-fondo-paginacion);
  --color-bg-exito-500: var(--color-exito-500);
  --color-bg-exito-600: var(--color-exito-600);
  --color-bg-exito-700: var(--color-exito-700);
  --color-bg-info-500: var(--color-info-500);
  --color-bg-info-600: var(--color-info-600);
  --color-bg-info-700: var(--color-info-700);
  --color-bg-advertencia-500: var(--color-advertencia-500);
  --color-bg-advertencia-600: var(--color-advertencia-600);
  --color-bg-advertencia-700: var(--color-advertencia-700);
  --color-bg-error-500: var(--color-error-500);
  --color-bg-error-600: var(--color-error-600);
  --color-bg-error-700: var(--color-error-700);
  --color-bg-full-white: var(--color-full-white);
  --color-bg-gris-50: var(--color-gris-50);
  --color-bg-gris-100: var(--color-gris-100);
  --color-bg-gris-300: var(--color-gris-300);
  --color-bg-gris-600: var(--color-gris-600);
  --color-bg-gris-900: var(--color-gris-900);
  --color-bg-full-black: var(--color-full-black);
  --color-bg-microsite-primario: var(--color-microsite-primario);
  --color-bg-microsite-secundario: var(--color-microsite-secundario);
  --color-bg-microsite-secundario-2: var(--color-microsite-secundario-2);
  --color-bg-teal-dark: var(--color-teal-dark);
  --color-bg-olive-dark: var(--color-olive-dark);
  --color-bg-gold-antique: var(--color-gold-antique);
  --color-bg-orange-bright: var(--color-orange-bright);
  --color-bg-yellow: var(--color-yellow);
  --color-bg-mid-black: var(--color-mid-black);

  /* FUENTES */
  --font-primary: 'Montserrat', Arial, Helvetica, sans-serif;
  --font-secondary: 'Raleway', Arial, Helvetica, sans-serif;
  --fw-regular: 400;
  --fw-semiregular: 500;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --fs-xs-fix: 1.2rem;
  --fs-s-fix: 1.4rem;
  --fs-m-fix: 1.6rem;
  --fs-l-fix: 1.8rem;
  --fs-xxs-var: clamp(1.6rem, 0.19vi + 1.53rem, 1.8rem);
  --fs-xs-var: clamp(1.7rem, 0.29vi + 1.59rem, 2rem);
  --fs-s-var: clamp(1.8rem, 0.57vi + 1.58rem, 2.4rem);
  --fs-m-var: clamp(2rem, 1.14vi + 1.55rem, 3.2rem);
  --fs-l-var: clamp(2.4rem, 1.52vi + 1.81rem, 4rem);
  --fs-xl-var: clamp(4rem, 0.76vi + 3.7rem, 4.8rem);

  /* ALTO DE LÍNEA */
  --lh-xs-fix: 1.8rem;
  --lh-s-fix: 2rem;
  --lh-m-fix: 2.2rem;
  --lh-l-fix: 2.5rem;
  --lh-xxs-var: clamp(2.2rem, 0.29vi + 2.09rem, 2.5rem);
  --lh-xs-var: clamp(2.5rem, 0.29vi + 2.39rem, 2.8rem);
  --lh-s-var: clamp(2.8rem, 0.57vi + 2.58rem, 3.4rem);
  --lh-m-var: clamp(3rem, 1.43vi + 2.44rem, 4.5rem);
  --lh-l-var: clamp(3.4rem, 2.1vi + 2.58rem, 5.6rem);
  --lh-xl-var: clamp(5.6rem, 1.05vi + 5.19rem, 6.7rem);

  /* BORDERS */
  --map-border-widths-thin: 1px;
  --map-border-widths-medium: 2px;
  --map-border-widths-thick: 3px;
  --map-border-widths-thickest: 4px;

  /* ESPACIADOS */
  --base-unit-s: .4rem;
  --base-unit: .8rem;
  --spacing-00: var(--base-unit-s);
  --spacing-01: var(--base-unit);
  --spacing-02: calc(var(--base-unit) * 2);
  --spacing-03: calc(var(--base-unit) * 3);
  --spacing-04: calc(var(--base-unit) * 4);
  --spacing-05: calc(var(--base-unit) * 5);
  --spacing-06: calc(var(--base-unit) * 6);
  --spacing-07: calc(var(--base-unit) * 7);
  --spacing-08: calc(var(--base-unit) * 8);
  --spacing-09: calc(var(--base-unit) * 9);
  --spacing-10: calc(var(--base-unit) * 10);
  --spacing-11: calc(var(--base-unit) * 11);
  --spacing-12: calc(var(--base-unit) * 12);
  --spacing-14: calc(var(--base-unit) * 14);
  --spacing-15: calc(var(--base-unit) * 15);
  --spacing-16: calc(var(--base-unit) * 16);
  --spacing-20: calc(var(--base-unit) * 20);

  --padding-main-horizontal: clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem);
  --margin-main-horizontal: clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem);
  --padding-main-horizontal--slider: calc(var(--padding-main-horizontal) / 4);
  --margin-main-horizontal--slider: calc(var(--margin-main-horizontal) / 4);

  /* TRANSITIONS */
  --hover-transition: all .1s ease-in-out;
  --chevron-transition: transform 0.4s ease;
  --carousel-logos-speed: 40s;

  /* CONTENT WIDTH */
  --mw-content: 114rem;

  /* BREAKPOINTS */
  --bp-xsmall: 24rem;
  --bp-small: 30rem;
  --bp-lowermedium: 39rem;
  --bp-medium: 48rem;
  --bp-uppermedium: 56rem;
  --bp-large: 64rem;
  --bp-xlarge: 90rem;
  --topbar-h: 6.8rem;
  --btnLangH: 2.8rem;
  --bp-topbar: 881px;
  --bp-topbar-second: 85rem;
  --bp-desktop: 102.5rem;
}
:root {
  --padding-main-horizontal--slider: calc(clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem) / 4);
  --margin-main-horizontal--slider: calc(clamp(2.4rem, 10.67vi + -1.76rem, 13.6rem) / 4);
}

button,
input,
textarea,
select {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button,
input,
textarea,
select {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  appearance: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
  font-family: var(--font-family-body);
  background-color: var(--color-surface);
  color: var(--color-text);
}

.hide {
  display: none;
}

a.disabled, button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
  width: 15rem;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.cmp-link__screen-reader-only {
  display: none;
}

.cq-placeholder.cmp-title {
  height: 2.875rem;
  width: 15rem;
}
.page {
  min-height: 100vh;
}

.section-shell {
  padding-inline: clamp(var(--space-6), 6vw, var(--space-14));
  margin-inline: auto;
}

@media (max-width: 48rem) {
  .section-shell {
    padding-inline: var(--space-6);
  }
}

.aem-AuthorLayer-Edit .responsivegrid,
.aem-AuthorLayer-Edit .cmp-container {
    min-height: 150px;
}
/* raleway-regular - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("clientlib-site/resources/Raleway/raleway-v36-cyrillic_cyrillic-ext_latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 400;
  src: url("clientlib-site/resources/Raleway/raleway-v36-cyrillic_cyrillic-ext_latin-italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("clientlib-site/resources/Raleway/raleway-v36-cyrillic_cyrillic-ext_latin-700.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 700;
  src: url("clientlib-site/resources/Raleway/raleway-v36-cyrillic_cyrillic-ext_latin-700italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  src: url("clientlib-site/resources/Raleway/raleway-v36-cyrillic_cyrillic-ext_latin-800.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800italic - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Raleway";
  font-style: italic;
  font-weight: 800;
  src: url("clientlib-site/resources/Raleway/raleway-v36-cyrillic_cyrillic-ext_latin-800italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("clientlib-site/resources/Montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("clientlib-site/resources/Montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin-italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("clientlib-site/resources/Montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin-600.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("clientlib-site/resources/Montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin-600italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("clientlib-site/resources/Montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin-700.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("clientlib-site/resources/Montserrat/montserrat-v30-cyrillic_cyrillic-ext_latin-700italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
