/* Elementos compartidos por la landing y el flujo de pedido. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Mensajes del servidor */
.avisos{position:fixed;top:84px;left:50%;z-index:45;display:grid;gap:8px;width:min(calc(100% - 32px),560px);transform:translateX(-50%)}
.aviso{padding:12px 16px;border-radius:14px;background:#0D1250;color:#FFFFFF;font-size:14.5px;line-height:1.35;box-shadow:0 12px 30px rgba(13,18,80,.22)}
.aviso.error{background:#8C1D18}
.aviso.warning{background:#FFF4DC;color:#8A5A00}
.aviso.success{background:#E2F4E6;color:#1E7A3A}

/* Idioma */
.lang{display:flex;align-items:center;gap:4px}
.lang form{margin:0}
.lang button{min-width:32px;min-height:44px;padding:0 4px;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.lang button[aria-current="true"]{font-weight:700;color:#1A237E}

/* Menú de cuenta */
.cuenta{position:relative}
.cuenta summary{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#EEF1F4;color:#1A237E;cursor:pointer;list-style:none}
.cuenta summary::-webkit-details-marker{display:none}
.cuenta svg{width:20px;height:20px}
.cuenta-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;display:grid;min-width:210px;padding:8px;border-radius:18px;background:#FFFFFF;box-shadow:0 18px 40px rgba(13,18,80,.18)}
.cuenta-panel a,.cuenta-panel button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:15px;font-weight:600;color:#0D1250;text-align:left;text-decoration:none;cursor:pointer}
.cuenta-panel a:hover,.cuenta-panel button:hover{background:#EEF1F4}
.cuenta-panel form{margin:0}

/* WhatsApp */
.wa{position:fixed;right:20px;bottom:20px;z-index:30;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:#FFFFFF;box-shadow:0 10px 26px rgba(13,18,80,.3)}
.wa svg{width:30px;height:30px}
@media (max-width:760px){
  .wa{right:14px;bottom:14px;width:52px;height:52px}
  .avisos{top:72px}
}