/* spa.css — estilos propios del frontend desacoplado (v2.1.1) */
.aviso-flotante{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;
  padding:12px 20px;border-radius:14px;font-weight:600;z-index:3000;transition:.25s;max-width:90vw;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.aviso-flotante.visible{opacity:1;transform:translate(-50%,0)}
.aviso-exito{background:#B4D772;color:#1C1B0B}
.aviso-error{background:#FF6016;color:#fff}
.pagina{max-width:1100px;margin:0 auto;padding:24px 16px}
.cargando{padding:40px;text-align:center;opacity:.6}
.layout-panel{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.layout-panel .panel-contenido{padding:24px;min-width:0}
.panel-menu .selector-tienda{width:calc(100% - 24px);margin:8px 12px;padding:8px;border-radius:10px}
.panel-menu a,.panel-menu button.enlace-menu{display:block;text-align:left;width:100%}
.panel-menu button.enlace-menu{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:10px 16px}
.fila-botones{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rejilla-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.mapa-ubicacion{font-size:13px;opacity:.75}
@media(max-width:760px){.layout-panel{grid-template-columns:1fr}.layout-panel .panel-menu{position:static;width:auto;display:flex;flex-wrap:wrap;gap:4px}}