/* ==================== FARMAAZUL: modo farmacia (spec 34, variante completa) ====================
   Claro y tranquilo, con el marino de la marca. Sin neón ni movimientos llamativos. */
#app.lz-own[data-tema="farma"]{background-image:radial-gradient(90% 45% at 100% 0%,rgba(73,129,214,.1),transparent 60%)}

.fa-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;height:clamp(200px,36vh,320px);border-radius:var(--r-card);background:var(--grad);color:var(--white)}
.fa-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.fa-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,30,73,0) 30%,rgba(11,30,73,.6) 64%,rgba(11,30,73,.92) 100%);pointer-events:none}
.fa-hero-tx{position:relative;z-index:1;width:100%;padding:16px;display:flex;flex-direction:column;gap:4px}
.fa-logo{align-self:flex-start;padding:6px 10px;border-radius:10px;background:var(--navy-g1);margin-bottom:6px}
.fa-logo img{display:block;height:30px;width:auto}
.fa-hero-h{font-family:var(--tech-wide);font-weight:700;font-size:clamp(1.8rem,8vw,2.3rem);line-height:1;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.fa-hero-sub{font-size:.86rem;opacity:.92}

.fa-card,.fa-go,.fa-linea{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft);text-align:left}
.fa-card .tx,.fa-go .tx,.fa-linea .tx,.fa-it .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fa-card b,.fa-go b,.fa-it b{color:var(--navy);font-size:.95rem;line-height:1.2}
.fa-card small,.fa-go small,.fa-linea small,.fa-it small{color:var(--muted);font-size:.78rem;line-height:1.3}
.fa-card .btn{flex:none;min-height:40px}
.fa-card.ok{outline:2px solid var(--sky-ink)}
.fa-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg-card);color:var(--navy)}
.fa-ic svg{width:20px;height:20px}
.fa-ic.ok,.fa-card.ok .fa-ic{background:var(--celeste);color:var(--navy-g1)}
.fa-go .chev{flex:none;width:18px;height:18px;color:var(--sky-ink)}
.fa-linea b{color:var(--navy);font-family:var(--num);font-size:1.1rem;letter-spacing:.02em}

/* Seguimiento de la receta */
.fa-steps{list-style:none;display:flex;gap:4px;margin-top:6px}
.fa-steps li{flex:1;height:4px;border-radius:2px;background:var(--bg-card)}
.fa-steps li.ok{background:var(--sky-ink)}
.fa-steps li.on{background:var(--celeste)}

.fa-priv{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px;border-radius:var(--r-tile);background:var(--bg-card);color:var(--navy);font-size:.82rem;line-height:1.4}
.fa-priv svg{flex:none;width:18px;height:18px;margin-top:1px}
.fa-fin{margin-top:8px}

/* Hoja de la receta */
.fa-sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.fa-sh-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--bg-card);color:var(--navy)}
.fa-sh-ic svg{width:26px;height:26px}
.fa-sh h3{font-family:var(--tech);font-size:1.5rem;color:var(--navy);text-transform:uppercase}
.fa-nota{margin-top:8px;font-size:.76rem;color:var(--muted)}

/* Medicinas */
.fa-title{font-family:var(--tech);font-size:1.7rem;color:var(--navy);text-transform:uppercase;line-height:1.05}
.fa-sub{color:var(--muted);font-size:.84rem;margin-top:4px}
.fa-cats{display:flex;gap:6px;overflow-x:auto;margin:14px -16px 4px;padding:0 16px 4px;scrollbar-width:none}
.fa-cats::-webkit-scrollbar{display:none}
.fa-cats .chip{flex:none}
.fa-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.fa-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft)}
.fa-pr{font-family:var(--num);font-weight:700;color:var(--navy);font-size:.95rem}
.fa-pr s{font-weight:500;color:var(--muted);font-size:.8rem;margin-right:4px}
.fa-qty{flex:none;display:flex;align-items:center;gap:4px}
.fa-qty button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg-card);color:var(--navy)}
.fa-qty button:disabled{opacity:.4}
.fa-qty button svg{width:16px;height:16px}
.fa-qty b{min-width:18px;text-align:center;font-family:var(--num);color:var(--navy)}
.fa-bar{position:sticky;bottom:0;margin:16px -16px 0;padding:10px 16px;background:linear-gradient(180deg,transparent,var(--bg) 30%)}
.fa-bar .btn{min-height:48px}

@media (max-width:340px){ .fa-card{flex-wrap:wrap} .fa-card .btn{width:100%} .fa-qty button{width:36px;height:40px} }

/* Mapa de la tienda: imagen del corte isométrico con los puntos de cada zona y botones abajo */
.fa-h2{font-family:var(--tech-wide);font-weight:600;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin:20px 0 10px}
.fa-mapa-img{position:relative;border-radius:var(--r-tile);overflow:hidden;background:var(--navy-g1)}
.fa-mapa-img img{display:block;width:100%;height:auto}
.fa-pin{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--celeste);border:2px solid var(--white);box-shadow:0 0 0 4px rgba(111,179,230,.35);opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}
.fa-pin.on{opacity:1;transform:none}
.fa-zonas{display:flex;gap:6px;overflow-x:auto;margin:10px -16px 0;padding:0 16px 4px;scrollbar-width:none}
.fa-zonas::-webkit-scrollbar{display:none}
.fa-zonas .chip{flex:none}
.fa-zona-tx{margin-top:6px;font-size:.8rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){ .fa-pin{transition:none} }

/* Bienvenida de FarmaAZUL (variante completa): marino de la marca con un brillo celeste */
.lz-onda.t-farma{background:radial-gradient(90% 60% at 50% 25%,rgba(111,179,230,.4),transparent 70%),linear-gradient(170deg,var(--navy-g1) 0%,var(--navy-g2) 100%)}