a
{
text-decoration:none !important;
color:rgba(1,33,105,1);
}





 /* Nav personalization */
.nav_active {
  background-color: #cfe2ff; 
  color: #012169 !important;
  padding-left:7px;
} 
.nav_active:hover {
  color: #012169 !important;
}   

.dropdown-menu[data-bs-popper] 
{
  top: 90%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
  font-size: var(--bs-body-font-size);
}

.dropdown-menu 
{
 border-radius: 0px !important;
 border-width: 1px !important;
}

.nav-pills .nav-link.active
{
background-color:rgb(164, 188, 241);
color:rgb(0, 44, 83) !important;
}


/* Desktop: hover funciona */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    
    /* Pequeño retraso para evitar que desaparezca muy rápido */
    .dropdown-menu {
        transition: visibility 0.2s;
    }
}

/* Mobile: mantiene el comportamiento de click */
@media (max-width: 991.98px) {
    .dropdown-menu {
        display: none;
    }
    
    .dropdown.show .dropdown-menu {
        display: block;
    }
}




 /* Nav personalization */


.territory_occupied td
{
  background-color:rgba(1,33,105,0.2) !important;
}

h4 {   font-family:'Playfair Display' ; }


 /* Form personalization */

.form_header_part
  {
  padding-left:10px !important;
  background-color:  rgba(1,33,105,0.1)!important;
  font-size: 1.25rem !important;
  font-weight:bold !important;
  font-family:'Playfair Display' ;
  margin-bottom:10px;
  }

.form-control
  {
    border:1px solid rgba(1,33,105,0.4)
  }

.form-label
  {
    color:rgb(0,0,0);
  }

.form-control.is-invalid
  {
    background-color:#cfe2ff;
    border-color:#5378af;
  }

  .invalid-feedback
{
  font-weight:bold;
  color: #14243d;
}
 /* Form personalization */


 /* Animación fadeIn */
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    

    /* Estado inicial de elementos lazy */
    .lazy {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }


.color-blue1 {
 color: rgba(1,33,105,0.1)!important;
}
.color-blue2 {
  color: rgba(1,33,105,0.2) !important;
}
.color-blue3 {
 color: rgba(1,33,105,0.3) !important;
}
.color-blue4 {
 color: rgba(1,33,105,0.4) !important;
}
.color-blue5 {
  color: rgba(1,33,105,0.5)!important;
}
.color-blue6 {
 color: rgba(1,33,105,0.6) !important;
}
.color-blue7 {
  color: rgba(1,33,105,0.7) !important;
}
.color-blue8 {
  color: rgba(1,33,105,0.8) !important;
}

.color-blue9 {
  color: rgba(1,33,105,0.9) !important;
}

.color-blue10 {
  color: rgba(1,33,105,1.0) !important;
}



.bg-blue1 {
  background-color: rgba(1,33,105,0.1)!important;
}
.bg-blue2 {
  background-color: rgba(1,33,105,0.2) !important;
}
.bg-blue3 {
  background-color: rgba(1,33,105,0.3) !important;
}
.bg-blue4 {
  background-color: rgba(1,33,105,0.4) !important;
}
.bg-blue5 {
  background-color: rgba(1,33,105,0.5)!important;
}
.bg-blue6 {
  background-color: rgba(1,33,105,0.6) !important;
}
.bg-blue7 {
  background-color: rgba(1,33,105,0.7) !important;
}
.bg-blue8 {
  background-color: rgba(1,33,105,0.8) !important;
}

.bg-blue9 {
  background-color: rgba(1,33,105,0.9) !important;
}

.bg-blue10 {
  background-color: rgba(1,33,105,1.0) !important;
}



carousel-item
{
  aspect-ratio: 16/10;
}


.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #012169;
  --bs-btn-border-color: #012169;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #012169;
  --bs-btn-disabled-border-color: #012169;
}


.text-bg-primary {
  color: #fff !important;
  background-color: rgba(1,33,105) !important;
}

  .table-striped > tbody > tr:nth-of-type(2n+1) > * 
  {
  --bs-table-color-type: var(--bs-table-striped-color) !important;
  --bs-table-bg-type: rgba(1,33,105,0.1) !important;
}