/* procabell-lili — ventana de Lili ("Lili noche 2", docs/mockups/lili-noche2-ajustada.jpg) */
@font-face{font-family:'PCB Cormorant';src:url(fonts/cormorant-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
/* Outfit es variable: un solo archivo cubre 300, 400 y 500 */
@font-face{font-family:'PCB Outfit';src:url(fonts/outfit-var.woff2) format('woff2');font-weight:300 500;font-style:normal;font-display:swap}
.pcb-lili,.pcb-lili *{box-sizing:border-box}
.pcb-lili{--gold:#d6b65a;--gold2:#e2c56f;--ink:#efe9e2;--mut:#a39b94;font:300 14.2px/1.5 'PCB Outfit',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-align:left}
.pcb-lili button,.pcb-lili button:hover,.pcb-lili button:focus{font:inherit;line-height:1.2;text-transform:none;letter-spacing:inherit;border:0;border-radius:0;padding:0;margin:0;min-height:0;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none}
.pcb-lili button:focus-visible,.pcb-lili a:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.pcb-lili__serif{font-family:'PCB Cormorant',Georgia,serif;font-weight:500}
.pcb-lili svg{display:block}
/* botón flotante: copia del botón dorado de Joinchat que reemplaza (medido 2026-10-14: 60 px, #CAA843,
   a 14 px del borde en pantallas de hasta 480 px y a 28 px en las demás, dos anillos de pulso de 2 s) */
.pcb-lili .pcb-lili__launch,.pcb-lili .pcb-lili__launch:hover,.pcb-lili .pcb-lili__launch:focus{position:fixed;right:28px;bottom:28px;z-index:9000;width:60px;height:60px;border-radius:50%;background:#CAA843;color:#fff;display:grid;place-items:center;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);transform:scale(0);transition:transform .5s cubic-bezier(.18,.89,.32,1.28),background-color .2s linear}
.pcb-lili .pcb-lili__launch:hover{background:#b4953a}
.pcb-lili.is-ready .pcb-lili__launch{transform:scale(1)}
.pcb-lili.is-open .pcb-lili__launch{transform:scale(0)}
.pcb-lili .pcb-lili__launch:before,.pcb-lili .pcb-lili__launch:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;animation:pcbLiliPulse 2s ease infinite}
.pcb-lili .pcb-lili__launch:before{background:rgba(202,168,67,.4);z-index:-1}
.pcb-lili .pcb-lili__launch:after{background:rgba(202,168,67,.7);z-index:-2;animation-delay:1s}
@keyframes pcbLiliPulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.6);opacity:0}}
/* globo: "Hola, soy Lili" o, si ya conversaron, la línea corta de Lili para retomar */
.pcb-lili__tip{position:fixed;right:28px;bottom:110px;z-index:9000;max-width:252px;background:rgba(16,15,13,.94);border:1px solid rgba(214,182,90,.45);border-radius:18px 18px 6px 18px;padding:12px 14px;font-size:13.8px;line-height:1.45;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s,visibility 0s .35s;pointer-events:none}
.pcb-lili__tip.is-in{opacity:1;transform:none;pointer-events:auto;transition:opacity .35s,transform .35s,visibility 0s}
/* oculto de verdad (y su botón fuera del orden de tabulación) mientras no se muestra */
.pcb-lili__tip:not(.is-in),.pcb-lili__tip:not(.is-in) .pcb-lili__tipx{visibility:hidden}
.pcb-lili.is-open .pcb-lili__tip{display:none}
.pcb-lili__tip b{display:block;font-size:22px;line-height:1.1;margin-bottom:3px;color:#f6efe4}
.pcb-lili .pcb-lili__tipx,.pcb-lili .pcb-lili__tipx:hover,.pcb-lili .pcb-lili__tipx:focus{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:#2a2724;color:var(--mut);display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.pcb-lili .pcb-lili__tipx:hover{color:var(--ink)}
@media (max-width:480px){
	.pcb-lili .pcb-lili__launch,.pcb-lili .pcb-lili__launch:hover,.pcb-lili .pcb-lili__launch:focus{right:14px;bottom:14px}
	.pcb-lili__tip{right:14px;bottom:96px}
}
/* panel */
.pcb-lili__dim{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);opacity:0;pointer-events:none;transition:opacity .3s}
.pcb-lili__panel{position:fixed;z-index:99991;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(24,22,19,.92),rgba(12,11,10,.96));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(214,182,90,.45);box-shadow:0 -14px 50px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.pcb-lili.is-open .pcb-lili__panel{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.pcb-lili.is-open .pcb-lili__dim{opacity:1;pointer-events:auto}
@media (max-width:768px){.pcb-lili__panel{left:0;right:0;bottom:0;height:88vh;height:88dvh;border-radius:26px 26px 0 0;transform:translateY(40px)}}
@media (min-width:769px){.pcb-lili__dim{display:none}.pcb-lili__panel{right:20px;bottom:20px;width:380px;height:min(620px,calc(100vh - 40px));border-radius:22px;border:1px solid rgba(214,182,90,.38);transform:translateY(16px)}.pcb-lili__grab{display:none}}
/* brillo dorado SOLO dentro de la cabecera (antes se derramaba bajo la línea divisoria) */
.pcb-lili__panel:before{content:none}
.pcb-lili__grab{width:38px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);margin:9px auto 0;flex:0 0 auto;position:relative}
.pcb-lili__hd{display:flex;align-items:center;gap:12px;padding:10px 16px 13px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;flex:0 0 auto;background:radial-gradient(ellipse 75% 130% at 50% 0%,rgba(214,182,90,.17),transparent 72%)}
@media (max-width:768px){.pcb-lili__hd{margin-top:-13px;padding-top:23px}.pcb-lili__grab{position:relative;z-index:2}}
@media (min-width:769px){.pcb-lili__hd{padding-top:14px}}
.pcb-lili__t{flex:1;min-width:0}
.pcb-lili__name{font-size:19px;line-height:1.05;letter-spacing:.3px;color:#f6efe4}
.pcb-lili__st{font-size:11.5px;color:var(--mut);margin-top:3px;letter-spacing:.3px}
/* «Nueva conversación»: enlace discreto junto a «En línea» (con confirmación en línea) */
.pcb-lili .pcb-lili__lk,.pcb-lili .pcb-lili__lk:hover,.pcb-lili .pcb-lili__lk:focus{display:inline;background:transparent;color:#bfa863;font-size:11.5px;line-height:inherit;letter-spacing:.3px;text-decoration:underline;text-decoration-color:rgba(191,168,99,.45);text-underline-offset:2px;padding:6px 3px;margin:-6px -3px}
.pcb-lili .pcb-lili__lk:hover{color:var(--gold2);text-decoration-color:currentColor}
.pcb-lili .pcb-lili__x,.pcb-lili .pcb-lili__x:hover,.pcb-lili .pcb-lili__x:focus{width:36px;height:36px;display:grid;place-items:center;background:transparent;color:var(--mut);border-radius:50%}
.pcb-lili .pcb-lili__x:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.pcb-lili__av{border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,#2a2620,#0c0b09);box-shadow:0 0 0 1.5px var(--gold),0 0 16px rgba(214,182,90,.25)}
.pcb-lili .pcb-lili__av img{display:block;width:auto;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
.pcb-lili__av i{position:absolute;right:-1px;bottom:-1px;width:26%;height:26%;border-radius:50%;background:#34c46c;box-shadow:0 0 0 2px #15130f}
.pcb-lili__msgs{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 14px 8px;display:flex;flex-direction:column;gap:6px;position:relative;scrollbar-width:thin;scrollbar-color:rgba(214,182,90,.35) transparent}
.pcb-lili__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pcb-lili__day{font-size:10.5px;color:#8f8882;text-align:center;letter-spacing:.6px;margin-bottom:8px}
.pcb-lili__priv{font-size:10.8px;color:#8f8882;text-align:center;margin:-4px 0 10px;line-height:1.5}
.pcb-lili .pcb-lili__priv a,.pcb-lili .pcb-lili__priv a:hover,.pcb-lili .pcb-lili__priv a:focus{color:#cdb46a;text-decoration:none;border-bottom:1px solid currentColor}
.pcb-lili .pcb-lili__priv a:hover{color:var(--gold2)}
.pcb-lili__g{display:flex;gap:9px;align-items:flex-end;margin-bottom:7px}
.pcb-lili__col{display:flex;flex-direction:column;gap:5px;max-width:80%;min-width:0}
.pcb-lili__bb{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.07);padding:11px 14px;border-radius:18px;color:#ece6df;overflow-wrap:anywhere}
.pcb-lili__bb b{font-weight:500;color:#f3dc95}
.pcb-lili__col>.pcb-lili__bb:last-child,.pcb-lili__col>.pcb-lili__card:last-child{border-bottom-left-radius:6px}
.pcb-lili__u{align-self:flex-end;max-width:78%;background:rgba(255,255,255,.14);color:#f4efe8;border:1px solid rgba(255,255,255,.18);padding:11px 14px;border-radius:18px 18px 6px 18px;line-height:1.45;margin-bottom:7px;font-weight:400;display:flex;gap:8px;overflow-wrap:anywhere}
.pcb-lili__u svg{flex:0 0 auto;margin-top:2px;opacity:.55}
.pcb-lili__chips{display:flex;flex-wrap:wrap;gap:7px;margin-left:39px}
.pcb-lili .pcb-lili__chip,.pcb-lili .pcb-lili__chip:hover,.pcb-lili .pcb-lili__chip:focus{border:1px solid rgba(214,182,90,.45);background:rgba(214,182,90,.06);color:#ecd38b;border-radius:999px;padding:8px 13px;font-size:12.8px;line-height:1.5;letter-spacing:.15px;transition:background-color .2s,border-color .2s}
.pcb-lili .pcb-lili__chip:hover{background:rgba(214,182,90,.14);border-color:rgba(214,182,90,.7)}
.pcb-lili__card{border-radius:16px;padding:14px 15px 12px;background:rgba(255,255,255,.045);border:1px solid rgba(214,182,90,.38)}
.pcb-lili__ct{display:flex;align-items:center;gap:9px;font-size:22px;line-height:1.2;margin-bottom:8px;color:#f6efe4}
.pcb-lili__ct svg{color:var(--gold);flex:0 0 auto}
.pcb-lili__r{display:flex;justify-content:space-between;gap:12px;font-size:12.6px;padding:5px 0;color:#9d958e;border-top:1px solid rgba(255,255,255,.07)}
.pcb-lili__r span{flex:0 0 auto}
.pcb-lili__r b{color:var(--ink);font-weight:400;text-align:right}
.pcb-lili a.pcb-lili__wa,.pcb-lili a.pcb-lili__wa:hover,.pcb-lili a.pcb-lili__wa:focus,.pcb-lili a.pcb-lili__wa:visited{display:flex;align-items:center;justify-content:center;gap:9px;background:#25D366;color:#fff;border-radius:999px;padding:12px;font-size:13.8px;line-height:1.3;font-weight:500;text-decoration:none;box-shadow:0 4px 16px rgba(37,211,102,.3);transition:background-color .2s}
.pcb-lili a.pcb-lili__wa:hover{background:#1fbd5a}
.pcb-lili__card .pcb-lili__wa{margin-top:12px}
.pcb-lili__nt{text-align:center;font-size:11px;color:#9d958e;margin-top:8px}
/* Tarjeta del pedido: mismo lenguaje que la de la cita; el nombre del producto puede ocupar dos líneas */
.pcb-lili__order .pcb-lili__r span{flex:1 1 auto;min-width:0;color:#d9d2ca}
.pcb-lili__order .pcb-lili__r span i{font-style:normal;color:#cdb46a;white-space:nowrap}
.pcb-lili__order .pcb-lili__r span em{display:block;font-style:normal;font-size:11px;color:#9d958e;margin-top:1px}
.pcb-lili__order .pcb-lili__r b{flex:0 0 auto;white-space:nowrap}
.pcb-lili__order .pcb-lili__tot{padding-top:7px;border-top-color:rgba(214,182,90,.3)}
.pcb-lili__order .pcb-lili__tot span{color:#9d958e}
.pcb-lili__order .pcb-lili__tot b{font-weight:500;font-size:14px;color:#f3dc95}
.pcb-lili__order .pcb-lili__ent span{flex:0 0 auto;color:#9d958e}
.pcb-lili__order .pcb-lili__ent b{flex:0 1 auto;white-space:normal;text-align:right;overflow-wrap:anywhere}
.pcb-lili__typing{display:flex;gap:5px;padding:14px 16px}
.pcb-lili__typing i{width:6px;height:6px;border-radius:50%;background:#cdb46a;animation:pcbLiliDot 1.2s infinite ease-in-out}
.pcb-lili__typing i:nth-child(2){animation-delay:.15s}.pcb-lili__typing i:nth-child(3){animation-delay:.3s}
@keyframes pcbLiliDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.pcb-lili__wait{height:16px;margin:5px 0 0 4px;font:300 12px/16px 'PCB Outfit',system-ui,sans-serif;color:#9d958e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .4s ease}
.pcb-lili__wait.is-on{opacity:1}
.pcb-lili .pcb-lili__bar{display:flex;gap:9px;align-items:center;padding:10px 12px calc(20px + env(safe-area-inset-bottom));margin:0;position:relative;flex:0 0 auto;background:none;border:0}
.pcb-lili input.pcb-lili__in,.pcb-lili input.pcb-lili__in:focus{flex:1;min-width:0;width:auto;height:46px;margin:0;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--ink);font:300 16px/1 'PCB Outfit',system-ui,sans-serif;outline:none;box-shadow:none}
.pcb-lili input.pcb-lili__in:focus{border-color:rgba(214,182,90,.5)}
.pcb-lili input.pcb-lili__in::placeholder{color:#8f8882;opacity:1}
@media (min-width:769px){.pcb-lili input.pcb-lili__in,.pcb-lili input.pcb-lili__in:focus{font-size:14.5px}}
.pcb-lili .pcb-lili__bt,.pcb-lili .pcb-lili__bt:hover,.pcb-lili .pcb-lili__bt:focus{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;transition:background-color .2s,filter .2s}
.pcb-lili .pcb-lili__mic,.pcb-lili .pcb-lili__mic:hover,.pcb-lili .pcb-lili__mic:focus{background:transparent;color:var(--gold2);border:1px solid rgba(214,182,90,.5)}
.pcb-lili .pcb-lili__mic:hover{background:rgba(214,182,90,.1)}
.pcb-lili .pcb-lili__mic.is-on{background:rgba(214,182,90,.18);animation:pcbLiliMic 1.2s infinite}
@keyframes pcbLiliMic{50%{box-shadow:0 0 0 6px rgba(214,182,90,.15)}}
.pcb-lili .pcb-lili__snd,.pcb-lili .pcb-lili__snd:hover,.pcb-lili .pcb-lili__snd:focus{background:linear-gradient(135deg,#e6cb78,#b48f35);color:#17140f}
.pcb-lili .pcb-lili__snd:hover{filter:brightness(1.08)}
.pcb-lili .pcb-lili__snd:disabled{opacity:.5;cursor:default;filter:none}
@media (prefers-reduced-motion:reduce){.pcb-lili *,.pcb-lili *:before,.pcb-lili *:after{animation:none!important;transition:none!important}}