/* Identidad del chat de Basement: navy, azul y dorado de su web. */
body:has(.basement-chat){background:radial-gradient(ellipse at 15% 0%,#41638555,transparent 55%),linear-gradient(135deg,#101824f5,#152b40e6),url('/assets/branding/basement-pool.jpg') center/cover fixed;min-height:100dvh}
.basement-chat{max-width:760px;margin:30px auto;border:1px solid #ffffff25;border-radius:28px;background:#fff;box-shadow:0 25px 80px #0004;overflow:hidden}
.basement-chat header{background:#101824;padding:24px 32px;border-bottom:2px solid #d2b777;gap:18px}
.basement-chat header img{width:190px;max-width:55%;height:auto}
.basement-chat header .badge{background:#d2b77714;color:#e4cf9e;border:1px solid #d2b77735;font-size:10px;letter-spacing:.3px;padding:7px 10px}
.basement-chat section{padding:0 32px 25px}
.basement-chat .chat-intro{margin:0 -32px;padding:30px 32px;background:linear-gradient(90deg,#0d1b2dec,#0d1b2d99),url('/assets/branding/basement-pool.jpg') center 60%/cover;border:0;min-height:175px;gap:20px}
.basement-chat .chat-intro .eyebrow{color:#dcc58e;font-size:8px;letter-spacing:1.8px;margin-bottom:12px}
.basement-chat .chat-intro h1{color:#fff;font-size:30px;line-height:1.2;letter-spacing:-1px}
.basement-chat .chat-intro img{width:100px;height:114px;filter:drop-shadow(0 5px 12px #0003)}
.basement-chat .chat-language{color:#65707a;font-size:11px;margin-top:22px}
.basement-chat .chat-language select{border:1px solid #d9dee4;color:#26364b;background:#fff;border-radius:7px;padding:9px 12px}
.basement-chat .quick-questions{margin:18px 0;gap:8px}
.basement-chat .quick-questions button{background:#fff;color:#243b59;border:1px solid #d9dee4;border-radius:7px;font-size:11px;padding:10px 13px}
.basement-chat .quick-questions button:hover{background:#eef3fb;border-color:#2b4ed9}
.basement-chat .quick-questions .icon{color:#2b4ed9}
.basement-chat .chat-bubble{background:#f2f4f6;color:#26364b;border:1px solid #e6e9ed;border-radius:12px 12px 12px 2px;font-size:13px;line-height:1.8;padding:18px}
.basement-chat .chat-bubble.user{background:#2b4ed9;color:#fff;border:0;border-radius:12px 12px 2px 12px}
.basement-chat .chat-sources{color:#56677b;border-color:#dce1e7;font-size:10px;line-height:1.7}
.basement-chat .chat-input{margin-top:22px;gap:9px}
.basement-chat .chat-input input{background:#fff;color:#26364b;border:1px solid #cbd3dd;border-radius:8px;font-size:13px;padding:15px 14px;min-width:0}
.basement-chat .chat-input input::placeholder{color:#758293}
.basement-chat .chat-input button{background:#2b4ed9;color:#fff;border-radius:8px;padding:14px}
.basement-chat .chat-input button:hover{background:#355dea}
.basement-chat .hint{color:#65707a;font-size:10px;line-height:1.7;margin-top:14px}
.basement-chat footer{background:#fafafa;color:#667181;font-size:10px;border-color:#e5e8ec;padding:17px 25px}
.basement-chat footer a{color:#294a8f}
.basement-chat header{padding:20px 30px;border-bottom:0}.basement-chat header img{width:175px}.basement-chat .reception-status{color:#f5e6c6;background:#ffffff08;border-color:#d2b77730}.basement-chat .chat-intro{padding:28px 32px;min-height:185px;background:linear-gradient(100deg,#f4f7fc 0%,#eef3fb 70%,#f9f1de 100%);position:relative;overflow:hidden}.basement-chat .chat-intro h1{font-size:34px;color:#182b43;letter-spacing:-1.3px;line-height:1.18}.basement-chat .chat-intro .eyebrow{color:#627593;letter-spacing:1.4px;font-size:8px;margin-bottom:12px}.basement-chat .chat-intro-copy{color:#5e7190;font-size:13px}.basement-chat .chat-intro .chat-mascot{flex:0 0 140px;background:radial-gradient(circle at 50% 40%,#fff7dd,#ecd9a7);border:1px solid #fff9;box-shadow:0 8px 30px #beaa7120;border-radius:45% 55% 46% 54%;padding:8px 6px;transform:rotate(3deg)}.basement-chat .chat-intro img{width:100px;height:114px;transform:rotate(-3deg)}.basement-chat .mascot-caption{color:#5a4c34;border-color:#e8dab8;transform:rotate(-3deg);font-size:9px}.basement-chat .mascot-spark{color:#ad8740;right:-7px;top:2px}.basement-chat .chat-tools{margin-top:20px}.basement-chat .chat-tools>span{color:#697a92}.basement-chat .chat-tools .chat-language{margin:0}.basement-chat .quick-questions{margin:12px 0 18px;gap:8px}.basement-chat .quick-questions button{border-radius:14px;background:#f8faff;border-color:#e1e7f0;font-size:12px;padding:12px;min-height:59px}.basement-chat .quick-questions button:nth-child(4){background:#fdf8ec;border-color:#efe2bd;color:#665127}.basement-chat .quick-questions button:nth-child(5){background:#f1f1fe;border-color:#e3e2f8;color:#55528b}.basement-chat .quick-questions small{font-size:9px;opacity:1;color:#6e7d92}.basement-chat .quick-questions button:hover{background:#edf2fd;border-color:#a4b7eb}.basement-chat .chat-bubble{background:#f3f6fa;border-color:#e8edf4;border-radius:19px 19px 19px 5px;font-size:13px;line-height:1.75;padding:17px 19px}.basement-chat .chat-greeting:before{content:'✦ TU RECEPCIONISTA';display:block;font-size:8px;letter-spacing:1.3px;color:#637d9d;font-weight:600;margin-bottom:8px}.basement-chat .chat-bubble.user{background:linear-gradient(135deg,#2b4ed9,#365fea);border-radius:19px 19px 5px 19px;box-shadow:0 4px 12px #2b4ed91a}.basement-chat .chat-input{border:1px solid #dce3ee;border-radius:19px;padding:6px;background:#fff;box-shadow:0 6px 22px #1d33550a}.basement-chat .chat-input input{border:0;border-radius:14px;background:transparent;padding:13px 10px}.basement-chat .chat-input button{border-radius:13px;background:#2b4ed9;padding:10px}.basement-chat .chat-input:focus-within{outline-color:#a6b7ee}.basement-chat .chat-disclaimer{font-size:9px;color:#77859b;margin:12px 0 0}.basement-chat footer{background:#fafbfd;padding:13px;font-size:9px;text-align:center}.basement-chat #chat-messages{scrollbar-color:#ccd7e6 transparent}
.basement-chat button:focus-visible,.basement-chat input:focus-visible,.basement-chat select:focus-visible,.basement-chat a:focus-visible{outline:2px solid #c3a35d;outline-offset:3px}
body.embedded:has(.basement-chat){background:#fff}
.embedded .basement-chat{margin:0;border:0;border-radius:0;box-shadow:none;max-width:none}
.embedded .basement-chat header{background:#101824;padding:15px 20px}
.embedded .basement-chat header img{max-width:140px}
.embedded .basement-chat section{padding:0 20px 20px}
.embedded .basement-chat .chat-intro{margin:0 -20px;padding:22px 20px;min-height:145px;gap:10px}
.embedded .basement-chat .chat-intro h1{font-size:23px}
.embedded .basement-chat .chat-intro img{width:65px;height:80px}
.embedded .basement-chat .chat-bubble{font-size:12px;padding:15px}
.embedded .basement-chat .quick-questions button{font-size:10px;padding:8px 9px}
@media(max-width:600px){.basement-chat{margin:14px 12px;border-radius:12px}.basement-chat header{padding:19px 20px}.basement-chat header img{max-width:145px}.basement-chat section{padding:0 20px 22px}.basement-chat .chat-intro{margin:0 -20px;padding:25px 20px;gap:12px;min-height:165px}.basement-chat .chat-intro h1{font-size:25px}.basement-chat .chat-intro img{width:70px;height:88px}.basement-chat .quick-questions{gap:6px}.basement-chat .quick-questions button{font-size:10px;padding:9px 10px}.basement-chat .chat-bubble{font-size:12px;padding:15px}.basement-chat header .badge{font-size:9px}}
@media(max-width:600px){.basement-chat{margin:12px;border-radius:23px}.basement-chat .chat-intro .chat-mascot{flex-basis:90px;padding:8px 3px}.basement-chat .chat-intro h1{font-size:28px}.basement-chat .chat-intro-copy{font-size:11px}.basement-chat .chat-intro .eyebrow{font-size:7px;letter-spacing:.9px}.basement-chat .mascot-caption{font-size:7px;padding:5px}.basement-chat .quick-questions button{font-size:11px;min-height:54px;padding:10px}.basement-chat .quick-questions small{font-size:8px}.basement-chat .chat-input input{font-size:12px}.basement-chat header img{max-width:135px}.basement-chat .reception-status{font-size:9px;padding:7px 9px}.basement-chat .chat-tools .chat-language{font-size:9px}.basement-chat section{padding-bottom:16px}}
.embedded .basement-chat .chat-intro .chat-mascot{flex-basis:85px}.embedded .basement-chat .chat-intro-copy{font-size:11px}.embedded .basement-chat .mascot-caption{font-size:7px}.embedded .basement-chat .chat-tools{margin-top:15px}.embedded .basement-chat .quick-questions{grid-template-columns:repeat(2,minmax(0,1fr))}.embedded .basement-chat .chat-intro h1{font-size:25px}