.qs .sv-hero{max-width:1120px;margin:0 auto;padding:20px 20px 24px}.qs .sv-banner{--ov: .5;position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:520px;display:flex;align-items:flex-end;padding:28px 24px 32px;background:linear-gradient(135deg,var(--mid-green),var(--soft-green))}.qs .sv-banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.qs .sv-banner .bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.qs .sv-banner .bg span{display:none}.qs .sv-banner.has-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgba(8,24,16,calc(var(--ov) * 1.6)),rgba(8,24,16,calc(var(--ov) * .7)) 55%,#08181000)}.qs .sv-banner .copy{width:100%;max-width:620px}.qs .sv-banner h1{font-size:clamp(36px,10.5cqw,56px);line-height:1.05;font-weight:700;letter-spacing:-.03em;margin:10px 0 14px;text-wrap:balance}.qs .sv-banner .eyebrow{font-size:12px;letter-spacing:.07em}.qs .sv-banner .lead{color:var(--text-soft);font-size:18px;max-width:560px;text-wrap:pretty}.qs .sv-banner.has-img .eyebrow{color:#bfe8d0}.qs .sv-banner.has-img h1{color:#fff}.qs .sv-banner.has-img .lead{color:#ffffffeb}.qs .sv-banner.has-img .btn.sec{color:#fff;border-color:#ffffffbf}.qs .sv-btns{display:flex;flex-direction:column;gap:10px;margin-top:26px;max-width:340px}.qs .sv-btns .btn{width:100%}@media(hover:hover)and (pointer:fine){.qs .sv-banner.has-img .btn.sec:hover{background:#fff;color:var(--accent)}}.qs .sv-split{display:grid;gap:24px;align-items:center}.qs .sv-split .photo{aspect-ratio:4 / 3;border-radius:28px}.qs .sv-split .copy p{color:var(--text-soft);margin-top:12px;max-width:520px;text-wrap:pretty}.qs .sv-split .copy p b{color:var(--text);font-weight:600}.qs .sv-list{display:grid;gap:10px;margin-top:18px}.qs .sv-list li{position:relative;padding-left:34px;color:var(--text);font-weight:500}.qs .sv-list li:before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--soft-green)}.qs .sv-list li:after{content:"";position:absolute;left:7px;top:6px;width:8px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);rotate:-45deg}.qs .sv-note{margin-top:16px;font-size:14px;color:var(--text-soft)}.qs .sv-steps{display:grid;gap:14px;margin-top:30px;counter-reset:sv}.qs .sv-step{position:relative;background:var(--surface);border-radius:24px;padding:22px 22px 22px 78px;counter-increment:sv}.qs .sv-step:before{content:counter(sv);position:absolute;left:22px;top:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:18px}.qs .sv-step h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.qs .sv-step p{color:var(--text-soft);margin-top:4px;font-size:16px}.qs .sv-faq{margin-top:28px;display:grid;gap:10px;max-width:760px}.qs .sv-faq details{background:var(--surface);border-radius:20px}.qs .sv-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px;font-weight:600;font-size:17px;line-height:1.3}.qs .sv-faq summary::-webkit-details-marker{display:none}.qs .sv-faq summary:after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);rotate:45deg;translate:0 -2px;transition:rotate .22s var(--ease-out)}.qs .sv-faq details[open] summary:after{rotate:-135deg;translate:0 2px}.qs .sv-faq .ans{padding:0 20px 18px;color:var(--text-soft);max-width:640px;text-wrap:pretty}@container (min-width: 720px){.qs .sv-hero{padding:40px 40px 32px}.qs .sv-banner{min-height:580px;align-items:center;padding:56px;border-radius:36px}.qs .sv-banner.has-img:after{background:linear-gradient(to right,rgba(8,24,16,calc(var(--ov) * 1.6)),rgba(8,24,16,calc(var(--ov) * .8)) 45%,#08181000 80%)}.qs .sv-banner h1{font-size:clamp(44px,6.2cqw,64px)}.qs .sv-banner .lead{font-size:20px}.qs .sv-btns{flex-direction:row;max-width:none}.qs .sv-btns .btn{width:auto}.qs .sv-split{grid-template-columns:1fr 1fr;gap:64px}.qs .sv-split.rev .photo{order:2}.qs .sv-steps{grid-template-columns:repeat(2,1fr);gap:16px}.qs .sv-steps.n3,.qs .sv-steps.n4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.qs .sv-step{padding:76px 24px 24px}.qs .sv-step:before{left:24px;top:24px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/qs-servicio.css.map */