/* Agente A: Services (.svc-) y Work (.wk-). Usa variables de base.css */
.svc{padding-bottom:calc(var(--sec-y) + clamp(40px,6vw,84px))}
.svc-top{align-items:center;gap:clamp(24px,5vw,72px)}
.svc-intro p{max-width:46ch;font-size:1.125rem}
.svc-intro h2{margin-top:14px}
/* hoja de orden de trabajo */
.svc-sheet{background:var(--ink);color:var(--txt-d);border-radius:8px;padding:clamp(20px,3vw,34px);position:relative;box-shadow:0 22px 50px -26px rgba(20,24,27,.6);border-top:6px solid var(--yellow)}
.svc-sheet-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:2px dashed var(--ink-3);font-family:var(--f-display);text-transform:uppercase;letter-spacing:.14em}
.svc-sheet-hd b{font-size:1.4rem;font-weight:900}
.svc-sheet-hd span{font-size:.85rem;font-weight:700;color:var(--yellow)}
.svc-list{list-style:none;margin:0;padding:0}
.svc-list li{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:8px;min-height:56px;border-bottom:1px solid var(--ink-3);transition:background .3s}
.svc-list li:hover{background:rgba(255,255,255,.03)}
.svc-n{font:800 1rem/1 var(--f-display);letter-spacing:.1em;color:var(--aqua)}
.svc-name{font:800 clamp(1.4rem,2.4vw,1.8rem)/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em}
.svc-box{width:22px;height:22px;border:2px solid var(--mist);border-radius:4px;transition:background .3s,border-color .3s}
.svc-list li:hover .svc-box{background:var(--yellow);border-color:var(--yellow)}
.svc-sheet-ft{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.svc-sheet-ft .btn{flex:1 1 auto}
/* interior / exterior */
.svc-duo{display:grid;gap:clamp(28px,4vw,56px);margin-top:clamp(48px,7vw,96px)}
@media(min-width:900px){.svc-duo{grid-template-columns:1fr 1fr}}
.svc-col h3{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;font-size:clamp(2rem,4vw,3rem);border-bottom:3px solid var(--ink);padding-bottom:8px}
.svc-col h3 .svc-n{color:var(--aqua-deep);font-size:.95rem}
.svc-col p{margin:14px 0 0;font-weight:500}
.svc-mosaic{display:grid;gap:10px;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.25/1}
.svc-mosaic>*{min-height:0;min-width:0}
.svc-a{grid-row:span 2}
.svc-mosaic .pasada{height:100%}
.svc-call{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px;border:2px dashed var(--ink);border-radius:6px}
.svc-call b{font:900 clamp(1.3rem,2.4vw,1.8rem)/1 var(--f-display);text-transform:uppercase}
.svc-call a{color:var(--aqua-deep);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
.svc-call a:hover{color:var(--ink)}
/* work */
.wk-top{gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,52px)}
.wk-top h2{margin:0}
.wk-top p{max-width:46ch;font-size:1.125rem}
.wk-types{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wk-types li{font:800 .9rem/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--ink-3);border-radius:999px;padding:9px 14px}
.wk-grid>.wide{grid-column:span 2;aspect-ratio:2/1}
.wk-c{margin:0}
.wk-c img{transition:transform .8s var(--ease)}
.wk-c:hover img{transform:scale(1.04)}
.wk-c figcaption{position:absolute;left:10px;bottom:10px;z-index:2;background:var(--ink);color:var(--txt-d);font:800 .8rem/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:3px;border-left:3px solid var(--yellow);opacity:0;transform:translateY(6px);transition:opacity .6s .7s,transform .6s .7s var(--ease)}
.wk-c.in figcaption{opacity:1;transform:none}
.wk-end{margin-top:clamp(36px,5vw,64px);text-align:center}
.wk-end p{font:800 clamp(1.5rem,3.4vw,2.4rem)/1.05 var(--f-display);text-transform:uppercase;margin-bottom:20px}
.wk-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media(max-width:560px){
  .svc-mosaic{aspect-ratio:auto;grid-template-rows:auto;grid-template-columns:1fr 1fr}
  .svc-a{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}
  .svc-mosaic>:not(.svc-a){aspect-ratio:1/1}
  .svc-call{aspect-ratio:auto!important}
}
@media(prefers-reduced-motion:reduce){.wk-c figcaption{opacity:1!important;transform:none!important}}
.t-paper .svc-sheet .btn-line{border-color:var(--txt-d);color:var(--txt-d)}
.t-paper .svc-sheet .btn-line:hover{background:var(--txt-d);color:var(--ink)}