/* =====================================================================
   SATSM · WEB COMERCIAL · CENTRO DE AYUDA Y MANUALES
   Las clases `hc-*` son también ganchos de las pruebas: se visten aquí
   sin añadirles otras clases a los nodos que las pruebas comparan exactos.
   ===================================================================== */

/* ---------- Portada y resultados ---------- */
.hc-hero{padding:36px 0 48px}
.hc-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:end}
.hc-hero .wx-lead{margin-top:18px}
.hc-hero-results .hc-hero-search{margin-top:24px;max-width:760px}
.hc-results-title{overflow-wrap:anywhere}
.hc-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #CDD3DC;border-radius:14px;padding:6px 6px 6px 16px;box-shadow:0 18px 40px -28px rgba(14,31,61,.35);transition:border-color .15s,box-shadow .15s}
.hc-search:focus-within{border-color:var(--wx-blue);box-shadow:0 0 0 4px rgba(0,102,255,.14)}
.hc-search-ic{color:var(--wx-mute);flex:none}
.hc-search input[type="search"]{flex:1;width:0;min-width:0;border:0;outline:0;background:none;font-size:17px;min-height:46px;padding:0}
.hc-search input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
.hc-search button{flex:none;min-height:46px;padding:0 18px;border:0;border-radius:10px;background:var(--wx-ink);color:#fff;font-weight:620;cursor:pointer}
.hc-search button:hover{background:#1D2A44}
.hc-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;font-size:14px}
.hc-suggestions span{font-family:var(--wx-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--wx-mute)}
.hc-suggestions a{padding:6px 11px;border:1px solid var(--wx-line);border-radius:999px;color:var(--wx-ink-2);background:#fff}
.hc-suggestions a:hover{border-color:#B7C0CD;color:var(--wx-ink)}

.hc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;padding-bottom:88px}
.hc-workspace.is-topic{grid-template-columns:280px minmax(0,1fr)}
.hc-main{min-width:0}
.hc-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}
.hc-section-heading .wx-label-h{margin:0}
.hc-section-heading span,.hc-section-heading p{font-family:var(--wx-mono);font-size:12px;color:var(--wx-mute)}
.hc-getting-started{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;margin-bottom:40px;border-radius:var(--wx-r4);background:var(--wx-navy);color:#fff}
.hc-getting-started .wx-label-h{color:var(--wx-on-navy-2);margin-bottom:8px}
.hc-getting-started p{color:var(--wx-on-navy);margin-top:6px;max-width:52ch}
.hc-getting-started .wx-btn-ink{background:#fff;color:var(--wx-ink)}
.hc-getting-started .wx-btn-ink:hover{background:#E6ECF7}
.hc-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--wx-ink);border-left:1px solid var(--wx-line)}
.hc-topic-card{display:grid;gap:10px;align-content:start;padding:22px 22px 24px;border-right:1px solid var(--wx-line);border-bottom:1px solid var(--wx-line)}
.hc-topic-heading{display:flex;justify-content:space-between;font-family:var(--wx-mono);font-size:11.5px;color:var(--wx-mute)}
.hc-topic-n{color:var(--wx-blue-ink)}
.hc-topic-card h3{font-size:19px;font-weight:650;font-stretch:106%;letter-spacing:-.01em}
.hc-topic-card h3 a:hover{color:var(--wx-blue-ink)}
.hc-topic-card>p{font-size:14.5px;color:var(--wx-ink-2);line-height:1.45}
.hc-topic-card ul{display:grid;gap:6px;font-size:14.5px;margin-top:4px}
.hc-topic-card ul a{color:var(--wx-ink);text-decoration:underline;text-decoration-color:var(--wx-line);text-underline-offset:3px}
.hc-topic-card ul a:hover{text-decoration-color:var(--wx-blue)}
.hc-view-topic{display:inline-flex;gap:6px;margin-top:6px;font-size:14px;font-weight:620;color:var(--wx-blue-ink)}
.hc-help-rail{display:grid;gap:22px;position:sticky;top:calc(var(--wx-head-h) + 20px)}
.hc-troubleshoot{display:grid;gap:10px;padding:24px;border:1px solid var(--wx-line);border-radius:var(--wx-r4);background:#fff}
.hc-troubleshoot>p{font-size:14.5px;color:var(--wx-ink-2)}
.hc-troubleshoot ul{display:grid;gap:2px;margin-top:6px}
.hc-troubleshoot li a{display:block;padding:9px 0;border-top:1px solid var(--wx-line-2);font-size:15px}
.hc-troubleshoot li a:hover{color:var(--wx-blue-ink)}
.hc-common{display:grid;gap:8px;padding:0 4px}
.hc-common .wx-label-h{margin-bottom:4px}
.hc-common a{font-size:15px;color:var(--wx-ink-2)}
.hc-common a:hover{color:var(--wx-blue-ink)}

/* ---------- Tema y resultados: listas ---------- */
.hc-topic-nav{position:sticky;top:calc(var(--wx-head-h) + 20px);display:grid;gap:14px}
.hc-back{display:inline-flex;gap:6px;font-size:14px;font-weight:600;color:var(--wx-blue-ink)}
.hc-topic-nav nav{display:grid;border-top:1px solid var(--wx-ink)}
.hc-topic-nav nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--wx-line);font-size:15px;color:var(--wx-ink-2)}
.hc-topic-nav nav a:hover{color:var(--wx-ink)}
.hc-topic-nav nav a[aria-current="page"]{color:var(--wx-ink);font-weight:650}
.hc-topic-nav nav a[aria-current="page"] .hc-num{background:var(--wx-ink);color:#fff}
.hc-num{font-family:var(--wx-mono);font-size:11px;min-width:24px;text-align:center;padding:2px 6px;border-radius:5px;background:var(--wx-paper);color:var(--wx-mute)}
.hc-article-list{display:grid;border-top:1px solid var(--wx-ink)}
.hc-article-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--wx-line)}
.hc-article-list>a:hover .hc-row-title{color:var(--wx-blue-ink)}
.hc-row-text{display:grid;gap:4px}
.hc-row-cat{font-family:var(--wx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wx-mute)}
.hc-row-title{font-size:18px;font-weight:620;font-stretch:104%}
.hc-row-lead{font-size:15px;color:var(--wx-ink-2)}
.hc-row-text small:not(.hc-row-cat){font-size:12.5px;color:var(--wx-warn)}
.hc-row-arrow{color:var(--wx-blue-ink)}
.hc-search-match{margin:-6px 0 6px;padding:12px 16px;border-left:3px solid var(--wx-blue);background:var(--wx-blue-tint);border-radius:0 8px 8px 0}
.hc-search-match a{font-size:14px;font-weight:620;color:var(--wx-blue-ink)}
.hc-search-match p{font-size:14px;color:var(--wx-ink-2);margin-top:4px}
.hc-pagination{display:flex;align-items:center;gap:14px;margin-top:24px;font-family:var(--wx-mono);font-size:13px}
.hc-search-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:88px}
.hc-search-aside{display:grid;gap:8px;position:sticky;top:calc(var(--wx-head-h) + 20px)}
.hc-search-aside a{font-size:15px;color:var(--wx-ink-2)}
.hc-search-aside a:hover{color:var(--wx-blue-ink)}
.hc-empty{display:grid;gap:12px;justify-items:start;padding:36px;border:1px dashed var(--wx-line);border-radius:var(--wx-r4)}
.hc-path-list{display:grid;border-top:1px solid var(--wx-ink)}
.hc-path-list a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--wx-line)}
.hc-path-list a:hover .hc-row-title{color:var(--wx-blue-ink)}
.hc-path-list .hc-step-number{font-family:var(--wx-mono);font-size:22px;color:var(--wx-ink)}

/* ---------- Guía ---------- */
.hc-reading-search{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:12px}
.hc-reading-search .hc-search{flex:1 1 300px;max-width:520px;min-width:0;box-shadow:none}
.hc-reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start;padding-top:24px;padding-bottom:88px}
.hc-reading-nav{position:sticky;top:calc(var(--wx-head-h) + 20px);display:grid;gap:16px}
.hc-topic-label{font-family:var(--wx-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--wx-blue-ink)}
.hc-toc summary{list-style:none;cursor:pointer;font-family:var(--wx-mono);font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--wx-mute);margin-bottom:8px}
.hc-toc summary::-webkit-details-marker{display:none}
.hc-toc nav{display:grid;border-left:1px solid var(--wx-line)}
.hc-toc nav a{display:flex;gap:10px;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--wx-ink-2)}
.hc-toc nav a span{font-family:var(--wx-mono);font-size:12px;color:var(--wx-mute);min-width:14px}
.hc-toc nav a:hover{color:var(--wx-ink)}
.hc-toc nav a[aria-current="location"]{border-left-color:var(--wx-blue);color:var(--wx-ink);font-weight:600}
.hc-reading-tools{display:flex;flex-wrap:wrap;gap:8px}
.hc-reading-tools button{font-size:13px;font-weight:600;padding:8px 12px;border-radius:9px;border:1px solid var(--wx-line);background:#fff;cursor:pointer}
.hc-reading-tools button:hover{border-color:#B7C0CD}
.hc-copy-status{font-size:13px;color:var(--wx-ok);width:100%}
.hc-article{min-width:0;max-width:780px}
.hc-article-header{display:grid;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--wx-line)}
.hc-article-header .wx-tag{justify-self:start}
.hc-article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--wx-mono);font-size:12px;color:var(--wx-mute)}
.hc-language-note{font-size:14px;color:var(--wx-warn);background:var(--wx-warn-tint);padding:8px 12px;border-radius:8px;justify-self:start}
.hc-quick-answer{display:grid;gap:12px;margin-top:28px;padding:22px 24px;border:1px solid var(--wx-blue-line);border-radius:var(--wx-r3);background:var(--wx-blue-tint)}
.hc-route{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hc-route>span{font-family:var(--wx-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--wx-blue-ink);margin-right:4px}
.hc-route ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}
.hc-route li{font-size:14px;font-weight:600;background:#fff;border:1px solid var(--wx-blue-line);border-radius:6px;padding:3px 9px}
.hc-route li+li::before{content:"›";margin-right:8px;color:var(--wx-mute);font-weight:400}
.hc-quick-answer p{color:var(--wx-ink)}
.hc-quick-answer>a{font-size:14px;font-weight:620;color:var(--wx-blue-ink)}
.hc-before{margin-top:32px;padding:20px 24px;border-left:3px solid var(--wx-ink);background:var(--wx-paper);border-radius:0 12px 12px 0}
.hc-before .wx-label-h{margin-bottom:6px}
.hc-procedure{display:grid;margin-top:12px}
.hc-step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:30px 0;border-bottom:1px dashed #CBD2DC}
.hc-step-number{font-family:var(--wx-mono);font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--wx-ink)}
.hc-step-body{display:grid;gap:12px;min-width:0}
.hc-step-body>p{color:var(--wx-ink-2)}
.hc-step-links{display:grid;gap:6px;font-size:15px}
.hc-step-links a{color:var(--wx-blue-ink);font-weight:600}
.hc-step-figure{margin:6px 0 0}
.hc-step-figure button{display:block;width:100%;padding:8px;border:1px solid var(--wx-line);border-radius:var(--wx-r3);background:var(--wx-paper);cursor:zoom-in;position:relative;text-align:left}
.hc-step-figure button:hover{border-color:#B7C0CD}
.hc-crop{display:block;position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--wx-line);background:#fff;max-width:var(--hc-native,100%)}
.hc-crop img{display:block;max-width:none;height:auto}
.hc-focus-marker{position:absolute;border:2px solid var(--wx-blue);border-radius:8px;box-shadow:0 0 0 4px rgba(0,102,255,.2)}
.hc-zoom-label{position:absolute;right:16px;bottom:16px;font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px;background:rgba(11,18,32,.82);color:#fff;opacity:0;transition:opacity .15s}
.hc-step-figure button:hover .hc-zoom-label,.hc-step-figure button:focus-visible .hc-zoom-label{opacity:1}
.hc-step-figure figcaption{font-size:13px;color:var(--wx-mute);margin-top:8px}
.hc-result{margin-top:28px;padding:20px 24px;border-left:3px solid var(--wx-ok);background:var(--wx-ok-tint);border-radius:0 12px 12px 0}
.hc-result .wx-label-h{color:var(--wx-ok);margin-bottom:6px}
.hc-faq{margin-top:36px;border-top:1px solid var(--wx-ink)}
.hc-faq .wx-label-h{margin:16px 0 4px}
.hc-faq details{border-bottom:1px solid var(--wx-line)}
.hc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:620}
.hc-faq summary::-webkit-details-marker{display:none}
.hc-faq details[open] summary span{transform:rotate(45deg)}
.hc-faq summary span{transition:transform .2s;font-family:var(--wx-mono);color:var(--wx-mute)}
.hc-faq details p{padding:0 0 16px;color:var(--wx-ink-2)}
.hc-related{margin-top:36px}
.hc-related>div{display:grid;gap:8px}
.hc-related a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--wx-line);border-radius:12px;font-weight:600}
.hc-related a:hover{border-color:#B7C0CD;color:var(--wx-blue-ink)}
.hc-image-dialog{width:min(1200px,96vw);max-height:92vh;padding:0;border:0;border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.4)}
.hc-image-dialog::backdrop{background:rgba(11,18,32,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hc-dialog-tools{display:flex;justify-content:flex-end;gap:8px;padding:12px;position:sticky;top:0;background:#fff;border-bottom:1px solid var(--wx-line-2);z-index:1}
.hc-dialog-tools button{font-size:14px;font-weight:600;padding:9px 13px;border-radius:9px;border:1px solid var(--wx-line);background:#fff;cursor:pointer}
.hc-pan-hint{padding:8px 16px;font-size:13px;color:var(--wx-mute)}
.hc-image-viewport{overflow:auto;padding:16px;max-height:calc(92vh - 120px)}
.hc-image-viewport .hc-crop{margin-inline:auto}
.hc-image-viewport.is-actual .hc-crop{max-width:none;width:var(--hc-native)}
[data-hc-image-content]>p{padding:0 16px 16px;font-size:14px;color:var(--wx-ink-2)}

/* ---------- Soporte ---------- */
.hc-support{padding:0 0 88px}
.hc-support-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:32px;position:relative}
.hc-support-in::before{content:"";position:absolute;top:0;left:var(--wx-gutter);right:var(--wx-gutter);border-top:1px solid var(--wx-line)}
.hc-support p{color:var(--wx-ink-2);margin-top:4px}

/* ---------- Manuales ---------- */
.wx-manuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid var(--wx-ink);margin-bottom:96px}
.wx-manual{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--wx-line)}
.wx-manual b{font-size:18px;font-weight:640;font-stretch:104%}
.wx-manual span:not(.wx-mod-n):not(.wx-arrow){grid-column:2;font-size:15px;color:var(--wx-ink-2)}
.wx-manual .wx-arrow{grid-column:3;grid-row:1;color:var(--wx-blue-ink)}
.wx-manual:hover b{color:var(--wx-blue-ink)}
.wx-manual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:start;padding-bottom:16px}
.wx-guides{display:grid;gap:10px}
.wx-guides a{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--wx-line);border-radius:12px}
.wx-guides a:hover{border-color:#B7C0CD}
.wx-guides small{font-family:var(--wx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wx-mute)}
.wx-guides b{font-size:17px;font-weight:640}
.wx-guides span{font-size:15px;color:var(--wx-ink-2)}

@media (max-width:1100px){
  .hc-hero-grid,.hc-workspace,.hc-workspace.is-topic,.hc-search-layout,.hc-reading-layout,.wx-manual-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .hc-help-rail,.hc-topic-nav,.hc-search-aside,.hc-reading-nav{position:static}
  .hc-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hc-reading-nav .hc-topic-label{display:none}
  .hc-toc{border:1px solid var(--wx-line);border-radius:12px;padding:0 16px}
  .hc-toc summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:0}
  .hc-toc summary::after{content:"+";font-size:17px;color:var(--wx-ink)}
  .hc-toc[open] summary::after{content:"−"}
  .hc-toc[open] nav{margin-bottom:14px}
}
@media (max-width:760px){
  .hc-topic-grid,.wx-manuals{grid-template-columns:minmax(0,1fr)}
  .hc-step{grid-template-columns:minmax(0,1fr);gap:8px}
  .hc-search{padding-left:12px}
  .hc-search button{padding:0 14px}
  .hc-getting-started{padding:22px 20px}
}
@media print{
  .hc-reading-search,.hc-reading-nav,.hc-support,.hc-image-dialog{display:none!important}
  .hc-reading-layout{display:block}
}