/*
 * Hub 0.9.58.41 — Asistente HR Express en la web (el mismo asistente de WhatsApp). Todo con prefijo .hrx-asis para no
 * tocar el resto de la página. Con el botón flotante de WhatsApp (.wa-float: 56 px a 28 px del borde; 52 px a 14 px en
 * teléfono) la burbuja del asistente va ENCIMA de él (.hrx-asis--sobre-wa), así los dos se pueden tocar en 360 px.
 */
.hrx-asis{--asis-navy:#1b2a4a;--asis-ink:#22293a;--asis-muted:#5b6476;--asis-line:#e3e7ee;--asis-soft:#f5f7fa;--asis-orange:#f26a1b;--asis-wa:#25d366;--asis-wa-ink:#073b1c;font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.45;color:var(--asis-ink)}
.hrx-asis *,.hrx-asis *::before,.hrx-asis *::after{box-sizing:border-box}
.hrx-asis [hidden]{display:none !important}

.hrx-asis .hrx-asis-launcher{position:fixed;right:28px;bottom:28px;z-index:901;width:56px;height:56px;margin:0;padding:0;border:0;border-radius:50%;background:var(--asis-navy);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px rgba(27,42,74,.45)}
.hrx-asis.hrx-asis--sobre-wa .hrx-asis-launcher{bottom:96px}
.hrx-asis .hrx-asis-tip{position:fixed;right:94px;bottom:41px;z-index:901;margin:0;padding:5px 10px;border:1px solid var(--asis-line);border-radius:10px;background:#fff;color:var(--asis-navy);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px rgba(27,42,74,.18)}
.hrx-asis.hrx-asis--sobre-wa .hrx-asis-tip{bottom:109px}
.hrx-asis .hrx-asis-tip[hidden]{display:none}
.hrx-asis .hrx-asis-launcher svg{width:28px;height:28px;fill:#fff}
.hrx-asis .hrx-asis-launcher .hrx-asis-dot{fill:var(--asis-navy)}
.hrx-asis .hrx-asis-launcher[aria-expanded="true"]{background:var(--asis-orange)}
.hrx-asis .hrx-asis-launcher[aria-expanded="true"] .hrx-asis-dot{fill:var(--asis-orange)}

.hrx-asis .hrx-asis-panel{position:fixed;right:28px;bottom:96px;z-index:1002;width:370px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 112px);display:flex;flex-direction:column;margin:0;padding:0;background:#fff;border:1px solid var(--asis-line);border-radius:16px;box-shadow:0 12px 40px rgba(27,42,74,.28);overflow:hidden}
.hrx-asis.hrx-asis--sobre-wa .hrx-asis-panel{bottom:164px;max-height:calc(100vh - 180px)}
.hrx-asis .hrx-asis-panel:focus{outline:none}

.hrx-asis .hrx-asis-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 8px 10px 16px;background:var(--asis-navy);color:#fff;flex:none}
.hrx-asis .hrx-asis-title{margin:0;font-size:17px;font-weight:700;color:#fff}
.hrx-asis .hrx-asis-close{width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:inherit;font-size:28px;line-height:1;cursor:pointer}

.hrx-asis .hrx-asis-log{flex:1;min-height:0;overflow-y:auto;margin:0;padding:14px;background:var(--asis-soft);display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.hrx-asis .hrx-asis-msg{display:flex;flex-direction:column;gap:8px;max-width:94%;margin:0}
.hrx-asis .hrx-asis-bot{align-self:flex-start;width:94%}
.hrx-asis .hrx-asis-yo{align-self:flex-end}
.hrx-asis .hrx-asis-bubble{margin:0;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--asis-line);color:var(--asis-ink);overflow-wrap:anywhere}
.hrx-asis .hrx-asis-yo .hrx-asis-bubble{background:var(--asis-navy);border-color:var(--asis-navy);color:#fff}
.hrx-asis .hrx-asis-bubble p{margin:0 0 8px;padding:0;color:inherit;font-size:16px;line-height:1.45}
.hrx-asis .hrx-asis-bubble p:last-child{margin-bottom:0}
.hrx-asis .hrx-asis-bubble strong{font-weight:700;color:inherit}
.hrx-asis .hrx-asis-bubble a{color:var(--asis-navy);font-weight:700;text-decoration:underline}
.hrx-asis .hrx-asis-typing .hrx-asis-bubble{color:var(--asis-muted);font-style:italic}

.hrx-asis .hrx-asis-btns{display:flex;flex-direction:column;gap:8px;margin:0}
.hrx-asis .hrx-asis-btn{display:block;width:100%;min-height:46px;margin:0;padding:11px 14px;border:2px solid var(--asis-navy);border-radius:12px;background:#fff;color:var(--asis-navy);font:inherit;font-size:16px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer}
.hrx-asis .hrx-asis-btn.hrx-asis-wa{background:var(--asis-wa);border-color:var(--asis-wa);color:var(--asis-wa-ink)}
.hrx-asis .hrx-asis-btn:disabled{opacity:.6;cursor:default}
.hrx-asis .hrx-asis-line{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 0}
.hrx-asis .hrx-asis-num{grid-column:1/-1;font-size:15px;font-weight:700;color:var(--asis-navy)}

.hrx-asis .hrx-asis-form{display:flex;gap:8px;margin:0;padding:10px;border-top:1px solid var(--asis-line);background:#fff;flex:none}
.hrx-asis .hrx-asis-form input[type="text"]{flex:1;width:auto;min-width:0;min-height:46px;margin:0;padding:10px 12px;border:1px solid var(--asis-line);border-radius:12px;background:#fff;color:var(--asis-ink);font:inherit;font-size:16px}
.hrx-asis .hrx-asis-form input[type="text"]:focus{border-color:var(--asis-navy);box-shadow:none}
.hrx-asis .hrx-asis-send{width:48px;min-height:46px;flex:none;margin:0;padding:0;border:0;border-radius:12px;background:var(--asis-navy);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hrx-asis .hrx-asis-send svg{width:22px;height:22px;fill:#fff}
.hrx-asis .hrx-asis-send:disabled{opacity:.6;cursor:default}
.hrx-asis .hrx-asis-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hrx-asis .hrx-asis-launcher:focus-visible,.hrx-asis .hrx-asis-close:focus-visible,.hrx-asis .hrx-asis-btn:focus-visible,
.hrx-asis .hrx-asis-send:focus-visible,.hrx-asis .hrx-asis-bubble a:focus-visible,.hrx-asis .hrx-asis-form input[type="text"]:focus-visible{outline:3px solid var(--asis-orange);outline-offset:2px}

/* Pantalla baja (teléfono acostado): el panel usa todo el alto, a la izquierda de los botones flotantes. */
@media (max-height:520px) and (min-width:481px){
  .hrx-asis .hrx-asis-panel,.hrx-asis.hrx-asis--sobre-wa .hrx-asis-panel{top:8px;bottom:8px;right:100px;height:auto;max-height:none;max-width:calc(100vw - 116px)}
}
/* Teléfono: el panel ocupa la pantalla y termina encima del botón de WhatsApp, que sigue a la vista. */
@media (max-width:480px){
  .hrx-asis .hrx-asis-launcher{right:14px;bottom:14px;width:52px;height:52px}
  .hrx-asis.hrx-asis--sobre-wa .hrx-asis-launcher{bottom:76px}
  .hrx-asis .hrx-asis-tip{right:74px;bottom:27px;font-size:13px}
  .hrx-asis.hrx-asis--sobre-wa .hrx-asis-tip{bottom:89px}
  .hrx-asis .hrx-asis-panel{top:8px;right:8px;bottom:8px;left:8px;width:auto;max-width:none;height:auto;max-height:none}
  .hrx-asis.hrx-asis--sobre-wa .hrx-asis-panel{bottom:76px;max-height:none}
}
@media print{.hrx-asis{display:none !important}}
