/* card c-mvvqy24b: the public services list. Shared pieces first, then the version. */
.sv{--sv-r:16px;display:grid;gap:16px}
.sv [x-cloak]{display:none}

/* Buscar + categorías */
.sv-find{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--muted)}
.sv-find:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.sv-find svg{width:20px;height:20px;flex:none}
.sv-find input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--ink)}
.sv-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.sv-cat{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap}
.sv-cat span{min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:13.5px;display:inline-grid;place-items:center}
.sv-cat:hover{background:var(--accent-soft)}
.sv-cat.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sv-cat.on span{background:rgba(255,255,255,.18);color:#fff}
.sv-cat:focus-visible,.sv-it:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* Each service */
.sv-list{display:grid;gap:12px}
.sv-it{position:relative;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-height:64px}
.sv-txt{flex:1;min-width:0;display:grid;gap:4px}
.sv-name{font-weight:600;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.sv-meta{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:13.5px}
.sv-meta svg{width:16px;height:16px;flex:none}
.sv-price{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.sv-ini,.sv-dots{display:none}
.sv-pick{flex:none;width:24px;height:24px;border-radius:999px;border:2px solid #a8a29e;display:grid;place-items:center}
.sv-pick svg{width:14px;height:14px}
.sv-it.sel .sv-pick{background:var(--accent);border-color:var(--accent);color:#fff}
.sv-none{padding:16px 0}
.sv-h{margin:16px 0 0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
/* 5 · Compacta: two columns on the computer, short rows, the first 8 and «Ver los N servicios» */
.sv-5 .sv-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 16px}
.sv-5 .sv-it{padding:12px 16px;border-radius:12px;background:var(--white);box-shadow:inset 4px 0 0 var(--t),0 0 0 1px rgba(28,25,23,.07)}
.sv-5 .sv-it:hover{background:var(--surface)}
.sv-5 .sv-name{font-size:16px}
.sv-5 .sv-it.sel{background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent),0 0 0 1px rgba(180,35,90,.3)}
.sv-5 .sv-more,.sv-5 .sv-none{grid-column:1/-1}
.sv-more{justify-self:start}