html:has(.cat){scroll-behavior:smooth;scroll-padding-top:170px}.cat{overflow-x:clip}.cat-cab{max-width:1240px;padding:calc(var(--nav-h) + 80px) var(--pad) 28px;margin:0 auto}.cat-cab h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,6vw,88px);font-weight:500;line-height:.95}.cat-cab p{max-width:60ch;color:var(--ink-soft);margin:18px 0 0;font-size:clamp(16px,1.3vw,19px);line-height:1.6}.cat-barra{top:calc(var(--nav-h) + 20px + var(--safe-t));z-index:20;max-width:1240px;padding:10px var(--pad);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:sticky}.cat-barra:before{content:"";inset:0 calc(var(--pad) - 10px);z-index:-1;border:1px solid var(--line-2);background:#0c0b0af5;border-radius:16px;position:absolute}.cat-etapas{gap:4px;display:flex}.cat-etapas a{min-width:64px;height:44px;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-soft);border-radius:12px;place-items:center;padding:0 14px;font-size:18px;font-weight:500;text-decoration:none;display:inline-grid}@media (hover:hover){.cat-etapas a:hover{color:var(--gold-2);background:#e0ab4514}}.cat-etapa{max-width:1240px;padding:56px var(--pad) 24px;margin:0 auto}.cat-etapa-cab{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;display:flex}.cat-etapa-cab h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--gold-2);margin:0;font-size:clamp(44px,5vw,72px);font-weight:500;line-height:1}.cat-etapa-cab h2 span{font-family:var(--font-display);letter-spacing:0;color:var(--ink-soft);margin-left:10px;font-size:17px}.cat-etapa-cab p{color:var(--ink-faint);white-space:nowrap;margin:0;font-size:12px}.cat-grupo{padding-top:36px}.cat-grupo-cab{align-items:center;gap:18px;margin-bottom:16px;display:flex}.cat-grupo-img{object-fit:cover;border:1px solid var(--line);border-radius:16px;flex:none;width:88px;height:88px}.cat-grupo h3{margin:0;font-size:22px;font-weight:500}.cat-grupo h3 .mono{color:var(--ink-faint);margin-left:6px;font-size:12px;font-weight:400}.cat-grupo-cab p{max-width:70ch;color:var(--ink-soft);margin:6px 0 0;font-size:15px;line-height:1.55}.cat-casos{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cat-caso{border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-2);grid-template-columns:104px minmax(0,1fr);gap:14px;padding:12px;transition:border-color .2s;display:grid}.cat-caso.sabe{border-color:#7bd88f4d}.cat-caso-diag{transition:transform .3s var(--ease-expo);border-radius:12px;display:block}.cat-caso-diag svg{width:100%;height:auto;display:block}@media (hover:hover){.cat-caso-diag:hover{transform:scale(1.04)rotate(-1.5deg)}}.cat-caso-cuerpo{flex-direction:column;gap:8px;min-width:0;display:flex}.cat-caso-nombre{margin:0;font-size:17px;font-weight:500}.cat-caso-nombre span{color:var(--ink-faint);margin-left:8px;font-size:12.5px;font-weight:500}.cat-caso .alg-tk{min-width:26px;height:25px;font-size:12px}.cat-caso-pie{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.cat-caso-pie .mono{color:var(--ink-faint);margin-right:auto;font-size:11px}.cat-sabe,.cat-practicar{border:1px solid var(--line-2);min-height:36px;color:var(--ink-soft);background:0 0;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.cat-sabe:after,.cat-practicar:after{content:"";position:absolute;inset:-4px}.cat-sabe svg{color:var(--ink-faint)}.cat-sabe.on{color:var(--ok);background:#7bd88f12;border-color:#7bd88f73}.cat-sabe.on svg{color:var(--ok)}.cat-practicar{color:var(--gold-2);border-color:#e0ab4566}@media (hover:hover){.cat-practicar:hover{background:#e0ab451a}}@media (max-width:560px){.cat-casos{grid-template-columns:1fr}.cat-caso{grid-template-columns:88px minmax(0,1fr)}.cat-etapas a{min-width:52px;padding:0 10px;font-size:19px}.cat-grupo-img{width:64px;height:64px}}