/* Centro de ayuda (help.uelta.com): encima de site.css (mismos colores, cabecera y botones). */
.hc{background:var(--bg)}
.hc-nav .nav-inner{gap:14px}
.hc-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.hc-tag{padding:4px 10px;border-radius:999px;background:#EEF4FF;color:var(--blue);font-weight:800;font-size:13px}
.hc-spacer{flex:1}
/* Buscador: los resultados salen en una capa encima, sin mover la página. */
.hc-search{position:relative;display:flex;align-items:center;flex:1;max-width:520px;margin:0 auto}
.hc-search input{width:100%;height:42px;padding:0 40px 0 40px;border-radius:12px;border:1px solid var(--border);background:#fff;font:inherit;font-size:15px;color:var(--text);-webkit-appearance:none;appearance:none}
.hc-search input:focus{outline:2px solid #BFD6FF;border-color:var(--blue)}
.hc-search input::-webkit-search-cancel-button,.hc-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.hc-search-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);display:grid;cursor:pointer;z-index:1}
/* X propia: solo cuando hay texto. */
.hc-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:none;place-items:center;border:0;border-radius:8px;background:#EEF2F8;color:var(--muted);cursor:pointer;padding:0}
.hc-clear:hover{background:#E2E9F4;color:var(--text)}
.hc-search.has-q .hc-clear{display:grid}
/* Cabecera: una lupa redonda junto al idioma; se abre hacia la izquierda al acercar el ratón (o al
   enfocarla) y se cierra sola al irse el ratón si no hay nada escrito. */
.hc-search-nav{flex:0 0 auto;margin:0;width:40px;height:40px;max-width:none;border-radius:999px;transition:width .22s ease,background .15s}
.hc-search-nav:not(.open):not(.has-q):hover{background:#F1F5FB}
.hc-search-nav input{height:40px;border-radius:999px;padding:0 0 0 38px;cursor:pointer;background:transparent;border-color:transparent;transition:background .15s,border-color .15s}
.hc-search-nav .hc-search-ic{left:11px;color:var(--text)}
.hc-search-nav:not(.open):not(.has-q) input::placeholder{color:transparent}
.hc-search-nav .hc-clear{display:none}
.hc-search-nav.open,.hc-search-nav.has-q{width:min(340px,42vw)}
.hc-search-nav.open input,.hc-search-nav.has-q input{cursor:text;background:#fff;border-color:var(--border);padding-right:40px}
.hc-search-nav.has-q .hc-clear{display:grid}
.hc-clear{border-radius:999px;background:transparent}
.hc-search-nav .hc-results{left:auto;right:0;width:min(420px,calc(100vw - 32px))}
.hc-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:min(420px,70vh);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:6px;text-align:left}
.hc-results[hidden]{display:none}
.hc-results a{display:grid;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text)}
.hc-results a:hover,.hc-results a[aria-selected="true"]{background:#F1F6FF}
.hc-results a b{font-size:14.5px}.hc-results a small{color:var(--muted);font-size:12.5px}
.hc-results .hc-r-empty{padding:12px;color:var(--muted);font-size:14px}
.hc-hero{background:radial-gradient(900px 400px at 85% -10%,rgba(39,198,255,.28),transparent),linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;padding:56px 0 60px;text-align:center}
.hc-hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em}
.hc-hero p{margin:0 auto 24px;max-width:620px;color:rgba(255,255,255,.82)}
.hc-search-hero{max-width:640px}.hc-search-hero input{height:54px;font-size:16px;border:0;box-shadow:0 14px 40px rgba(2,6,23,.25)}
.hc-section{padding:40px 0 0}
.hc-section h2{font-size:22px;margin:0 0 16px;letter-spacing:-.01em}
.hc-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.hc-cat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}
.hc-cat:hover{border-color:#BFD6FF;box-shadow:var(--shadow)}
.hc-cat .hc-cat-ic{grid-row:1/3}
.hc-cat b{font-size:16px}.hc-cat small{color:var(--muted)}
.hc-cat-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#E8F3FF,#DDF6FF);color:var(--blue)}
.hc-list{display:grid;gap:10px}
.hc-hit{display:grid;gap:3px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:border-color .15s}
.hc-hit:hover{border-color:#BFD6FF}
.hc-hit b{font-size:16px}.hc-hit span{color:var(--muted);font-size:14.5px}
.hc-page{padding:28px 0 64px}
.hc-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:14px}
.hc-crumbs a{color:var(--blue);text-decoration:none;font-weight:600}
.hc-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.hc-head h1{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em}.hc-head p{margin:2px 0 0;color:var(--muted)}
.hc-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.hc-article{background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px 38px}
.hc-article h1{margin:0 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.02em}
.hc-lead{margin:0 0 18px;font-size:17px;color:var(--muted)}
.hc-note{padding:10px 14px;border-radius:12px;background:#FEF3C7;color:#78350F;font-size:14px}
.hc-body{font-size:16px;color:#25344B}
.hc-body h3{margin:26px 0 8px;font-size:19px;color:var(--text)}
.hc-body ul,.hc-body ol{padding-left:22px}.hc-body li{margin:6px 0}
.hc-side{position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:2px}
.hc-side-t{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hc-side a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--text);font-size:14.5px;font-weight:550}
.hc-side a:hover{background:#EEF4FF}.hc-side a[aria-current]{background:#E8F1FF;color:var(--blue);font-weight:700}
.hc-contact{display:flex;gap:14px;align-items:flex-start;margin-top:26px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--border)}
.hc-article .hc-contact{background:var(--bg);border:0}
.hc-contact .ic{color:var(--blue);margin-top:2px}.hc-contact b{display:block}.hc-contact p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.hc-empty{padding:18px 0;color:var(--muted)}
.hc-foot{margin-top:56px;padding:24px 0 36px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}
.hc-foot-inner{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.hc-foot a{color:inherit;text-decoration:none}.hc-foot .link{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}
/* Móvil: abierta, ocupa la cabecera entera, encima del logo. */
@media(max-width:700px){.hc-nav .nav-inner{position:relative}.hc-search-nav.open,.hc-search-nav.has-q{position:absolute;left:12px;right:12px;width:auto;z-index:70;background:#fff}}
@media(max-width:900px){.hc-article-layout{grid-template-columns:1fr}.hc-side{position:static}.hc-article{padding:22px 18px;border-radius:18px}}
@media(max-width:600px){.hc-platform{display:none}.hc-hero{padding:40px 0 44px}.hc-tag{display:none}}
/* Cabecera con foto (oscurecida para que el buscador y el texto se lean). */
.hc-hero{background:linear-gradient(160deg,rgba(11,27,63,.92),rgba(16,42,94,.82)),url(/saas-assets/img/site/front-desk-1200.webp) center/cover no-repeat,var(--navy)}
@media(max-width:600px){.hc-hero{background:linear-gradient(160deg,rgba(11,27,63,.94),rgba(16,42,94,.86)),url(/saas-assets/img/site/front-desk-640.webp) center/cover no-repeat,var(--navy)}}
/* Móvil: con menos de 16px el iPhone amplía la página al tocar un campo (y el contenido se sale de la pantalla). */
@media (max-width:900px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}}