/* comun.css — estilos de assets/js/comun.js (tienda y panel). */

/* Toasts */
.az-toasts{position:fixed;bottom:20px;right:20px;left:auto;z-index:100000;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}
.az-toast{background:#0d0c3a;color:#fff;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.2);animation:azIn .25s ease;font-family:inherit}
.az-toast.success{background:#0f8a5f}.az-toast.error{background:#b02a37}
@keyframes azIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.az-toasts{right:16px;left:16px;max-width:none}}

/* Lightbox */
.az-lightbox{position:fixed;inset:0;z-index:100001;background:rgba(5,6,20,.88);display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.az-lightbox.open{display:flex}
.az-lightbox img{max-width:min(92vw,900px);max-height:84vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff;cursor:default}
.az-lightbox-cap{color:#fff;font-size:14px;font-weight:700;margin-top:12px;text-align:center;max-width:90vw}
.az-lightbox-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
img[data-zoom]{cursor:zoom-in}

/* Galería */
.az-gal{display:flex;flex-direction:column;width:100%;height:100%}
.az-gal-principal{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.az-gal-principal img{width:100%;height:100%;object-fit:contain;padding:20px}
.az-gal-thumbs{display:flex;gap:6px;padding:0 12px 12px;overflow-x:auto;justify-content:center;flex-shrink:0}
.az-gal-thumb{width:48px;height:62px;flex-shrink:0;border:2px solid transparent;border-radius:7px;background:#fff;padding:2px;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s}
.az-gal-thumb img{width:100%;height:100%;object-fit:contain}
.az-gal-thumb:hover{opacity:1}
.az-gal-thumb.activa{border-color:#2a4cd6;opacity:1}
.az-gal-vacia{font-size:64px;color:#d5d3ef;display:grid;place-items:center;height:100%}

/* Botón de compartir */
.az-compartir{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #e3e8f4;background:#fff;color:#2a4cd6;border-radius:9px;font-family:inherit;font-weight:700;font-size:12px;padding:8px 13px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.az-compartir:hover{background:#eef2ff;border-color:#2a4cd6}
.az-compartir-mini{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);color:#fff;border-radius:8px;font-size:11px;font-weight:700;padding:6px 10px;cursor:pointer;position:relative;z-index:1;font-family:inherit}
.az-compartir-mini:hover{background:rgba(255,255,255,.28)}
.az-gal .az-gal-thumb img{padding:0}

/* Íconos SVG (assets/iconos.svg) */
.ic{display:inline-block;vertical-align:-.125em;flex-shrink:0;overflow:visible}

/* Aviso para pedir datos de transferencia (Arzu.avisoTransferencia) */
.az-transfer{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:11px;padding:12px 14px;color:#166534;font-size:12.5px;line-height:1.5;text-align:left}
.az-transfer-ic{width:30px;height:30px;border-radius:8px;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:16px;flex-shrink:0}
.az-transfer-txt strong{color:#14532d}
.az-transfer-btn{display:flex;width:fit-content;align-items:center;gap:6px;background:#16a34a;color:#fff;font-size:12px;font-weight:700;padding:6px 13px;border-radius:99px;text-decoration:none;margin-top:7px}
.az-transfer-btn:hover{background:#15803d}