/* ===== Header móvil limpio (solo afecta al contenedor con clase .header-manual) ===== */
@media (max-width: 768px){

  /* La sección del header se vuelve columna y centra todo */
  .header-manual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
  }

  /* Los enlaces del menú se muestran como botones */
  .header-manual a {
    display: block;
    background: #111827;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 16px;
    border-radius: 10px;
    width: 85%;
    text-align: center;
  }

  /* Botón “Síguenos” centrado y mismo ancho */
  .header-manual .btn-siguenos .elementor-button {
    width: 85%;
    margin: 6px auto 0;
  }
}

/* Opcional: hacer el header sticky (pegado arriba) */
.header-manual {
  position: sticky; top: 0; z-index: 9999;
  backdrop-filter: saturate(180%) blur(6px);
}