/* P003: contenido de servicios. Acotado al componente, sin cambiar las escenas aprobadas. */
.af-service-body {position:relative;z-index:1}
.af-service-body .section-header{max-width:830px;margin-bottom:36px}
.af-service-body .section-header>p:not(.eyebrow){max-width:64ch;line-height:1.8}
.af-service-intro{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start}
.af-service-intro h2{font-size:clamp(29px,3vw,43px);line-height:1.15;letter-spacing:-.04em;max-width:19ch}
.af-service-intro p{line-height:1.85;color:#c2c4bf}
.af-service-intro .af-service-verdict{margin-top:24px;border-left:2px solid var(--af-copper);padding:12px 0 12px 22px;color:var(--af-paper);background:linear-gradient(90deg,#f8822208,transparent)}
.af-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.af-service-card{padding:32px 28px;border:1px solid var(--af-hairline);border-radius:var(--af-radius);background:linear-gradient(160deg,#fff1de05,#10121290);min-width:0}
.af-service-card>span{display:block;margin-bottom:22px;color:var(--af-copper-light);font:11px/1.5 ui-monospace,monospace;letter-spacing:.11em}
.af-service-card h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}
.af-service-card p{color:#bfc3bb;font-size:15px;line-height:1.8;margin:0}
.af-service-card .af-service-delivery{margin-top:22px;padding-top:18px;border-top:1px solid var(--af-hairline);color:#fff1de;font-size:13px}
.af-service-delivery strong{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:6px;color:var(--af-copper-light)}
.af-service-path{counter-reset:af-path;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:32px 0 0;list-style:none;border-top:1px solid #f8822260;gap:24px}
.af-service-path li{position:relative;padding:28px 8px 0 0;counter-increment:af-path;min-width:0}
.af-service-path li:before{content:counter(af-path,decimal-leading-zero);font:12px ui-monospace,monospace;color:var(--af-copper-light);display:block;margin-bottom:20px}
.af-service-path h3{font-size:20px;line-height:1.3;margin:0 0 12px}.af-service-path p{font-size:14px;line-height:1.8;color:#bfc3bb}
.af-service-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.af-service-split>div{padding:32px;border-top:1px solid var(--af-hairline);background:#fff1de04;border-radius:0 0 12px 12px}
.af-service-split h3{font-size:24px;line-height:1.25}.af-service-split p{line-height:1.8;color:#c2c4bf}
.af-service-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px}.af-service-faq h2{max-width:15ch}
.af-service-faq details{border-bottom:1px solid var(--af-hairline);padding:0 0 20px;margin-bottom:20px}
.af-service-faq summary{font-size:18px;font-weight:600;line-height:1.4;cursor:pointer;padding-block:10px;list-style:none;display:flex;align-items:baseline;gap:20px;justify-content:space-between}
.af-service-faq summary::-webkit-details-marker{display:none}.af-service-faq summary:after{content:'+';color:var(--af-copper-light);font-size:24px;font-weight:400}.af-service-faq details[open] summary:after{content:'−'}
.af-service-faq summary:focus-visible{outline:2px solid var(--af-lime);outline-offset:5px}.af-service-faq details p{line-height:1.8;color:#c2c4bf;padding-right:28px;font-size:15px;margin-top:12px}
.af-service-context{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.af-service-context a{text-decoration:underline;text-underline-offset:5px;color:var(--af-paper);font-size:14px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:960px){.af-service-intro,.af-service-faq{grid-template-columns:1fr;gap:28px}.af-service-intro h2,.af-service-faq h2{max-width:100%}.af-service-cards{grid-template-columns:1fr}.af-service-path{grid-template-columns:repeat(2,minmax(0,1fr))}.af-service-card{padding:27px}.af-service-split{gap:20px}}
@media(max-width:600px){.af-service-split{grid-template-columns:1fr}.af-service-path{grid-template-columns:1fr;gap:0}.af-service-path li{padding:24px 0 0;display:grid;grid-template-columns:30px 1fr;column-gap:12px}.af-service-path li:before{grid-row:1/3;margin-top:4px}.af-service-path h3{margin-bottom:8px}.af-service-path p{grid-column:2}.af-service-split>div{padding:26px 22px}}
