/* Home: bloque de servicios con resultados */
.hm{--ac:#FEA800;--cur:#FEA800;--fg:#F0F2F5;--mu:rgba(240,242,245,.66);--ln:rgba(255,255,255,.09);--pn:#0D0F16;--row:rgba(255,255,255,.035);position:relative}
html:not(.dark) .hm{--fg:#1A1F2C;--mu:rgba(26,31,44,.68);--ln:rgba(18,20,28,.1);--pn:#F7F8FB;--row:#fff}
.hm.sh-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:center}
.hm-h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:12px 0 14px;color:var(--fg)}
.hm-h2 span{transition:opacity .4s}
.hm-h2 .s1{color:#FEA800}.hm-h2 .s2{color:#4FD1C5}.hm-h2 .s3{color:#3DD68C}.hm-h2 .s4{color:#8B7CF6}
.hm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hm-tags a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:var(--c);background:color-mix(in srgb,var(--c) 8%,transparent);text-decoration:none;transition:background .25s,transform .25s}
.hm-tags a:hover{background:color-mix(in srgb,var(--c) 18%,transparent);transform:translateY(-1px)}
.hm-tags a i{font-size:10.5px}
.hm-vis{min-width:0}
.hm-card{position:relative;border-radius:18px;background:var(--pn);border:1px solid var(--ln);padding:14px;box-shadow:0 26px 50px -22px rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb,var(--cur) 18%,transparent);transition:box-shadow .5s}
.hm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.hm-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--fg)}
.hm-live i{width:8px;height:8px;border-radius:50%;background:#3DD68C;box-shadow:0 0 0 0 rgba(61,214,140,.6);animation:hmPulse 1.8s infinite}
@keyframes hmPulse{70%{box-shadow:0 0 0 8px rgba(61,214,140,0)}100%{box-shadow:0 0 0 0 rgba(61,214,140,0)}}
.hm-top a{font-size:12px;font-weight:700;color:var(--ac);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.hm-chart{position:relative;height:150px;margin:0 2px}
.hm-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hm-chart .g{stroke:var(--ln);stroke-width:1;stroke-dasharray:3 5;fill:none;vector-effect:non-scaling-stroke}
.hm-chart .ar{fill:url(#hmA);opacity:.9;transition:opacity .5s}
.hm-chart .ln-b{fill:none;stroke:var(--ln);stroke-width:3;vector-effect:non-scaling-stroke}
.hm-chart .ln{fill:none;stroke:var(--cur);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.25,1),stroke .5s;filter:drop-shadow(0 0 5px var(--cur))}
.hm-dot{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--pn);border:2px solid var(--ln);transition:background .4s,border-color .4s,transform .4s,box-shadow .4s}
.hm-dot.on{background:var(--c);border-color:var(--c)}
.hm-dot.cur{transform:scale(1.5);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 22%,transparent),0 0 18px var(--c)}
.hm-res{min-height:104px;margin-top:10px}
.hm-r{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--row);border:1px solid var(--ln);animation:hmIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes hmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hm-r .ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px;color:#0E1018;background:var(--c)}
.hm-r .num{display:block;font-size:28px;line-height:1;font-weight:800;color:var(--cur);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.hm-r strong{display:block;font-size:14px;color:var(--fg);margin:4px 0 2px}
.hm-r small{display:block;font-size:12px;color:var(--mu);line-height:1.35}
.hm-r em{display:inline-block;margin-top:6px;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.hm-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.hm-pills button{position:relative;overflow:hidden;height:34px;border-radius:10px;border:1px solid var(--ln);background:var(--row);color:var(--mu);font-size:13px;cursor:pointer;transition:color .25s,border-color .25s,background .25s}
.hm-pills button[aria-pressed="true"]{color:var(--c);border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.hm-pills button.run::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--c);animation:hmBar 3.6s linear forwards}
@keyframes hmBar{to{width:100%}}
.hm-pills button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.hm-note{margin:8px 0 0;text-align:center;font-size:10.5px;letter-spacing:.06em;color:var(--mu)}
@media (max-width:900px){.hm.sh-grid{grid-template-columns:1fr}.hm-vis{max-width:520px}}
@media (prefers-reduced-motion:reduce){.hm *,.hm *::before,.hm *::after{animation:none!important;transition:none!important}}
.hm-r[hidden]{display:none!important}