.wong-services{--ws-bg:#fff;--ws-card:#fff;--ws-ink:#111111;--ws-copy:#111111;--ws-accent:#CEF2CE;--ws-gap:24px;--ws-radius:8px;--ws-transition:300ms;--ws-count:1;padding:64px 0;background:var(--ws-bg);color:var(--ws-ink);position:relative}
.wong-services .ws-heading{text-align:center;margin:0 auto 48px;max-width:760px;padding-inline:24px}
.wong-services .ws-heading h2{font-size:clamp(32px,3.3vw,48px);color:var(--ws-ink);margin-bottom:24px}
.wong-services .ws-heading p{font-size:16px;line-height:1.6;color:var(--ws-copy);margin:0 auto}
.wong-services .ws-window{overflow:hidden;padding:16px 8px 24px;margin-inline:-8px}
.wong-services .ws-track{display:flex;gap:var(--ws-gap);align-items:stretch;transform:translateX(0)}
.wong-services .ws-card{flex:0 0 calc((100% - (var(--ws-count) - 1)*var(--ws-gap))/var(--ws-count));min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:var(--ws-card);border-radius:var(--ws-radius);box-shadow:0 4px 16px #1111110d;color:var(--ws-ink);text-decoration:none;border:1px solid #d9dfd9;--od-gap:24px}
.wong-services .ws-icon{display:flex;align-items:center;justify-content:center;width:112px;height:112px;flex:none;border-radius:50%;background:var(--ws-accent);color:#111111}
.wong-services .ws-icon svg{display:block;width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wong-services .ws-card h3{font-size:22px;line-height:1.4;letter-spacing:-.02em;color:var(--ws-ink);margin:0;overflow-wrap:normal}
.wong-services .ws-card p{font-size:16px;line-height:1.6;color:var(--ws-copy);margin:0}
.wong-services .ws-more{display:block;margin-top:auto;padding-top:8px;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.wong-services .ws-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.wong-services .ws-controls button{display:flex;justify-content:center;align-items:center;min-height:48px;min-width:48px;padding:8px 16px;border:1px solid var(--ws-ink);border-radius:var(--ws-radius);background:#fff;color:var(--ws-ink);font-size:16px;cursor:pointer}
.wong-services .ws-controls button[disabled]{opacity:.65;cursor:default}
.wong-services .ws-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.wong-services :is(a,button):focus-visible{outline:3px solid var(--ws-ink);outline-offset:4px}
.wong-services .ws-all{display:flex;justify-content:center;margin-top:32px}
.wong-services .ws-all a{font-size:16px;font-weight:700;color:var(--ws-ink);text-underline-offset:6px;padding:12px}
.wong-services .ws-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(hover:hover){.wong-services .ws-card:hover{border-color:var(--ws-accent)}.wong-services .ws-controls button:not([disabled]):hover{background:var(--ws-ink);color:#fff}.wong-services .ws-all a:hover{text-decoration-thickness:2px}}
@media(min-width:768px){.wong-services{--ws-count:2}}
@media(min-width:1024px){.wong-services{--ws-count:3}}
@media(min-width:1440px){.wong-services{--ws-count:4}.wong-services>.container{max-width:1440px;width:calc(100% - 96px)}}
@media(prefers-reduced-motion:reduce){.wong-services{--ws-transition:0ms}}
html[data-a11y-motion=paused] .wong-services{--ws-transition:0ms}
html[data-a11y-contrast=dark] .wong-services{--ws-bg:#111111;--ws-card:#111111;--ws-ink:#fff;--ws-copy:#ffffff;--ws-accent:#CEF2CE}
html[data-a11y-contrast=dark] .wong-services .ws-controls button{background:#111111;color:#fff}

/* Controles laterales en flujo, sin superponer las tarjetas. */
.wong-services .ws-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center}
.wong-services .ws-carousel .ws-window{min-width:0;margin:0;padding-inline:0}
.wong-services .ws-arrow{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border:1px solid var(--ws-ink);border-radius:50%;background:var(--ws-accent);color:#111;cursor:pointer}
.wong-services .ws-arrow svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.wong-services .ws-icon svg{fill:#111;stroke:none}
@media(hover:hover){.wong-services .ws-arrow:hover{background:#111;color:#cef2ce}}
@media(max-width:767px){.wong-services .ws-carousel{gap:8px}.wong-services .ws-card{padding:24px 16px}.wong-services .ws-card h3{font-size:20px;overflow-wrap:anywhere}}