/* Paula v2 · chat de anatudela.es. Mismo estilo que el chat que tenía la web (negro y dorado, botón redondo abajo a la
   derecha), mejorado para clientas mayores: letra más grande, contraste alto y botones fáciles de pulsar. */
.paula-lanzador,.paula-panel,.paula-panel *,.paula-lanzador *{box-sizing:border-box}

/* ── Botón redondo (como el de antes) ── */
.paula-lanzador{position:fixed;bottom:1.8rem;right:1.8rem;z-index:890;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,#e3cda3,#a98a5f);color:#060606;display:flex;align-items:center;justify-content:center;padding:0;
  box-shadow:0 10px 30px rgba(201,169,129,.45);transition:transform .35s,box-shadow .35s}
.paula-lanzador:hover{transform:scale(1.08);box-shadow:0 14px 40px rgba(201,169,129,.55)}
.paula-lanzador svg{width:24px;height:24px}
.paula-lanzador .paula-x{font:400 26px/1 'Roboto',system-ui,sans-serif}
.paula-aviso{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:#e0564f;border-radius:50%;border:2px solid #060606;animation:paula-aviso 2s ease-in-out infinite}
@keyframes paula-aviso{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
.paula-etiqueta{position:absolute;right:0;bottom:calc(100% + 10px);white-space:nowrap;padding:.45rem .8rem;border-radius:999px;
  background:#060606;color:#e3cda3;border:1px solid rgba(201,169,129,.45);font:500 14px/1 'Roboto',system-ui,sans-serif;pointer-events:none;
  box-shadow:0 8px 20px rgba(0,0,0,.35)}
.paula-lanzador.abierto .paula-etiqueta,.paula-lanzador.abierto .paula-aviso{display:none}
/* el botón de WhatsApp de la web se aparta para dejar sitio a Paula (como en la web de antes) */
.float-wapp{right:6rem!important}

/* ── Ventana ── */
.paula-panel{position:fixed;bottom:6.4rem;right:1.8rem;z-index:10000;width:390px;height:min(620px,calc(100vh - 8.5rem));
  background:#121212;border:1px solid rgba(201,169,129,.25);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.7);
  display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;text-align:left;letter-spacing:normal;
  color:#f5f1ea;font:400 17px/1.55 'Roboto',system-ui,sans-serif;animation:paula-entrar .35s cubic-bezier(.34,1.56,.64,1)}
.paula-panel[hidden]{display:none}
@keyframes paula-aparecer{from{opacity:0}to{opacity:1}}
@keyframes paula-entrar{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}

.paula-cabecera{background:linear-gradient(135deg,#a98a5f,#e3cda3);padding:.9rem 1rem;display:flex;align-items:center;gap:.8rem;flex-shrink:0;color:#060606}
.paula-avatar{width:44px;height:44px;border-radius:50%;background:#060606;color:#e3cda3;display:flex;align-items:center;justify-content:center;
  font:italic 400 23px/1 'Zen Maru Gothic',Georgia,serif;flex:0 0 auto;border:1px solid rgba(6,6,6,.25)}
.paula-cabecera .paula-nombre{font:500 20px/1.15 'Zen Maru Gothic',system-ui,sans-serif;color:#060606;margin:0}
.paula-cabecera .paula-sub{white-space:nowrap;font-size:13px;color:rgba(6,6,6,.72);margin:.15rem 0 0;display:flex;align-items:center;gap:.35rem}
.paula-avatar{position:relative;overflow:hidden}
.paula-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.paula-foto{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}
.paula-foto svg{position:absolute}
.paula-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.paula-lanzador{overflow:visible}
.paula-punto-verde{width:8px;height:8px;background:#1f9d4d;border-radius:50%;display:inline-block}
.paula-reportar{margin-left:auto;display:flex;align-items:center;gap:.3rem;background:rgba(6,6,6,.14);border:1px solid rgba(6,6,6,.2);color:rgba(6,6,6,.78);
  padding:.35rem .6rem;border-radius:999px;font:500 12px/1 'Roboto',system-ui,sans-serif;cursor:pointer;transition:background .2s}
.paula-reportar:hover{background:rgba(6,6,6,.26);color:#060606}
.paula-reportar svg{width:14px;height:14px}
.paula-cerrar{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#060606;font-size:24px;line-height:1;cursor:pointer;flex:0 0 auto}
.paula-cerrar:hover{background:rgba(6,6,6,.14)}

.paula-mensajes{flex:1;min-height:120px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.1rem;display:flex;
  flex-direction:column;gap:.8rem;scrollbar-width:thin;scrollbar-color:rgba(201,169,129,.35) transparent}
.paula-mensajes::-webkit-scrollbar{width:4px}.paula-mensajes::-webkit-scrollbar-thumb{background:rgba(201,169,129,.35);border-radius:4px}
.paula-burbuja{max-width:86%;padding:.75rem 1rem;border-radius:14px;word-wrap:break-word;overflow-wrap:anywhere;animation:paula-msg .3s ease}
@keyframes paula-msg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.paula-burbuja.paula{align-self:flex-start;background:rgba(245,241,234,.08);border:1px solid rgba(245,241,234,.1);color:#f5f1ea;border-bottom-left-radius:4px}
.paula-burbuja.clienta{align-self:flex-end;background:linear-gradient(135deg,#a98a5f,#c9a981);color:#060606;font-weight:500;border-bottom-right-radius:4px}
.paula-burbuja.error{align-self:flex-start;background:rgba(224,86,79,.12);border:1px solid rgba(224,86,79,.4);color:#f5d6d3}
.paula-burbuja a{color:#e3cda3;text-decoration:underline;font-weight:500}
.paula-burbuja.clienta a{color:#060606}
.paula-escribiendo{align-self:flex-start;display:flex;gap:5px;align-items:center;padding:1rem 1.1rem;border-radius:14px;border-bottom-left-radius:4px;
  background:rgba(245,241,234,.08);border:1px solid rgba(245,241,234,.1)}
.paula-escribiendo i{width:7px;height:7px;background:#c9a981;border-radius:50%;animation:paula-bote 1.4s ease-in-out infinite}
.paula-escribiendo i:nth-child(2){animation-delay:.2s}.paula-escribiendo i:nth-child(3){animation-delay:.4s}
@keyframes paula-bote{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}

/* ── Botones rápidos (debajo de la conversación, como antes) ── */
.paula-rapidos{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem;max-height:34vh;overflow-y:auto;overscroll-behavior:contain;flex-shrink:0;
  border-top:1px solid rgba(245,241,234,.08);align-content:flex-start}
.paula-rapidos:empty{display:none}
.paula-opcion{background:rgba(201,169,129,.12);border:1px solid rgba(201,169,129,.4);color:#e3cda3;padding:.55rem 1rem;min-height:40px;
  font:500 15px/1.2 'Roboto',system-ui,sans-serif;border-radius:999px;cursor:pointer;transition:all .2s ease;text-align:left}
.paula-opcion:hover{background:#c9a981;color:#060606;border-color:#c9a981;box-shadow:0 4px 14px rgba(201,169,129,.35);transform:translateY(-1px)}

/* ── Escribir ── */
.paula-pie{border-top:1px solid rgba(245,241,234,.08);padding:.8rem .9rem .55rem;flex-shrink:0}
.paula-formulario{display:flex;gap:.55rem;align-items:flex-end;margin:0}
.paula-formulario textarea{flex:1;min-height:46px;max-height:130px;resize:none;background:rgba(245,241,234,.06);border:1px solid rgba(245,241,234,.16);
  color:#f5f1ea;padding:.7rem .9rem;border-radius:10px;outline:none;font:400 17px/1.4 'Roboto',system-ui,sans-serif;transition:border-color .3s}
.paula-formulario textarea:focus{border-color:rgba(201,169,129,.6)}
.paula-formulario textarea::placeholder{color:rgba(245,241,234,.45)}
.paula-enviar{width:46px;height:46px;flex:0 0 auto;border:0;border-radius:10px;background:#c9a981;color:#060606;cursor:pointer;display:flex;
  align-items:center;justify-content:center;transition:all .25s;padding:0}
.paula-enviar:hover{background:#e3cda3;transform:scale(1.05)}
.paula-enviar svg{width:20px;height:20px}
.paula-enviar:disabled,.paula-formulario textarea:disabled{opacity:.5;cursor:default;transform:none}
.paula-nota{margin:.5rem .1rem 0;font-size:12.5px;color:rgba(245,241,234,.55);line-height:1.4}
.paula-nota a{color:#e3cda3}

/* 24/10/2026 (Ana: «el cursor se pierde»): dentro del chat SIEMPRE el cursor normal, aunque la web ponga uno propio */
.paula-panel,.paula-panel *{cursor:auto!important}
.paula-panel button,.paula-panel a,.paula-panel .paula-opcion,.paula-lanzador{cursor:pointer!important}
.paula-panel textarea{cursor:text!important;caret-color:#e3cda3}
.paula-panel button:disabled,.paula-panel textarea:disabled{cursor:default!important}

.paula-lanzador:focus-visible,.paula-panel button:focus-visible,.paula-panel textarea:focus-visible{outline:3px solid #e3cda3;outline-offset:2px}

@media (max-width:560px){
  .paula-panel{top:0;right:0;bottom:0;left:0;width:100vw;height:auto;border-radius:0;border:0;font-size:18px;animation:paula-aparecer .25s ease}
  .paula-formulario textarea{font-size:18px}
  .paula-opcion{font-size:16px;min-height:44px}
  .paula-lanzador{right:1rem;bottom:1.2rem}
  .paula-lanzador.abierto{display:none}
  .float-wapp{right:5.2rem!important;bottom:1.2rem!important}
  .paula-etiqueta{display:none}
}
@media (prefers-reduced-motion:reduce){
  .paula-panel,.paula-burbuja{animation:none}.paula-aviso,.paula-escribiendo i{animation:none}.paula-lanzador{transition:none}
}