/* Nails — scoped to avoid changing the site's forms, navigation or language content. */
.nails-chat{--nails-bottom:24px;--nails-inset:0px;position:relative;z-index:55;font:400 14px/1.5 var(--sans,system-ui,sans-serif);color:#0c1d33}
.nails-chat [hidden],.nails-chat[hidden]{display:none!important}
.nails-chat *{box-sizing:border-box}
.nails-chat button,.nails-chat textarea{font:inherit}
.nails-chat button{cursor:pointer}
.nails-chat button:disabled{cursor:wait;opacity:.5}
.nails-chat :is(button,a,textarea):focus-visible{outline:3px solid #568cd1;outline-offset:3px}
.nails-chat__launcher{position:fixed;right:24px;bottom:var(--nails-bottom);display:flex;align-items:center;gap:10px;min-height:56px;padding:14px 22px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#0b1f3a;color:#fff;box-shadow:0 8px 28px rgba(11,31,58,.2);font-weight:600}
.nails-chat__launcher svg{width:23px;height:23px}
.nails-chat__panel{position:fixed;right:24px;bottom:calc(92px + var(--nails-inset));display:flex;flex-direction:column;width:min(390px,calc(100% - 32px));height:560px;max-height:calc(var(--nails-viewport-height,100dvh) - 108px);overflow:hidden;border:1px solid #dbe4f0;border-radius:20px;background:#fff;box-shadow:0 20px 70px rgba(11,31,58,.22);isolation:isolate}
.nails-chat__header{display:flex;align-items:center;gap:12px;flex:none;padding:18px;background:#0b1f3a;color:#fff}
.nails-chat__avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font:400 26px/1 var(--serif,Georgia,serif)}
.nails-chat__header h2{margin:0;color:#fff;font:500 20px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:0}
.nails-chat__header p{margin:3px 0 0;color:#d7e3f3;font-size:11px;line-height:1.4}
.nails-chat__close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;border:0;border-radius:50%;background:transparent;color:#fff}
.nails-chat__close svg{width:22px;height:22px}
.nails-chat__close:hover{background:rgba(255,255,255,.12)}
.nails-chat__conversation{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px;background:#f6f8fb;scroll-padding-block:16px}
.nails-chat__welcome{margin:0 0 16px;color:#3e4c60;font-size:14px;line-height:1.6}
.nails-chat__messages{display:flex;flex-direction:column;gap:12px}
.nails-chat__message{max-width:92%;padding:11px 14px;border:1px solid #e0e7f0;border-radius:14px 14px 14px 4px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;color:#0c1d33;line-height:1.6}
.nails-chat__message--user{align-self:flex-end;border-color:#173b69;border-radius:14px 14px 4px 14px;background:#173b69;color:#fff}
.nails-chat__message--pending{opacity:.72}
.nails-chat__typing{display:flex;align-items:center;gap:9px;margin:14px 0 0;color:#53657d;font-size:12px}
.nails-chat__typing>span:first-child{display:flex;gap:3px}
.nails-chat__typing i{width:4px;height:4px;border-radius:50%;background:#53657d;animation:nails-pulse 1.2s ease-in-out infinite}
.nails-chat__typing i:nth-child(2){animation-delay:.15s}.nails-chat__typing i:nth-child(3){animation-delay:.3s}
.nails-chat__starters{display:flex;flex-wrap:wrap;gap:7px;flex:none;padding:12px 16px 0}
.nails-chat__starters button{min-height:36px;padding:6px 10px;border:1px solid #ccd9ea;border-radius:8px;background:#fff;color:#173b69;font-size:12px}
.nails-chat__starters button:hover{background:#edf3fb}
.nails-chat__feedback{flex:none;padding:12px 16px 0;color:#8e3426;font-size:12px}
.nails-chat__status{margin:0;overflow-wrap:anywhere}
.nails-chat__retry{min-height:36px;padding:4px 0;border:0;background:transparent;color:#173b69;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.nails-chat__form{display:flex;align-items:flex-end;gap:8px;flex:none;margin:0;padding:12px 16px 10px}
.nails-chat__form textarea{display:block;width:100%;min-width:0;max-height:120px;resize:none;padding:10px 12px;border:1px solid #bbc9dc;border-radius:10px;background:#fff;color:#0c1d33;font-size:16px;line-height:1.4}
.nails-chat__form textarea::placeholder{color:#66748a;opacity:1}
.nails-chat__form textarea[readonly]{background:#f6f8fb}
.nails-chat__send{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;border:0;border-radius:10px;background:#173b69;color:#fff}
.nails-chat__send svg{width:21px;height:21px}
.nails-chat__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;flex:none;padding:0 12px 13px;color:#66748a;font-size:10px;line-height:1.6}
.nails-chat__footer a{color:#3e4c60;text-decoration:underline;text-underline-offset:2px}
.nails-chat__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
@keyframes nails-pulse{0%,80%,100%{opacity:.35}40%{opacity:1}}
@media(max-width:760px){
  .nails-chat{--nails-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .nails-chat__launcher{right:16px;min-height:50px;padding:12px 17px}
  .nails-chat.is-open .nails-chat__launcher{visibility:hidden}
  .nails-chat__panel{left:12px;right:12px;bottom:calc(var(--nails-bottom) + var(--nails-inset));width:auto;height:560px;max-height:calc(var(--nails-viewport-height,100dvh) - var(--nails-bottom) - 12px - env(safe-area-inset-top,0px));border-radius:16px}
  .nails-chat__header{padding:12px 14px}
  .nails-chat__conversation{padding:14px}
  .nails-chat__form{padding:10px 12px 8px}
  .nails-chat__footer{padding-bottom:10px}
  .nails-chat.has-keyboard{--nails-bottom:8px}
  .nails-chat.has-keyboard .nails-chat__starters{display:none}
}
@media(prefers-reduced-motion:reduce){.nails-chat__typing i{animation:none}}

/* Cara de Nails en el boton y en el encabezado (Ramon, 28-sep-2026) */
.nails-chat__launcher{padding:6px 22px 6px 6px}
.nails-chat__facewrap{position:relative;display:inline-flex;flex:none}
.nails-chat__face{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #D4A843;display:block}
.nails-chat__facewrap::after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #0b1f3a}
.nails-chat__avatar{overflow:hidden;padding:0}
.nails-chat__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
@media (max-width:760px){.nails-chat__launcher{padding:5px 17px 5px 5px}.nails-chat__face{width:40px;height:40px}}