h1, h2, h3 ,p, body {
  font-family: 'Inter', sans-serif;
}

.menu-textual {
  font-family: 'Inter', sans-serif;
}

.texto-menu {
  font-size: 1px;
}

.top-bar {
  background-color: #0d6efd;
  color: white;
  padding: 8px 20px;
  font-weight: 500;
}

.menu-textual {
  background-color: #e9ecef;
  padding: 8px 20px;
  border-bottom: 1px solid #ced4da;
}

.menu-textual a {
  color: #343a40;
  margin-right: 15px;
  font-weight: 500;
  text-decoration: none;
}

.menu-textual a:hover {
  color: #0d6efd;
  text-decoration: underline;
}

.menu-bar {
  background-color: #f8f9fa;
  padding: 10px 0;
  border-bottom: 1px solid #dee2e6;
}

.menu-icon {
  font-size: 1.5rem;
  color: #0d6efd;
  margin: 0 15px;
  cursor: pointer;
}

.menu-icon:hover {
  color: #084298;
  transform: scale(1.1);
  transition: 0.2s ease-in-out;
}

.hover-success:hover {
  background-color: #f3f8f4 !important;
  color: #2d6a4f !important;
}

.hover-danger:hover {
    color: #dc3545 !important; 
    background-color: #fff8f8 !important; 
}

.hover-warning:hover {
    color: #ffc107 !important;
    background-color: #fffcf2 !important;
}

.hover-info:hover {
    color: #0dcaf0 !important;
    background-color: #f3fdff !important;
}

.hover-secondary:hover {
    color: #6c757d !important;
    background-color: #f0f0f0 !important;
}

/* CLASES PARA HOVER MENU */
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu .dropdown:hover>.submenu {
  display: block;
}

.dropdown-menu .submenu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  position: absolute;
  display: none;
  z-index: 1050;
}

#sobre {
  width: 20rem;
  height: 20rem;
}

.logo-lazzar {
  width: 90px;
  height: auto;
}

.hero {
  height: 15rem;
}

.letter-spacing {
  letter-spacing: 1px !important;
}


@media screen and (max-width: 575px) {
  .hero {
    height: 12rem;
  }

  .titulo-tabla {
    font-size: 0.5rem !important;
  }
}

@media screen and (min-width: 1600px) {
  .titulo-3xl {
    font-size: 3.3rem !important;
  }

  .subtitulo-3xl {
    font-size: 1.5rem !important;
  }

  .contenedor-form-3xl {
    justify-content: space-between !important;
  }

  .inputs-form-3xl {
    width: 50% !important;
  }

  #sobre {
    width: 27rem;
    height: 27rem;
  }

  .hero {
    height: 17rem;
  }

  .tarjeta-credito {
    width: 40rem !important;
  }
}