/* ══════════════════════════════════════════════
   style_iconos.css — Twemoji, Lucide Icons,
   SVG, Microsoft Fluent Emoji 3D
   ══════════════════════════════════════════════ */

/* ══ TWEMOJI ══ */
img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;display:inline-block}
.rail-btn img.emoji{height:22px;width:22px;margin:0;vertical-align:middle}
.home-section-label img.emoji{height:26px;width:26px;margin:0;vertical-align:middle}

/* ══ LUCIDE ICONS ══ */
.lucide{width:22px;height:22px;stroke-width:1.8}
.rail-btn-active .lucide{color:var(--red);stroke-width:2}

/* ══ ANIMATED SVG ICONS ══ */
.rail-btn-active .anim-icon{color:var(--red)}

/* Add/remove buttons in modal */
.qty-btn .anim-icon{width:18px;height:18px}
.ci-btn .anim-icon{width:14px;height:14px}

/* Send button */
.send-svg{}

/* hc-add / mc-add */
.add-svg{width:28px;height:28px;overflow:visible}
.hc-add .add-svg,.mc-add-btn .add-svg{display:block}

/* ══ MICROSOFT FLUENT EMOJI 3D ══ */

/* Rail: Home, Buscar, Carrito, Pedidos, Agente */
.fe-rail{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}

/* Botones +/− del modal */
.fe-qty{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.18));pointer-events:none}

/* Íconos grandes de modales */
.fe-modal-icon{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}

/* Estado vacío */
.cart-empty-icon{display:flex;justify-content:center}

/* Logo hero */
.fe-logo{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.2))}
.home-logo{cursor:default}

/* Avatares del chat */
.fe-avatar{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}
.fe-avatar-sm{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}

/* Welcome icon */
.fe-welcome{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}

/* Fluent Emoji 3D en headers de categoría */
.hsl-fluent{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}

/* ══ Fluent Emoji 3D en headers del sidebar (menu.js) ══ */
.acc-fluent{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}