@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Declaracion de variables */

:root {
  /* paleta de colores iexe */
  --color-azul-oscuro: #001E42;
  --color-azul-oscuro-texto-titulo: #1F378C;
  --color-azul-oscuro-texto: #102961;
  --color-azul-medio-oscuro: #0018FF;
  --color-azul-medio-oscuro-variante: #2D44AC;
  --color-azul-cyan: #00FFE8;
  --color-azul-cyan-footer: #5BFAEC;
  --color-azul-cyan-variante: #bbeef6;
  --color-azul-claro: #CEE6FF;

  --color-blanco: #FFFFFF;
  --color-blanco-variante: #FCFCFC;
  --color-gris-claro-1: #757575;
  --color-gris-claro-2: #333333aa;


  /*COLORES NUEVOS*/
  --color-azul-dark: #08356A;
  --color-azul-azul-claro-2: #DEE6EF;
  --color-azul-azul-claro-3: #99C4FF;
  --color-azul-azul-claro-4: #99A3FF;
  --color-azul-azul-claro-5: #B8C6E9;
  --color-azul-azul-claro-6: #EDF1FA;
  --color-azul-azul-claro-7: #D4E4F9;
  --color-azul-azul-claro-8: #E8F2FF;
  --color-azul-oscuro-texto-2: #163350;
  
  /* fuentes iexe */
  --fuente-titulo: 'Public Sans', sans-serif;
  --fuente-parrafo-1: "Nunito Sans", sans-serif;
  --fuente-parrafo-2: "Work Sans", sans-serif;
  --fuente-parrafo-3: "Montserrat", sans-serif;
;

  /* tamaños fuentes */

  --tamaño-fuente-muy-pequeño: 12px;
  --tamaño-fuente-pequeño: 14px;
  --tamaño-fuente-medio-1: 15px;
  --tamaño-fuente-medio-2: 16px;
  --tamaño-fuente-grande: 18px;
  --tamaño-fuente-muy-grande: 21px;
  --tamaño-fuente-xxl-grande: 28px;
  --tamaño-fuente-xxl-grande-2: 30px;
  --tamaño-fuente-titulos: 48px;

  /*TAMANOS NUEVOS*/
  --tamaño-fuente-muy-grande-2: 24px;
  --tamaño-fuente-titulos-2: 36px;
  --tamaño-fuente-titulos-extra-grande: 60px;
  --tamaño-fuente-titulos-extra-grande-2: 72px;
  --tamaño-fuente-titulos-extra-grande-3: 90px;
}


/* Variables para dispositivos móviles */
@media (max-width: 600px) {
  :root {
    --tamaño-fuente-muy-pequeño: 12px;
    --tamaño-fuente-pequeño: 14px;
    --tamaño-fuente-medio-1: 15px;
    --tamaño-fuente-medio-2: 16px;
    --tamaño-fuente-grande: 18px;
    --tamaño-fuente-muy-grande: 21px;
    --tamaño-fuente-xxl-grande: 28px;
    --tamaño-fuente-xxl-grande-2: 26px;
    --tamaño-fuente-titulos: 30px;

    --tamaño-fuente-muy-grande-2: 21px;
  }


}

html, body {
    background-color: #e5edf4 !important;
}
* {
    font-family: 'Public Sans', sans-serif;
}

section {
  margin-bottom: 64px;
  padding-bottom: 6px;
}

.box-white-content {
  background-color: var(--color-blanco);
  border-radius: 24px;
  box-shadow: 0px 3px 3px #001c3a4d;
}

.box-white-outline-blue-content {
  background-color: var(--color-blanco);
  border-radius: 15px;
  box-shadow: 0px 3px 3px #001c3a4d;
  border: 1px solid var(--color-azul-medio-oscuro);
}

.box-azul-oscuro-content {
  background-color: var(--color-azul-oscuro);
  border-radius: 15px;
  box-shadow: 0px 3px 3px #001c3a4d;
}

/* estilos minimos para footer */

.footer-style {
  background-color: var(--color-azul-oscuro);
  color: var(--color-blanco);
  padding: 20px;
  text-align: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0px 3px 3px #001c3a4d;
  position: relative;
  z-index: 1;
}
.texto-comunidad-internacional-footer {
  color: var(--color-blanco);
  padding: 10px;
  text-align: center;
  font-size: var(--tamaño-fuente-medio-2);
  font-weight: 400;
}
.texto-telefono-whatsaap-footer {
  text-decoration: none;
  color: var(--color-azul-cyan);
  font-weight: 900;
  font-size: var(--tamaño-fuente-xxl-grande);
  display: inline-flex;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  text-align: left;
}
.texto-telefono-footer {
  color: var(--color-azul-cyan-variante);
  font-weight: 900;
  font-size: var(--tamaño-fuente-xxl-grande);
  display: inline-flex;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  text-align: left;
}
.titulo-footer-contacto-whatsapp {
  color: var(--color-azul-cyan);
  font-size: var(--tamaño-fuente-medio-2);
  text-align: start;
}
.titulo-footer-contacto-telefono {
  color: var(--color-azul-cyan-variante);
  font-size: var(--tamaño-fuente-medio-2);
  text-align: start;
}
.titulo-footer-redes-sociales {
  color: var(--color-blanco);
  font-size: var(--tamaño-fuente-medio-2);
  text-align: start;
  margin-bottom: 15px;
}
.border-footer-bottom-white {
  border-bottom: 2px solid #D4E4F9;
  margin-bottom: 20px;
}
.sub-title-footer {
  color: var(--color-azul-cyan-footer);
  font-size: var(--tamaño-fuente-grande);
  font-weight: bold;
  margin-bottom: 15px;
}
.footer-style ul li a {
  color: var(--color-blanco);
  font-size: var(--tamaño-fuente-medio-2);
  text-decoration: none;
}
.footer-style ul li a:hover {
  color: var(--color-azul-cyan-footer) !important;
  font-weight: 700;
}

#sub-pie {
    background-color: var(--color-azul-claro);
    color: var(--color-azul-oscuro);
    text-align: center;
    font-size: var(--tamaño-fuente-medio-2);
    font-weight: 400;
    padding: 10px;
}

#sub-pie a:hover {
    color: var(--color-azul-oscuro);
    font-weight: bold;
}

#sub-pie a {
    text-decoration: none;
    color: var(--color-azul-oscuro);
    font-weight: normal;
}