.azul {color: #28468E;}
.azul-claro {color: #335AB6;}
.azul-oscuro {color: #142347;}

.bg-azul {background-color: #28468E;}
.bg-azul-claro {background-color: #335AB6;}
.bg-azul-oscuro {background-color: #142347;}

.naranja {color: #E3B333;}
.naranja-claro {color: #E9C460;}
.naranja-oscuro {color: #886B1E;}


.texto-sgs{
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  color: #ec6708;
}

.texto-servicios{
  font-size: 14px;
  line-height: 18px;
  text-align: center;
/*  color: #ec6708;*/
}

.texto-amano{
  font-family: 'Whisper', cursive;
}

.texto-pacifico{
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

.fondo-color{
  background-color: #142448;
  background-image: linear-gradient(43deg, #142448 0%, #335ab6 51%, #142448 100%);
}

.fondo-transparente{
  backdrop-filter:  blur(10px);
}


.kanit-thin {
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.kanit-extralight {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.kanit-light {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.kanit-regular {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kanit-medium {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.kanit-semibold {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.kanit-bold {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.kanit-extrabold {
  font-family: "Kanit", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.kanit-black {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.kanit-thin-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.kanit-extralight-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.kanit-light-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.kanit-regular-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.kanit-medium-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.kanit-semibold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.kanit-bold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.kanit-extrabold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.kanit-black-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.espacio-letras-1 {
  letter-spacing: 5px;
}