/* Tipografía para el sitio */
@font-face {
  font-family: "Sura Sans";
  src: url("sura-font.woff2") format("woff2"),
    url("sura-font.woff") format("woff"),
    url("sura-font.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Sura Sans";
  src: url("sura-font.woff2") format("woff2"),
    url("sura-font.woff") format("woff"),
    url("sura-font.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* Asegurar que las fuentes se rendericen correctamente */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html * {
  font-family: "Sura Sans", sans-serif !important;
}

/* Garantizar espacio de la pantalla */
.wrapper-body {
  min-height: calc(100% - 175px);
  margin-bottom: 0px;
}

/* Variables de colores */
:root {
  /* PALERTA PRINCIPAL */
  --paleta-principal-azul-cielo-latino: #2D6DF6;
  --paleta-principal-blanco-todo-puede-pasar: #FFFFFF;

  /* PALERTA COMPLEMENTARIA */
  --paleta-complementaria-azul-profundo: #0033A0;
  --paleta-complementaria-amarillo-sol: #E3E829;
  --paleta-complementaria-aqua-inesperado: #00AEC7;
  --paleta-complementaria-gris: #888B8D;

  /* PALETA COMPLEMENTARIA: TONOS NEUTROS */
  --tonos-neutros-pantone-2114-C: #838DC8;
  --tonos-neutros-pantone-461-C: #ECF0A1;
  --tonos-neutros-pantone-304-C: #9BE1E9;
  --tonos-neutros-pantone-284-C: #81B1FF;
  --tonos-neutros-pantone-429-C: #B4B4B5;

  /* FONDOS DIGITALES */
  --fondos-digitales-fondo-1: #E5E9EA;
  --fondos-digitales-fondo-2: #F9FAE1;
  --fondos-digitales-fondo-3: #E6FAEF;
  --fondos-digitales-fondo-4: #DFEAFF;
  --fondos-digitales-fondo-5: #F8F8F8;

  /* COLORES ALERTA */
  --colores-alerta-exito-1: #067014;
  --colores-alerta-exito-2: #DEF6DE;
  --colores-alerta-advertencia-1: #ED8B00;
  --colores-alerta-advertencia-2: #FFF5EC;
  --colores-alerta-error-1: #D12D35;
  --colores-alerta-error-2: #FFF4F3;
  --colores-alerta-informacion-1: #0033A0;
  --colores-alerta-informacion-2: #E0EAFF;

  /* ESCALA GRISES */
  --escala-grises-gris-100: #F4F4F4;
  --escala-grises-gris-200: #E7E7E7;
  --escala-grises-gris-500: #3F3F41;
  --escala-grises-negro: #0D0D0D;

  /* OTROS COLORES */
  --otros-colores-amarillo-oscuro: #C5CB15;
  --otros-colores-rojo-oscuro: #B04B60;
  --otros-colores-azul-oscuro: #00003F;

  /* COLORES ADICIONALES */
  --colores-adicionales-rojo-medio: #FF7768;
  --colores-adicionales-verde-medio: #64D991;
  --colores-adicionales-naranja-medio: #FFAA5C;
  --colores-adicionales-fondo-aqua: #D5F5F8;
}

/* Tipografías Desktop */
:root {
  --desktop-h1-font-size: 62px;
  --desktop-h1-font-family: "Sura Sans";
  --desktop-h1-font-style: normal;
  --desktop-h1-font-weight: 700;
  --desktop-h1-line-height: 62px;

  --desktop-h2-font-size: 48px;
  --desktop-h2-font-family: "Sura Sans";
  --desktop-h2-font-style: normal;
  --desktop-h2-font-weight: 700;
  --desktop-h2-line-height: 48px;

  --desktop-h3-font-size: 32px;
  --desktop-h3-font-family: "Sura Sans";
  --desktop-h3-font-style: normal;
  --desktop-h3-font-weight: 700;
  --desktop-h3-line-height: 32px;

  --desktop-h4-font-size: 26px;
  --desktop-h4-font-family: "Sura Sans";
  --desktop-h4-font-style: normal;
  --desktop-h4-font-weight: 700;
  --desktop-h4-line-height: 26px;

  --desktop-h5-font-size: 20px;
  --desktop-h5-font-family: "Sura Sans";
  --desktop-h5-font-style: normal;
  --desktop-h5-font-weight: 600;
  --desktop-h5-line-height: 22px;

  --desktop-h6-font-size: 18px;
  --desktop-h6-font-family: "Sura Sans";
  --desktop-h6-font-style: normal;
  --desktop-h6-font-weight: 600;
  --desktop-h6-line-height: 18px;

  --desktop-body-banner-1-font-size: 32px;
  --desktop-body-banner-1-font-family: "Sura Sans";
  --desktop-body-banner-1-font-style: normal;
  --desktop-body-banner-1-font-weight: 400;
  --desktop-body-banner-1-line-height: 38px;

  --desktop-body-banner-2-font-size: 24px;
  --desktop-body-banner-2-font-family: "Sura Sans";
  --desktop-body-banner-2-font-style: normal;
  --desktop-body-banner-2-font-weight: 400;
  --desktop-body-banner-2-line-height: 28px;

  --desktop-body-semibold-font-size: 16px;
  --desktop-body-semibold-font-family: "Sura Sans";
  --desktop-body-semibold-font-style: normal;
  --desktop-body-semibold-font-weight: 600;
  --desktop-body-semibold-line-height: normal;

  --desktop-body-regular-font-size: 16px;
  --desktop-body-regular-font-family: "Sura Sans";
  --desktop-body-regular-font-style: normal;
  --desktop-body-regular-font-weight: 400;
  --desktop-body-regular-line-height: normal;

  --desktop-caption-bold-font-size: 14px;
  --desktop-caption-bold-font-family: "Sura Sans";
  --desktop-caption-bold-font-style: normal;
  --desktop-caption-bold-font-weight: 700;
  --desktop-caption-bold-line-height: normal;

  --desktop-caption-regular-font-size: 14px;
  --desktop-caption-regular-font-family: "Sura Sans";
  --desktop-caption-regular-font-style: normal;
  --desktop-caption-regular-font-weight: 400;
  --desktop-caption-regular-line-height: normal;
}

/* Tipografías Mobile */
:root {
  --mobile-h1-font-size: 42px;
  --mobile-h1-font-family: "Sura Sans";
  --mobile-h1-font-style: normal;
  --mobile-h1-font-weight: 700;
  --mobile-h1-line-height: 42px;

  --mobile-h2-font-size: 36px;
  --mobile-h2-font-family: "Sura Sans";
  --mobile-h2-font-style: normal;
  --mobile-h2-font-weight: 700;
  --mobile-h2-line-height: 36px;

  --mobile-h3-font-size: 28px;
  --mobile-h3-font-family: "Sura Sans";
  --mobile-h3-font-style: normal;
  --mobile-h3-font-weight: 700;
  --mobile-h3-line-height: 28px;

  --mobile-h4-font-size: 24px;
  --mobile-h4-font-family: "Sura Sans";
  --mobile-h4-font-style: normal;
  --mobile-h4-font-weight: 700;
  --mobile-h4-line-height: 26px;

  --mobile-h5-font-size: 20px;
  --mobile-h5-font-family: "Sura Sans";
  --mobile-h5-font-style: normal;
  --mobile-h5-font-weight: 700;
  --mobile-h5-line-height: 22px;

  --mobile-body-bold-font-size: 16px;
  --mobile-body-bold-font-family: "Sura Sans";
  --mobile-body-bold-font-style: normal;
  --mobile-body-bold-font-weight: 600;
  --mobile-body-bold-line-height: normal;

  --mobile-body-regular-font-size: 16px;
  --mobile-body-regular-font-family: "Sura Sans";
  --mobile-body-regular-font-style: normal;
  --mobile-body-regular-font-weight: 450;
  --mobile-body-regular-line-height: normal;

  --mobile-caption-semibold-font-size: 14px;
  --mobile-caption-semibold-font-family: "Sura Sans";
  --mobile-caption-semibold-font-style: normal;
  --mobile-caption-semibold-font-weight: 600;
  --mobile-caption-semibold-line-height: normal;

  --mobile-caption-regular-font-size: 14px;
  --mobile-caption-regular-font-family: "Sura Sans";
  --mobile-caption-regular-font-style: normal;
  --mobile-caption-regular-font-weight: 450;
  --mobile-caption-regular-line-height: normal;

  --mobile-small-font-size: 12px;
  --mobile-small-font-family: "Sura Sans";
  --mobile-small-font-style: normal;
  --mobile-small-font-weight: 450;
  --mobile-small-line-height: normal;
}

/* Estilos tipográficos para Desktop */
@media (min-width: 768px) {
  h1 {
    font-size: var(--desktop-h1-font-size);
    font-family: var(--desktop-h1-font-family);
    font-style: var(--desktop-h1-font-style);
    font-weight: var(--desktop-h1-font-weight);
    line-height: var(--desktop-h1-line-height);
  }

  h2 {
    font-size: var(--desktop-h2-font-size);
    font-family: var(--desktop-h2-font-family);
    font-style: var(--desktop-h2-font-style);
    font-weight: var(--desktop-h2-font-weight);
    line-height: var(--desktop-h2-line-height);
  }

  h3 {
    font-size: var(--desktop-h3-font-size);
    font-family: var(--desktop-h3-font-family);
    font-style: var(--desktop-h3-font-style);
    font-weight: var(--desktop-h3-font-weight);
    line-height: var(--desktop-h3-line-height);
  }

  h4 {
    font-size: var(--desktop-h4-font-size);
    font-family: var(--desktop-h4-font-family);
    font-style: var(--desktop-h4-font-style);
    font-weight: var(--desktop-h4-font-weight);
    line-height: var(--desktop-h4-line-height);
  }

  h5 {
    font-size: var(--desktop-h5-font-size);
    font-family: var(--desktop-h5-font-family);
    font-style: var(--desktop-h5-font-style);
    font-weight: var(--desktop-h5-font-weight);
    line-height: var(--desktop-h5-line-height);
  }

  h6 {
    font-size: var(--desktop-h6-font-size);
    font-family: var(--desktop-h6-font-family);
    font-style: var(--desktop-h6-font-style);
    font-weight: var(--desktop-h6-font-weight);
    line-height: var(--desktop-h6-line-height);
  }

  .body-banner-1 {
    font-size: var(--desktop-body-banner-1-font-size);
    font-family: var(--desktop-body-banner-1-font-family);
    font-style: var(--desktop-body-banner-1-font-style);
    font-weight: var(--desktop-body-banner-1-font-weight);
    line-height: var(--desktop-body-banner-1-line-height);
  }

  .body-banner-2 {
    font-size: var(--desktop-body-banner-2-font-size);
    font-family: var(--desktop-body-banner-2-font-family);
    font-style: var(--desktop-body-banner-2-font-style);
    font-weight: var(--desktop-body-banner-2-font-weight);
    line-height: var(--desktop-body-banner-2-line-height);
  }

  .body-semibold {
    font-size: var(--desktop-body-semibold-font-size);
    font-family: var(--desktop-body-semibold-font-family);
    font-style: var(--desktop-body-semibold-font-style);
    font-weight: var(--desktop-body-semibold-font-weight);
    line-height: var(--desktop-body-semibold-line-height);
  }

  .body-regular {
    font-size: var(--desktop-body-regular-font-size);
    font-family: var(--desktop-body-regular-font-family);
    font-style: var(--desktop-body-regular-font-style);
    font-weight: var(--desktop-body-regular-font-weight);
    line-height: var(--desktop-body-regular-line-height);
  }

  p {
    font-size: var(--desktop-body-regular-font-size);
    font-family: var(--desktop-body-regular-font-family);
    font-style: var(--desktop-body-regular-font-style);
    font-weight: var(--desktop-body-regular-font-weight);
    line-height: var(--desktop-body-regular-line-height);
  }

  .caption-bold {
    font-size: var(--desktop-caption-bold-font-size);
    font-family: var(--desktop-caption-bold-font-family);
    font-style: var(--desktop-caption-bold-font-style);
    font-weight: var(--desktop-caption-bold-font-weight);
    line-height: var(--desktop-caption-bold-line-height);
  }

  .caption-regular {
    font-size: var(--desktop-caption-regular-font-size);
    font-family: var(--desktop-caption-regular-font-family);
    font-style: var(--desktop-caption-regular-font-style);
    font-weight: var(--desktop-caption-regular-font-weight);
    line-height: var(--desktop-caption-regular-line-height);
  }
}

/* Estilos tipográficos para Mobile */
@media (max-width: 767px) {
  h1 {
    font-size: var(--mobile-h1-font-size);
    font-family: var(--mobile-h1-font-family);
    font-style: var(--mobile-h1-font-style);
    font-weight: var(--mobile-h1-font-weight);
    line-height: var(--mobile-h1-line-height);
  }

  h2 {
    font-size: var(--mobile-h2-font-size);
    font-family: var(--mobile-h2-font-family);
    font-style: var(--mobile-h2-font-style);
    font-weight: var(--mobile-h2-font-weight);
    line-height: var(--mobile-h2-line-height);
  }

  h3 {
    font-size: var(--mobile-h3-font-size);
    font-family: var(--mobile-h3-font-family);
    font-style: var(--mobile-h3-font-style);
    font-weight: var(--mobile-h3-font-weight);
    line-height: var(--mobile-h3-line-height);
  }

  h4 {
    font-size: var(--mobile-h4-font-size);
    font-family: var(--mobile-h4-font-family);
    font-style: var(--mobile-h4-font-style);
    font-weight: var(--mobile-h4-font-weight);
    line-height: var(--mobile-h4-line-height);
  }

  h5 {
    font-size: var(--mobile-h5-font-size);
    font-family: var(--mobile-h5-font-family);
    font-style: var(--mobile-h5-font-style);
    font-weight: var(--mobile-h5-font-weight);
    line-height: var(--mobile-h5-line-height);
  }

  .body-bold {
    font-size: var(--mobile-body-bold-font-size);
    font-family: var(--mobile-body-bold-font-family);
    font-style: var(--mobile-body-bold-font-style);
    font-weight: var(--mobile-body-bold-font-weight);
    line-height: var(--mobile-body-bold-line-height);
  }

  .body-regular {
    font-size: var(--mobile-body-regular-font-size);
    font-family: var(--mobile-body-regular-font-family);
    font-style: var(--mobile-body-regular-font-style);
    font-weight: var(--mobile-body-regular-font-weight);
    line-height: var(--mobile-body-regular-line-height);
  }

  p {
    font-size: var(--mobile-body-regular-font-size);
    font-family: var(--mobile-body-regular-font-family);
    font-style: var(--mobile-body-regular-font-style);
    font-weight: var(--mobile-body-regular-font-weight);
    line-height: var(--mobile-body-regular-line-height);
  }

  .caption-semibold {
    font-size: var(--mobile-caption-semibold-font-size);
    font-family: var(--mobile-caption-semibold-font-family);
    font-style: var(--mobile-caption-semibold-font-style);
    font-weight: var(--mobile-caption-semibold-font-weight);
    line-height: var(--mobile-caption-semibold-line-height);
  }

  .caption-regular {
    font-size: var(--mobile-caption-regular-font-size);
    font-family: var(--mobile-caption-regular-font-family);
    font-style: var(--mobile-caption-regular-font-style);
    font-weight: var(--mobile-caption-regular-font-weight);
    line-height: var(--mobile-caption-regular-line-height);
  }

  .small {
    font-size: var(--mobile-small-font-size);
    font-family: var(--mobile-small-font-family);
    font-style: var(--mobile-small-font-style);
    font-weight: var(--mobile-small-font-weight);
    line-height: var(--mobile-small-line-height);
  }
}

/* Configuraciónes de disposición de las páginas */

/* @media (min-width: 576px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm {
    max-width: 720px
  }

  #entity-list-map-options.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
}

@media (min-width: 992px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-lg,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm {
    max-width: 960px
  }
}

@media (min-width: 1200px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-lg,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm,
  .row.sectionBlockLayout>.container-xl {
    max-width: 1140px
  }
}

@media (min-width: 1400px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-lg,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm,
  .row.sectionBlockLayout>.container-xl,
  .row.sectionBlockLayout>.container-xxl {
    max-width: 1320px
  }
}


@media (min-width: 576px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm {
    max-width: 95%;
  }
}

@media (min-width: 992px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-lg,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-lg,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm,
  .row.sectionBlockLayout>.container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {

  .row.sectionBlockLayout>.container,
  .row.sectionBlockLayout>.container-lg,
  .row.sectionBlockLayout>.container-md,
  .row.sectionBlockLayout>.container-sm,
  .row.sectionBlockLayout>.container-xl,
  .row.sectionBlockLayout>.container-xxl {
    max-width: 1320px;
  }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl { */
/* --bs-gutter-x: 1.5rem; */
/* --bs-gutter-y: 0; */
/* width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 95%;
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 95%
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 95%
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
} */