/* ¿Qué sabe Internet de ti? · LandoHOUSE · v2026-10-25 · paleta oficial (navy #131645, carmesí #BB0027, lavanda #BFC2FB) */
.huella{--h-line:#e1e3f3;--h-soft:#f4f5fb;--h-muted:#4a4f73;--h-track:#eceefe;display:flex;flex-direction:column;gap:22px;color:var(--navy,#131645);font-size:16px;line-height:1.55}
.huella *{box-sizing:border-box}
.huella [hidden]{display:none!important}
.huella h3,.huella h4{margin:0;line-height:1.2;color:inherit}
.huella p{margin:0}
.huella .btn{width:auto;flex:0 0 auto}
.hd-label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffb3b1}
.hd-noscript{background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:20px}

/* Progreso */
.hd-bar{position:sticky;top:84px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:12px 16px;box-shadow:0 6px 20px rgba(19,22,69,.06)}
.hd-bar .hd-track{flex:1 1 12rem}
.hd-bar #hdCount{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.hd-legend{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--h-muted)}
.hd-legend .ms{font-size:18px;color:#bb0027}
.huella:has(.hd-result:not([hidden])) .hd-bar{position:static}
form[data-huella-form]{scroll-margin-top:96px}
.hd-track{height:8px;background:var(--h-track);border-radius:4px;overflow:hidden}
.hd-track i{display:block;height:100%;width:0;background:#bb0027;border-radius:4px;transition:width .35s}

/* Preguntas */
.hd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hd-q fieldset{margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:16px 18px;transition:border-color .2s,box-shadow .2s}
.hd-q fieldset:focus-within{border-color:#bfc2fb;box-shadow:0 0 0 3px rgba(191,194,251,.45)}
.hd-q.hd-miss fieldset{border-color:#bb0027;box-shadow:0 0 0 3px rgba(187,0,39,.12)}
.hd-q legend{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:0;float:left;width:100%}
.hd-n{grid-row:span 3;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:700;font-size:13px;color:#bb0027;padding-top:2px}
.hd-t{font-weight:800;font-size:16px}
.hd-p{font-size:15px;color:var(--navy,#131645)}
.hd-q legend small{font-size:13px;color:var(--h-muted)}
.hd-crit{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bb0027;background:#fff0f1;border-radius:999px;padding:2px 8px;margin-left:4px;vertical-align:2px;white-space:nowrap}
.hd-opts{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hd-opt{position:relative;cursor:pointer}
.hd-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.hd-opt span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1.5px solid var(--h-line);border-radius:8px;font-weight:700;background:var(--h-soft);transition:background .15s,border-color .15s,color .15s}
.hd-opt input:checked+span{background:#131645;border-color:#131645;color:#fff}
.hd-opt input[value="1"]:checked+span{background:#bb0027;border-color:#bb0027}
.hd-opt input:focus-visible+span{outline:3px solid #bb0027;outline-offset:2px}

.hd-calc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.hd-btns,.hd-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hd-err{color:#bb0027;font-weight:700}

/* Resultado */
.hd-result{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:96px;outline:none}
.hd-score{background:#131645;color:#fff;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 40px rgba(19,22,69,.18)}
.hd-score h3{color:#fff;font-size:26px}
.hd-score p{color:#dcdefc;font-size:15px}
.hd-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hd-kpis>div{display:flex;flex-direction:column;gap:2px}
.hd-kpis .v{font-weight:800;font-size:40px;line-height:1;color:#ffb3b1;font-variant-numeric:tabular-nums}
.hd-kpis .v small{font-size:16px;color:#bfc2fb;font-weight:600}
.hd-kpis .k{font-size:12px;font-weight:700;letter-spacing:.1em;color:#bfc2fb;text-transform:uppercase}
.hd-gauge{height:10px;background:rgba(255,255,255,.14);border-radius:5px;overflow:hidden}
.hd-gauge i{display:block;height:100%;border-radius:5px;background:#bfc2fb}
.hd-mid .hd-gauge i{background:#ffb3b1}
.hd-high .hd-gauge i{background:#ff3b4a}
.hd-detail{background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.hd-detail h4{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bb0027;margin-top:4px}
.hd-dim{display:grid;grid-template-columns:minmax(0,13rem) 1fr 3.2rem;gap:12px;align-items:center;font-size:15px}
.hd-dim b{text-align:right;font-variant-numeric:tabular-nums}
.hd-prio{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:10px}
.hd-prio li::marker{color:#bb0027;font-weight:700}
.hd-prio b{display:block}
.hd-prio span{color:var(--h-muted);font-size:15px}
.hd-ok{display:flex;gap:8px;align-items:center;font-weight:600}
.hd-note{font-size:13px;color:var(--h-muted);border-top:1px solid var(--h-line);padding-top:12px}
.hd-actions{grid-column:1/-1}
.hd-flash{font-size:14px;font-weight:600;color:#131645}

/* Formulario de asesoría */
.form .hd-results{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;line-height:1.5;background:#f4f5fb;min-height:9.5em;resize:vertical}
.form .hd-results-note{display:block;font-size:13px;color:var(--muted,#565d6d);margin-top:6px}
#a-resumen-estado:not(:empty){color:#131645;font-weight:700}

@media (max-width:900px){
  .hd-list{grid-template-columns:1fr}
  .hd-result{grid-template-columns:1fr}
  .hd-bar{top:64px}
}
@media (max-width:520px){
  .hd-dim{grid-template-columns:1fr 3rem}
  .hd-dim .hd-track{grid-column:1/-1;grid-row:2}
  .hd-legend{display:none}
}
@media (prefers-reduced-motion:reduce){.hd-track i,.hd-q fieldset,.hd-opt span{transition:none}}
@media print{
  html.hd-print body>*:not(main),html.hd-print main>*:not(#evaluacion):not(#assessment),html.hd-print .hd-bar,html.hd-print .hd-list,html.hd-print .hd-calc,html.hd-print .hd-actions,html.hd-print #evaluacion .head,html.hd-print #assessment .head{display:none!important}
  html.hd-print .hd-result{display:block!important}
  html.hd-print .hd-score{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-bottom:16px}
}
#a-tel-req{font-weight:inherit}