#solinfo {
  transition: all 0.2s ease-in-out;
}

#fab {
  transition: all 0.2s ease-in-out;
}
#fab:hover {
  transform: scale(0.8);
}
#solinfo:hover {
  transform: scale(0.95);
  color: white;
  background-color: #009fe3;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  transition: all 0.2s ease-in-out;
}

#dpmenu1 {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.dpmenu {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.dpmenu:hover {
  background-color: white !important;
  color: black;
  opacity: 0.8;
}

#contact {
  color: white;
  border-radius: 0px;
  font-weight: bold;
  background-color: rgba(48, 39, 130, 1);
  transition: all 0.2s ease-in-out;
}
#contact:hover {
  transform: scale(0.95);
  color: white;
}

#cv {
  color: white;
  border-radius: 0px;
  font-weight: bold;
  background-color: rgba(48, 39, 130, 1);
  transition: all 0.2s ease-in-out;
}
#cv:hover {
  transform: scale(0.95);
  color: white;
}
#navHeader:hover {
  border-bottom: 1px solid #cecece;
}

#img11 {
  transition: all 0.2s ease-in-out;
}
#img11:hover {
  transform: scale(0.85);
}
#img22 {
  transition: all 0.2s ease-in-out;
}
#img22:hover {
  transform: scale(0.85);
}
#img33 {
  transition: all 0.2s ease-in-out;
}
#img33:hover {
  transform: scale(0.85);
}
#img44 {
  transition: all 0.2s ease-in-out;
}
#img44:hover {
  transform: scale(0.85);
}

#img1 {
  text-align: center;
  color: black;
  animation-name: example;
  animation-duration: 0.1s;
  animation-delay: 0.1s;
  transition: all 0.2s ease-in-out;
  animation-fill-mode: forwards;
}

#img2 {
  text-align: center;
  color: black;
  animation-name: example2;
  animation-duration: 0.1s;
  animation-delay: 0.2s;
  transition: all 0.2s ease-in-out;
  animation-fill-mode: forwards;
}

#img3 {
  text-align: center;
  color: black;
  animation-name: example3;
  animation-duration: 0.1s;
  animation-delay: 0.3s;
  transition: all 0.2s ease-in-out;
  animation-fill-mode: forwards;
}

#img4 {
  text-align: center;
  color: black;
  animation-name: example4;
  animation-duration: 0.1s;
  animation-delay: 0.4s;
  transition: all 0.2s ease-in-out;
  animation-fill-mode: forwards;
}

#nav1 {
  margin-top: 0%;
  margin-bottom: -4%;
  background-color: rgba(0, 0, 0, 1);
  z-index: 2;
  font-weight: 100;

  transition: all 0.5s ease-in-out;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #00000000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
.navbar-toggler:hover {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;
}

/* BTN */

.btn-primario {
  all: unset; /* 🔥 Limpia todos los estilos heredados */
  display: inline-block;
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #000;
  border-radius: 10px;
  font-weight: bold;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.btn-primario:hover {
  background-color: #f0f0f0;
}