@media screen and (min-height: 641px) {
  .vh-min-640 {
    height: calc(100vh - 4rem);
  }
}

@media screen and (max-height: 639px) {
  .vh-min-640 {
    height: 640px;
  }
}

.h-min-640 {
  min-height: 640px;
}

#header {
  transition: border .15s ease-in-out;
}

@keyframes showNav {
  from {opacity: 0;}
  to {opacity: 1;}
}

.home-section-background {
  background-size: cover;
}

.home-section-background-slide-active {
  animation: showNav 250ms ease-in-out both;
}

.home-section-background-slide-0 {
  background: url('/assets/images/principal.8442a731.jpg') center / cover no-repeat;
}

.home-section-background-slide-1 {
  background: url('/assets/images/oficina.002bf528.jpg') center / cover no-repeat;
}

.home-section-background-slide-2 {
  background: url('/assets/images/retail.190c8a69.jpg') center / cover no-repeat;
}

.home-section-background-slide-3 {
  background: url('/assets/images/construccion.46eb687d.jpg') center / cover no-repeat;
}

.home-section-background-slide-4 {
  background: url('/assets/images/hogar.325ba7e3.jpg') center / cover no-repeat;
}

.home-section-background-slide-5 {
  background: url('/assets/images/industria-3.64591d04.jpg') center / cover no-repeat;
}

@media screen and (max-width: 35em) {
  .service-tab {
    width: 100px;
    height: 80px;
  }
}

@media screen and (min-width: 35em) and (max-width: 60em) {
  .service-tab {
    width: 140px;
    height: 100px;
  }
}

@media screen and (min-width: 60em) {
  .service-tab {
    width: 160px;
    height: 120px;
  }
}


/* HEADER MENU */

#sidebar {
  right: -16rem;
}

@media screen and (max-width: 60em) {
  .sidebar-button-clicked #sidebar {
    right: 0;
    box-shadow: 1px 0px 3px rgba(100, 100, 100, 0.49);
  }
  .sidebar-button-clicked #sidebar-background {
    display: block !important;
  }
}

/* .sidebar-button-clicked #sidebar {
  left: 0;
} */

.bg-yellow-transparent {
  background-color: rgba(255, 242, 83, 0.75);
}