/* --- MOBILE --- */
@media screen and (max-width: 768px) {
  #sg-header {
    padding: 0 !important;
  }
  #sg-header .container {
    display: block !important;
  }
  #sg-header .sg-logo img {
    width: 50vw !important;
    margin: 1.4rem 0 0 2.5rem;
  }

  .sg-form {
    display: flex;
    width: 100%;
  }
  .sg-form img {
    display: none;
  }
  .sg-form form {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 0.6rem 0 2rem;
  }

  .hamburger{
    display: inline-block !important;
  }

  #hamburger-btn,
  #hamburger-btn::before,
  #hamburger-btn::after {
    background-color: black !important;
  }

  /* Ajustes menú oculto */
  .menu-title {
    display: none;
  }

  /* Footer simplificado */
  /* footer {
    background-color: var(--azul) !important;
  }
  footer ul {
    display: flex;
    justify-content: space-around;
    padding: 20px;
  }
  footer ul li a {
    font-size: 1rem;
    color: white;
    transition: color 0.2s ease;
  }
  footer ul li a:hover {
    color: red;
  } */
}

/* --- TABLET --- */
@media screen and (min-width: 769px) and (max-width: 991px) {
  #sg-header {
    padding: 0 !important;
  }
  #sg-header .container {
    display: block !important;
  }
  #sg-header .sg-logo img {
    width: 50vw !important;
    margin: 1.4rem 0 0 2.5rem;
  }

  .sg-form {
    display: flex;
    width: 100%;
    margin-bottom: .2rem;
  }
  .sg-form img {
    display: none;
  }

  /* Hamburger visible también en tablet */
  .hamburger {
    display: block !important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1000;
    cursor: pointer;
  }
  #hamburger-btn,
  #hamburger-btn::before,
  #hamburger-btn::after {
    background-color: white !important;
  }

  /* Footer igual que móvil */
  footer {
    background-color: var(--azul) !important;
  }
}