#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link {
  color: var(--bs-light);
  font-weight: bold;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item {
  color: var(--efect-color) !important;
  /*background-color: var(--bs-secondary);*/
  /*border-color: var(--bs-secondary);*/
  font-weight: bold;
  /*text-decoration: underline;*/
  transition: color 0.3s;
  font-weight: bold;
}

.nav-link:hover {
  color: var(--efect-color) !important;
  text-decoration: underline;
}

.text-primary {
  /*color: #d3d3d3 !important;*/
}

.btn-whatsapp {
  background-color: #128c7e;
  color: white;
}

.btn-whatsapp:hover {
  background-color: var(--bs-success);
  color: white;
}

a {
  color: initial;
  text-decoration: initial;
  transition: color 0.3s;
}

a:hover {
  font-weight: bold !important;
  color: initial;
  text-decoration: initial;
  /*color: var(--efect-color) !important;*/
  text-decoration: underline !important;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  /*position: absolute;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*transition: all ease .5s;*/
  /*opacity: 0;*/
  background: rgba(0,0,0,0.71);
  /*border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0 !important;*/
}

@media (min-width: 992px) {
  #mainNav.navbar-shrink {
    padding: 13px !important;
    /*padding-bottom: 13px !important;*/
    /*background-color: #212529;*/
  }
}

#mainNav .navbar-toggler {
  padding: 24px !important;
}

.hero-content {
  z-index: 1;
  /*margin: 100px 100px 0 100px;*/
}

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(55,123,254,0.5) !important;
}

::selection {
  background: var(--bs-primary);
  text-shadow: none;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
  color: #fff;
}

@media (min-width: 768px) {
  section {
    padding: 60px 0 !important;
  }
}

section {
  padding: 80px 0 !important;
}

#portfolio .portfolio-item {
  /*right: 0;*/
  /*margin: 0 0 15px;*/
  border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0 !important;
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
  background-color: #fff;
  border-radius: 0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg) !important;
}

.portfolio-link > img {
  /*border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0 !important;*/
}

.portfolio-hover:hover {
  /*background-color: var(--accent-color) !important;*/
  /*opacity: 50% !important;*/
}

.navbar-brand:hover, .navbar-brand:focus {
  color: var(--accent-color);
}

#mainNav .navbar-brand {
  color: var(--efect-color);
  font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
  transition: color 0.3s;
}

#mainNav .navbar-brand:hover {
  color: var(--efect-color) !important;
  font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
  text-decoration: underline;
}

.color-hightlight {
  color: var(--highlight-color);
}

.btn-primary {
  background-color: rgba(55,123,254,0.5);
  border: none;
  border-radius: 30px;
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--trasparent) !important;
  border: var(--accent-color) !important;
  border-radius: 30px;
  transition: background-color 0.3s ease;
  /*color: var(--primary-color) !important;*/
}

.img-animate {
  transition: transform 0.3s ease-in-out;
}

.img-animate:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.text-muted {
  color: var(--bs-dark) !important;
}

.bg-light {
  background-color: var(--secondary-color) !important;
}

footer {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

ul.social-buttons li a:hover {
  background-color: var(--accent-color);
  color: var(--secondary-color) !important;
}

ul.social-buttons li a:hover {
  transition: color 0.3s;
}

#portfolio .portfolio-item .portfolio-link {
  /*position: relative;*/
  /*display: block;*/
  /*max-width: 450px !important;*/
  /*margin: 0 auto;*/
  /*cursor: pointer;*/
}