/* CAPTURE 369 · service exploration. Scoped to this Home section only. */
#servicios.capture-services{--cs-gold:#DCB675;--cs-ink:#101113;--cs-paper:#F3EEE4;--cs-muted:#D1CDC5;--cs-ease:cubic-bezier(.22,.61,.36,1);padding:clamp(1.5rem,4.5vw,3.75rem);scroll-margin-top:7rem}
#servicios.capture-services .cs-intro{display:grid;grid-template-columns:1fr .88fr;gap:2.5rem;align-items:end;margin-bottom:2.25rem}
#servicios.capture-services .cs-intro .eyebrow{margin:0 0 1.1rem;font:500 .6875rem/1.6 Manrope,Arial,sans-serif;letter-spacing:.18em;color:var(--cs-gold)}
#servicios.capture-services h2{margin:0;font-family:var(--capture-display,"Cormorant Garamond",Georgia,serif);font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:500;line-height:1.04;letter-spacing:-.035em;max-width:11em;color:var(--cs-paper)}
#servicios.capture-services .cs-lead{margin:0;font:400 1rem/1.85 Manrope,Arial,sans-serif;color:var(--cs-muted);max-width:36em;text-wrap:pretty}
#servicios.capture-services .cs-navigation{display:none}
#servicios.capture-services .cs-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;min-width:0}
#servicios.capture-services .cs-card{display:flex;flex-direction:column;min-width:0;padding:1.75rem;background:var(--cs-ink);border:1px solid #DCB67555;border-radius:1.5rem;overflow:visible;scroll-snap-align:start}
#servicios.capture-services .cs-card__heading{order:1;display:grid;grid-template-columns:1fr auto;column-gap:1rem;align-items:start;margin-bottom:1.35rem}
#servicios.capture-services .cs-card__index{grid-column:2;grid-row:1/3;font:500 2.25rem/1 var(--capture-display,"Cormorant Garamond",Georgia,serif);color:var(--cs-gold)}
#servicios.capture-services .cs-card__eyebrow{margin:0 0 .45rem;font:500 .625rem/1.6 Manrope,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--cs-gold)}
#servicios.capture-services .cs-card h3{margin:0;font:500 1.5rem/1.35 Manrope,Arial,sans-serif;letter-spacing:-.035em;color:var(--cs-paper)}
#servicios.capture-services .cs-card__stage{order:2;min-width:0;flex:1}
#servicios.capture-services .cs-card__face{min-width:0}
#servicios.capture-services .cs-card__art{height:10.5rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#DCB67518,transparent 70%);border-radius:1rem;margin-bottom:1.25rem;overflow:hidden}
#servicios.capture-services .cs-card__art svg{display:block;width:100%;height:100%;max-width:23rem;color:var(--cs-gold)}
#servicios.capture-services .cs-card p{margin:0;font:400 .9375rem/1.8 Manrope,Arial,sans-serif;color:var(--cs-muted);text-wrap:pretty}
#servicios.capture-services .cs-card p.cs-card__eyebrow{font:500 .625rem/1.6 Manrope,Arial,sans-serif;letter-spacing:.13em;color:var(--cs-gold);margin:0 0 .45rem}
#servicios.capture-services .cs-card p.cs-card__detail-label{font:500 .6875rem/1.6 Manrope,Arial,sans-serif;letter-spacing:.14em;color:var(--cs-gold);margin:0 0 1rem}
#servicios.capture-services .cs-card__back{margin-top:1.25rem;border-top:1px solid #DCB67540;padding-top:1.25rem}
#servicios.capture-services .cs-card__back .cs-card__detail-label{margin:0 0 1rem;font:500 .6875rem/1.6 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-gold)}
#servicios.capture-services .cs-card ul{padding:0;margin:1rem 0;list-style:none;display:grid;gap:.5rem}
#servicios.capture-services .cs-card li{display:flex;gap:.7rem;font:400 .875rem/1.65 Manrope,Arial,sans-serif;color:var(--cs-paper)}
#servicios.capture-services .cs-card li::before{content:"";flex:0 0 .28rem;height:.28rem;border:1px solid var(--cs-gold);border-radius:50%;margin-top:.6rem}
#servicios.capture-services .cs-card__link{display:inline-flex;align-items:center;gap:.75rem;min-height:2.75rem;max-width:100%;font:500 .875rem/1.65 Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:.25rem;color:var(--cs-gold)}
#servicios.capture-services .cs-card__toggle{order:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:2.75rem;margin:1.5rem 0 0;padding:.75rem 0 .1rem;border:0;border-top:1px solid #DCB67540;border-radius:0;background:transparent;box-shadow:none;text-align:left;font:500 .8125rem/1.6 Manrope,Arial,sans-serif;color:var(--cs-paper);cursor:pointer}
#servicios.capture-services .cs-card__toggle svg{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;color:var(--cs-gold)}
#servicios.capture-services [hidden]{display:none!important}
#servicios.capture-services :is(h2,h3,p,li,a,button,span){overflow-wrap:anywhere}
#servicios.capture-services .cs-card__toggle span{min-width:0}
#servicios.capture-services :is(button,a,.cs-track):focus-visible{outline:3px solid var(--cs-gold);outline-offset:5px}
#servicios.capture-services[data-services-ready] .cs-card__stage{display:grid;perspective:90rem}
#servicios.capture-services[data-services-ready] .cs-card__face{grid-area:1/1;backface-visibility:hidden;transform-style:preserve-3d;transition:transform 440ms var(--cs-ease)}
#servicios.capture-services[data-services-ready] .cs-card__front{transform:rotateY(0)}
#servicios.capture-services[data-services-ready] .cs-card__front{display:flex;flex-direction:column}
#servicios.capture-services[data-services-ready] .cs-card__front .cs-card__art{flex:1;min-height:10.5rem}
#servicios.capture-services[data-services-ready] .cs-card__back{margin:0;border:0;padding:1rem 0 0;transform:rotateY(180deg)}
#servicios.capture-services[data-services-ready] .cs-card.is-open .cs-card__front{transform:rotateY(-180deg)}
#servicios.capture-services[data-services-ready] .cs-card.is-open .cs-card__back{transform:rotateY(0)}
#servicios.capture-services .cs-closing{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid #DCB67535}
#servicios.capture-services .cs-closing p{margin:0;max-width:34em;font:400 .8125rem/1.8 Manrope,Arial,sans-serif;color:var(--cs-muted)}
#servicios.capture-services .cs-closing a{display:inline-flex;gap:.75rem;align-items:center;min-height:2.75rem;font:500 .875rem/1.6 Manrope,Arial,sans-serif;color:var(--cs-gold);text-decoration:underline;text-underline-offset:.25rem}
@media(max-width:760px){
 #servicios.capture-services{padding:1.75rem .75rem;border-radius:2.75rem 1.25rem 2.75rem 1.25rem}
 #servicios.capture-services .cs-intro{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}
 #servicios.capture-services h2{font-size:clamp(2.25rem,9vw,3.25rem);max-width:11em}
 #servicios.capture-services .cs-lead{font-size:.9375rem;line-height:1.8}
 #servicios.capture-services[data-services-ready] .cs-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
 #servicios.capture-services .cs-navigation p{margin:0;font:400 .75rem/1.65 Manrope,Arial,sans-serif;color:var(--cs-muted);max-width:16em}
 #servicios.capture-services .cs-navigation [data-services-status]{display:block;color:var(--cs-gold);font-weight:600}
 #servicios.capture-services .cs-navigation__buttons{display:flex;gap:.5rem;flex:0 0 auto}
 #servicios.capture-services .cs-navigation button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid #DCB67588;border-radius:50%;background:transparent;color:var(--cs-gold);font:400 1.25rem/1 Manrope,Arial,sans-serif;cursor:pointer}
 #servicios.capture-services .cs-navigation button:disabled,#servicios.capture-services .cs-navigation button[aria-disabled="true"]{border-color:#DCB67530;color:#A6A198;cursor:default}
 #servicios.capture-services .cs-track{grid-template-columns:1fr;gap:1rem}
 #servicios.capture-services[data-services-ready] .cs-track{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.4rem;padding:.4rem .4rem 1.15rem;margin-inline:-.4rem;scrollbar-width:thin;scrollbar-color:#DCB67588 transparent}
 #servicios.capture-services .cs-card{flex:0 0 calc(100% - 1rem);padding:1rem;border-radius:1.25rem}
 #servicios.capture-services .cs-card h3{font-size:1.3125rem}
 #servicios.capture-services .cs-card__index{font-size:2rem}
 #servicios.capture-services .cs-card__art{height:9.5rem;margin-bottom:1.1rem}
 #servicios.capture-services .cs-card p{font-size:.9375rem;line-height:1.8}
 #servicios.capture-services .cs-card__toggle{font-size:.8125rem}
 #servicios.capture-services .cs-closing{flex-direction:column;gap:.65rem;margin-top:1rem}
}
@media(max-width:360px){
 #servicios.capture-services{padding-inline:1rem}
 #servicios.capture-services .cs-card{padding:1rem;flex-basis:calc(100% - .9rem)}
 #servicios.capture-services .cs-navigation{align-items:end;gap:.5rem}
 #servicios.capture-services .cs-navigation p{max-width:11em}
}
@media(prefers-reduced-motion:reduce){
 #servicios.capture-services[data-services-ready] .cs-card__face{transition:none;transform:none!important}
 #servicios.capture-services[data-services-ready] .cs-card__face[aria-hidden=true]{visibility:hidden}
}
@media print{
 #servicios.capture-services .cs-track{display:block;overflow:visible}
 #servicios.capture-services .cs-card{break-inside:avoid;margin-block:1rem}
 #servicios.capture-services[data-services-ready] .cs-card__stage{display:block}
 #servicios.capture-services[data-services-ready] .cs-card__face{transform:none!important;visibility:visible!important;transition:none}
 #servicios.capture-services .cs-card__back{margin-top:1rem!important}
 #servicios.capture-services :is(.cs-navigation,.cs-card__toggle){display:none!important}
}
