/* Estilos para el logo en el navbar */
.navbar-brand img {
    max-height: 50px;
  }
  .login img {
    max-height: 60px;
    justify-content: center;
  }
/* Estilo para el navbar */
.navbar {
  background-color: #1b396a !important; 
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff !important; 
}

.navbar-light .navbar-toggler-icon {
  background-color: #ffffff; 
}

/*Estilos para los encabezados de las tablas*/
.table-header-custom {
  background-color: #1b396a !important;
  color: whitesmoke !important;
}
.table-dark {
  background-color: #1B396A !important;
  color: white !important;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  background-color: #1B396A !important;
  color: white !important;
}
 
/*Estilos personalizados de botones*/
.btn-primary {
  background-color: #1B396A !important;
  border-color: #1B396A !important;
  color: white !important;
}
.btn-success {
  background-color: #117533 !important;
  border-color: #117533 !important;
  color: white !important;
}
.btn-danger {
  background-color: #8B2E3C !important;
  border-color: #8B2E3C !important;
  color: white !important;
}
.btn-info-institucional {
  background-color: #3F6BA5 !important;
  border-color: #3F6BA5 !important;
  color: white !important;
}

.btn-info-institucional:hover,
.btn-info-institucional:focus {
  background-color: #1B396A;
  color: white;
  border-color: #1B396A;
}

.btn-primary:hover {
  background-color: #16325c !important; /* Un tono más oscuro para el hover */
  border-color: #16325c !important;
}

.btn-outline-institucional {
  color: #1B396A !important;
  border: 1px solid #1B396A !important;
  background-color: transparent !important;
  transition: background-color 0.3s, color 0.3s !important;
}

.btn-outline-institucional:hover,
.btn-outline-institucional:focus {
  background-color: #1B396A !important ;
  color: white !important;
  border-color: #1B396A !important;
}

.btn-outline-institucional-verde {
  color: #117533 !important;
  border: 1px solid #117533 !important;
  background-color: transparent !important;
  transition: background-color 0.3s, color 0.3s !important;
}

.btn-outline-institucional-verde:hover,
.btn-outline-institucional-verde:focus {
  background-color: #117533 !important;
  color: white !important;
  border-color: #117533 !important;
}
.bg-custom {
  background-color: #3F6BA5 !important;
  border-color: #3F6BA5 !important;
  color: white !important;
}
.bg-custom_verde {
  background-color: #117533 !important;
  border-color: #117533 !important;
  color: white !important;
}

/* Estilo personalizado para .form-check-input con verde institucional */
.form-check-input:checked {
  background-color: #117533 !important;
  border-color: #117533 !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(17, 117, 51, 0.25) !important; /* Sombra verde suave */
}
.form-check-input_inst:checked {
  background-color: #1B396A !important;
  border-color: #1B396A !important;
}

.form-check-input_inst:focus {
  box-shadow: 0 0 0 0.25rem rgba(27, 57, 106, 0.2) !important; /* Sombra azul suave */
}

.alert-info {
  background-color: #D9E3F2 !important;
  color: #1B396A !important;
  border-color: #B2C7E0 !important;
}

.text-institucional-azul {
  color: #1B396A;
  font-weight: 500;
  transition: color 0.3s;
}

.text-institucional-azul:hover {
  color: #0f2a4d; /* tono más oscuro para hover */
}

/* Estilos para el slider */
.carousel-inner img {
  max-height: auto;         /* Limita el alto */
  object-fit: cover;         /* Recorta la imagen sin deformarla */
  width: auto;
  border-radius: 15px;       /* Bordes redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
}
  /* Estilos para el footer */
  footer {
    background-color: #1b396a;
    padding: 20px 0;
    margin-top: 40px;
    color: white;
  }
  
  /* Estilos para la sección "Nosotros" */
  .nosotros-section {
    padding: 60px 0;
    background-color: #ffffff;
  }
  
  .nosotros-section h2 {
    margin-bottom: 20px;
    font-size: 2.5rem;
    color: #333;
  }
  
  .nosotros-section p {
    font-size: 1.1rem;
    color: #555;
  }