/* ==================== HOSPITALES CRUZ AZUL: modo consultorio (spec 34) ====================
   Claro y tranquilo, con el marino y el rojo de la marca. Sin neón ni movimientos llamativos. */
#app.lz-own[data-tema="hospital"]{background-image:radial-gradient(90% 45% at 100% 0%,rgba(200,16,46,.06),transparent 60%),radial-gradient(80% 50% at 0% 100%,rgba(28,49,112,.07),transparent 60%)}
.lz-onda.t-hospital{background:var(--white);color:var(--white)}
.lz-hosp .lz-hosp-logo{width:min(240px,62vw);height:auto;padding:12px 16px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft);opacity:0;animation:lzUp .7s cubic-bezier(.22,1,.36,1) .6s both}
.lz-hosp .lz-h{opacity:0;animation:lzUp .7s cubic-bezier(.22,1,.36,1) 1s both}
.lz-hosp .lz-sub{opacity:0;animation:lzFade .7s ease 1.4s both}
.lz-hosp .lz-lema span{opacity:0;animation:lzFade .7s ease 1.9s both}
.lz-onda.t-hospital .lz-skip{animation-delay:2.4s}
.lz-onda.red .lz-hosp *{animation:none;opacity:1}

/* Héroe: la fachada real de los consultorios */
.hp-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)}
.hp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,30,73,0) 25%,rgba(11,30,73,.55) 62%,rgba(11,30,73,.9) 100%);pointer-events:none}
.hp-hero-tx{position:relative;z-index:1;width:100%;padding:16px;display:flex;flex-direction:column;gap:4px}
.hp-hero-logo{width:150px;height:auto;padding:6px 10px;margin-bottom:6px;border-radius:10px;background:var(--white)}
.hp-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)}
.hp-hero-sub{font-size:.86rem;opacity:.92}

/* Tarjetas con foto real a la izquierda */
.hp-card{display:flex;align-items:stretch;gap:12px;margin-top:12px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft);overflow:hidden}
.hp-card-img{flex:none;width:34%;max-width:140px;object-fit:cover}
.hp-card-tx{flex:1;min-width:0;padding:12px 12px 12px 0;display:flex;flex-direction:column;gap:3px;color:var(--text)}
.hp-card-tx b{color:var(--navy);font-size:1rem;line-height:1.2}
.hp-card-tx small{color:var(--muted);font-size:.8rem;line-height:1.35}
.hp-card-tx .btn{align-self:flex-start;margin-top:6px;min-height:40px}
.hp-eb{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.hp-farma .hp-card-img{object-position:30% 50%}

.hp-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}

/* Tu familia */
.hp-fam{display:flex;flex-direction:column;gap:8px}
.hp-fam-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft)}
.hp-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--bg-card);color:var(--navy);font-family:var(--tech);font-weight:700}
.hp-fam-it .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.hp-fam-it b{color:var(--navy)}
.hp-fam-it small{color:var(--muted);font-size:.78rem}
.hp-fam-it .btn{min-height:40px}

/* Líneas de atención y sedes */
.hp-lineas{display:flex;flex-direction:column;gap:8px}
.hp-linea,.hp-cc{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft);text-align:left}
.hp-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg-card);color:var(--navy)}
.hp-ic svg{width:20px;height:20px}
.hp-linea .tx,.hp-cc .tx{display:flex;flex-direction:column}
.hp-linea small,.hp-cc small{color:var(--muted);font-size:.76rem}
.hp-linea b,.hp-cc b{color:var(--navy);font-family:var(--num);font-size:1.1rem;letter-spacing:.02em}
.hp-cc{margin:12px 0;background:var(--navy-g1);box-shadow:none}
.hp-cc .hp-ic{background:rgba(255,255,255,.12);color:var(--white)}
.hp-cc small{color:var(--on-dark-2)}.hp-cc b{color:var(--white)}

.hp-priv{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px;border-radius:var(--r-tile);background:var(--bg-card);color:var(--navy);font-size:.82rem;line-height:1.4}
.hp-priv svg{flex:none;width:18px;height:18px;margin-top:1px}
.hp-lema{margin-top:16px;text-align:center;font-family:var(--tech-wide);font-weight:600;letter-spacing:.24em;text-transform:uppercase;font-size:.82rem;color:var(--sky-ink)}
.hp-fin{margin-top:8px}

/* QR de registro */
.hp-qr-sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.hp-qr-sh h3{font-family:var(--tech);font-size:1.4rem;color:var(--navy);text-transform:uppercase}
.hp-qr{width:min(220px,60vw);aspect-ratio:1;margin:8px 0}
.hp-qr .qr{width:100%;height:100%}
.hp-qr-id{font-family:var(--num);font-size:1.3rem;color:var(--navy);letter-spacing:.04em}

/* Citas */
.hp-title{font-family:var(--tech);font-size:1.7rem;color:var(--navy);text-transform:uppercase;line-height:1.05}
.hp-sub{color:var(--muted);font-size:.84rem;margin-top:4px}
.hp-agenda{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:12px}
.hp-agenda li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-tile);background:var(--white);border:1px solid var(--bg-card)}
.hp-agenda .tx{display:flex;flex-direction:column;min-width:0}
.hp-agenda b{color:var(--navy);font-size:.92rem}
.hp-agenda small{color:var(--muted);font-size:.76rem}
.hp-esp{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hp-esp-it{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:52px;padding:8px 10px 8px 12px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft);text-align:left;color:var(--navy);font-weight:600;font-size:.86rem;line-height:1.2}
.hp-esp-it .chev{flex:none;width:16px;height:16px;color:var(--sky-ink)}
.hp-cita h3{font-family:var(--tech);font-size:1.5rem;color:var(--navy);text-transform:uppercase}
.hp-lbl{margin:14px 0 6px;font-size:.78rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}
.hp-cita .chips{display:flex;flex-wrap:wrap;gap:6px}
.hp-nota{margin-top:10px;font-size:.76rem;color:var(--muted);text-align:center}

/* Sedes */
.hp-sede{display:flex;gap:12px;margin-top:10px;border-radius:var(--r-tile);background:var(--white);box-shadow:var(--shadow-soft);overflow:hidden}
.hp-sede.aqui{outline:2px solid var(--sky-ink)}
.hp-sede-img{position:relative;flex:none;width:34%;max-width:140px;background:var(--bg-card)}
.hp-sede-img img{width:100%;height:100%;object-fit:cover}
.hp-sede-img .flag{position:absolute;left:6px;top:6px}
.hp-sede-tx{flex:1;min-width:0;padding:10px 12px 10px 0;display:flex;flex-direction:column;gap:3px}
.hp-sede-tx b{color:var(--navy);font-family:var(--tech);font-size:1.15rem;text-transform:uppercase}
.hp-sede-tx>small{color:var(--muted);font-size:.78rem;line-height:1.3}
.hp-sede-tx p{display:flex;gap:6px;align-items:flex-start;font-size:.78rem;color:var(--text);line-height:1.3}
.hp-sede-tx p svg{flex:none;width:14px;height:14px;margin-top:1px;color:var(--sky-ink)}
.hp-sede-tx p.urg{color:var(--red);font-weight:700}
.hp-sede-tx p.urg svg{color:var(--red)}

@media (max-width:340px){ .hp-esp{grid-template-columns:1fr} .hp-card-img,.hp-sede-img{width:30%} }
