@charset "UTF-8";
/* CSS Document */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* O 100% según el caso */
  margin: 0;
}

/* **********************************************************************
Colors
********************************************************************** */
.color-iga1 {
color: #5d7e8f;  
}
.color-iga2 {
color: #29a2dd;  
}
.color-iga_acent {
color: #273C47;  
}

.bg-color-iga1 {
background-color: #5d7e8f;  
}

.bg-color-iga2 {
background-color: #29a2dd;  
}
.bg-color-iga_acent {
background-color: #273C47;  
}

body {
  color: #273C47; /* Cambia este valor por el color que prefieras */
}

/* **********************************************************************
Links
********************************************************************** */
a {
  color: #5d7e8f;
  text-decoration: none; /* Quita el subrayado si lo deseas */
}

/* Cuando el usuario pasa el ratón por encima */
a:hover {
  color: #273C47;
  text-decoration: none;
}

/* Cuando el enlace ya ha sido visitado 
a:visited {
  color: #273C47;
}*/

/* Cuando se está haciendo clic en él */
a:active {
  color: #273C47;
}

/* Color icono */
.icon-link .icon {
  color: #29a2dd;
}

/* **********************************************************************
Buttons
********************************************************************** */
.btn-iga1 {
  color: #fff;
  background-color: #29a2dd;
  padding: 15px 10px;
  font-weight: 600;
}
.btn-iga1:hover {
  color: #fff;
  background-color: #2080AF;
}

.btn-iga2 {
  color: #fff;
  background-color: #5d7e8f;
  padding: 15px 10px;
  font-weight: 600;
}
.btn-iga2:hover {
  color: #fff;
  background-color: #273C47;
}

/* **********************************************************************
Accordion
********************************************************************** */
.accordion {
  /* Quita el fondo azul y el texto azul cuando está abierto */
  /*--bs-accordion-active-bg: transparent;  O el color de fondo que desees */
  --bs-accordion-active-color: inherit;    /* Mantiene el color de texto original */
  
  /* Quita la línea o sombra azul difuminada al hacer clic */
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-btn-focus-border-color: rgba(0, 0, 0, 0.125);
}

/* **********************************************************************
Pestañas inactivas (no active)
********************************************************************** */
.nav-tabs .nav-link {
  background-color: #e2e8f0; /* Color de fondo inactivo */
  color: #5d7e8f;            /* Color de texto inactivo */
  border-color: #cbd5e1;     /* Color de borde */
}

/* Pestañas activas (active) */
.nav-tabs .nav-link.active, 
.nav-tabs .nav-item.show .nav-link {
  background-color: #29a2dd; /* Color de fondo activo */
  color: #ffffff;            /* Color de texto activo */
  border-color: #0284c7 #0284c7 #fff; /* Bordes superior, lateral e inferior */
}

/* **********************************************************************
List icon
********************************************************************** */
.fa-ul {
  list-style: none; /* Quita los puntos por defecto */
  padding: 0;
  margin: 0;
}

.fa-ul li {
  position: relative;
  padding-left: 30px; /* Espacio para que el texto no pise el ícono */
	margin-top: 8px;
  font-family: var(--bs-body-font-family);
  font-size: 14px;
  line-height: 1.5;
}

.fa-ul li i {
  color: #2080AF; 
}


.social-icons {
  position: relative;
  z-index: 2;
}
/*.social-icons .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 4rem;
  width: 4rem;
  border-radius: 100rem;
}*/

@media (min-width: 992px) {
  .social-icons {
    position: absolute;
    height: 100%;
    top: 0;
    right: 2.5rem;
    width: auto;
  }
}