/* Páginas de servicio (SEO). Se cargan después de legal.css y reutilizan sus tokens. */
.svc-hero{max-width:1180px;margin:0 auto;padding:clamp(32px,6vw,88px) var(--gutter) clamp(40px,6vw,72px);display:grid;gap:clamp(28px,5vw,64px);align-items:center}
@media (min-width:900px){.svc-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}
.svc-hero .kicker{display:block;font-size:14px;font-weight:500;color:var(--gold);margin-bottom:16px}
.svc-hero h1{font-size:clamp(38px,6.2vw,72px);margin-bottom:22px}
.svc-hero .lede{max-width:56ch}
.svc-hero figure{margin:0;border-radius:18px;overflow:hidden;background:var(--raised)}
.svc-hero figure img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media (max-width:899px){.svc-hero figure{max-width:420px}}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn.ghost{background:none;color:var(--gold)}
.btn.ghost:hover{background:var(--raised);color:var(--gold-hi)}
.facts{display:flex;flex-wrap:wrap;gap:8px 10px;margin:22px 0 0;padding:0;list-style:none}
.facts li{background:var(--raised);border-radius:6px;padding:7px 12px;font-size:14.5px;color:var(--mist)}

.svc{max-width:1180px;margin:0 auto;padding:0 var(--gutter) clamp(64px,8vw,120px)}
.svc>section{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--line);scroll-margin-top:96px}
.svc>section>h2{max-width:24ch}
.svc .intro{max-width:68ch}
.grid{display:grid;gap:14px;margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.grid .card{margin:0}
.card h3{margin:0 0 6px}
.card p{margin:0}
.checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;max-width:68ch}
.checks li{position:relative;padding-left:30px;margin:0}
.checks li::before{content:"";position:absolute;left:4px;top:.55em;width:12px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}

.price-box{background:var(--raised);border-radius:14px;padding:24px 26px;margin-top:22px;max-width:68ch}
.price-box .amount{font-family:var(--serif);font-size:clamp(34px,5vw,52px);line-height:1;color:var(--mist);margin:6px 0 10px}
.price-box .amount small{font-family:var(--sans);font-size:15px;color:var(--soft);margin-left:6px}
.plans3{display:grid;gap:14px;margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.plans3 .card{margin:0;display:flex;flex-direction:column;gap:10px}
.plans3 .card.hl{outline:1px solid var(--gold)}
.plans3 .amount{font-family:var(--serif);font-size:32px;color:var(--mist);line-height:1}
.plans3 ul{margin:0;padding-left:20px}
.plans3 li{margin-bottom:6px}

.steps{counter-reset:s;list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.steps li{counter-increment:s;background:var(--raised);border-radius:14px;padding:20px 22px;margin:0}
.steps li::before{content:"0" counter(s);display:block;font-family:var(--serif);font-size:28px;color:var(--gold);margin-bottom:8px}
.steps b{display:block;color:var(--mist);margin-bottom:4px}

.faq{margin-top:18px;max-width:72ch}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;position:relative;font-weight:600;color:var(--mist)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;color:var(--gold);transition:transform .2s var(--ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px}

.final{background:var(--raised);border-radius:18px;padding:clamp(28px,5vw,56px);margin-top:clamp(40px,6vw,72px)}
.final h2{font-size:clamp(28px,4vw,44px)}

/* Botón fijo de WhatsApp en celular */
.wa-bar{display:none}
@media (max-width:759px){
  .wa-bar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.45)}
  body{padding-bottom:84px}
}