/* ---------- landing de servicio ---------- */
.miga{font-size:13px;color:var(--granito);padding:18px 0 0}
.incluye{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.area{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:24px}
.area h3{font-size:17px;margin:10px 0 12px}
.area ul{list-style:none;display:grid;gap:8px}
.area li{font-size:14px;color:var(--granito);padding-left:16px;position:relative}
.area li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--albarino)}
.cambio{background:#fff;border:1px solid var(--borde);border-radius:calc(var(--radio) + 6px);padding:44px 48px;margin-top:0}
.cambio .pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.cambio .paso-c{position:relative;padding-top:14px}
.cambio .paso-c .n{font-family:"IBM Plex Mono",monospace;color:var(--albarino);font-size:13px;letter-spacing:.08em}
.cambio .paso-c b{display:block;font-family:"Archivo";font-size:17px;margin:6px 0 8px}
.cambio .paso-c p{font-size:14.5px;color:var(--granito)}
.planes{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{background:#fff;border:1.5px solid var(--borde);border-radius:var(--radio);padding:30px 28px;display:flex;flex-direction:column}
.plan.destacado{border-color:var(--ria);box-shadow:0 16px 40px rgba(11,46,59,.12);position:relative}
.plan.destacado::before{content:"El más contratado";position:absolute;top:-13px;left:24px;background:var(--ria);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.05em;padding:4px 12px;border-radius:999px}
.plan .nombre{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--granito)}
.plan .precio{font-family:"Archivo";font-weight:800;font-size:38px;margin:10px 0 2px;color:var(--tinta)}
.plan .precio small{font-size:15px;font-weight:600;color:var(--granito)}
.plan .para{font-size:13.5px;color:var(--granito);margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--borde)}
.plan ul{list-style:none;display:grid;gap:9px;flex:1}
.plan li{font-size:14px;padding-left:22px;position:relative}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--ria);font-weight:700}
.plan li.no{color:#9AA7AD}
.plan li.no::before{content:"—";color:#C4CFD4}
.plan .btn{margin-top:22px;text-align:center;border-radius:10px}
.nota-precios{margin-top:16px;font-size:13px;color:var(--granito)}
@media (max-width:960px){
.incluye{grid-template-columns:1fr 1fr}
.cambio{padding:32px 26px}
.cambio .pasos{grid-template-columns:1fr}
.planes{grid-template-columns:1fr}
}
@media (max-width:640px){
.incluye{grid-template-columns:1fr}
}