@charset "UTF-8";
@media (min-width: 992px) {
  /* Limitar el ancho del contenido principal y centrarlo */
  #pantalla-principal,
  .container {
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Centrar las barras flotantes inferiores (carrito, finalizar, guardar) pero excluyendo botones fijos individuales */
  .popup-pedido,
  .floating-bar {
    max-width: 700px !important;
    left: 50% !important;
    transform: translate(-50%, 150%) !important;
    right: auto !important;
  }
  .popup-pedido.activo, .popup-pedido.active,
  .floating-bar.activo,
  .floating-bar.active {
    transform: translate(-50%, 0) !important;
  }
  /* Limitar la pantalla de login a un tamaño agradable */
  #pantalla-login {
    max-width: 450px !important;
    margin: 0 auto !important;
  }
  /* El encabezado rompe el contenedor para ocupar 100% de la pantalla pero alinea su contenido a los 700px */
  header {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: calc(50vw - 350px + 20px) !important;
    padding-right: calc(50vw - 350px + 20px) !important;
  }
  /* Limitar el modal de producto y centrarlo */
  .modal-overlay {
    align-items: center !important;
    justify-content: center !important;
  }
  .modal-content {
    max-width: 600px !important;
    border-radius: 28px !important;
    height: auto !important;
    max-height: 85vh !important;
    transform: scale(0.95) !important;
    opacity: 0 !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1), opacity 0.3s ease !important;
  }
  .modal-overlay.activo .modal-content {
    transform: scale(1) !important;
    opacity: 1 !important;
  }
}
/* Para monitores anchos donde sobra espacio, acoplamos el menú a la derecha permanentemente */
@media (min-width: 1340px) {
  .menu-desplegable {
    transform: translateX(0) !important;
    box-shadow: none !important;
    border-left: 1px solid rgba(45, 36, 31, 0.1) !important;
  }
  .overlay-menu,
  .overlay-menu-f,
  .cerrar-menu,
  .icono-hamburger {
    display: none !important;
  }
}/*# sourceMappingURL=desktop.css.map */