.sistema{padding-block:80px}
.sistema h2{margin-bottom:6px}
.fases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.fase{background:#fff;border-radius:18px;padding:22px 22px 18px;box-shadow:0 8px 22px rgba(0,0,0,.06);border-top:6px solid var(--rojo)}
.fase h3{margin:0 0 4px;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.fase .fase-sub{font-family:var(--mano);font-size:22px;margin:0 0 12px;color:#555}
.paso-s{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px dashed #e4dbcf}
.paso-s:first-of-type{border-top:0}
.paso-s b.n{flex:none;font-weight:900;color:#fff;background:var(--negro,#141414);border-radius:8px;min-width:30px;height:30px;display:grid;place-items:center;font-size:13px}
.paso-s strong{display:block;font-size:16px;line-height:1.25}
.paso-s span{font-size:14px;color:#555;line-height:1.4}
.lista-espera{margin-top:34px;background:var(--rojo);color:#fff;border-radius:20px;padding:26px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.lista-espera p{margin:0;font-size:18px;max-width:34em}
.lista-espera .boton{width:auto;background:#fff;color:var(--rojo);box-shadow:0 5px 0 #d8cfc4}
@media(max-width:820px){.fases{grid-template-columns:1fr}}
.sistema .eyebrow{margin-bottom:12px}
.pautas-bloqueadas li{min-width:0}.pautas-bloqueadas .borroso{flex:1 1 auto}@media(max-width:600px){.pautas-bloqueadas li{gap:10px;padding:14px}.candado{font-size:11px}}
html,body{overflow-x:clip}
.arquitecta{margin:18px 0 0;font-size:clamp(24px,3.4vw,36px);line-height:1.15;font-weight:900;letter-spacing:-.02em}
.arquitecta em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;color:var(--rojo)}
.negro .arquitecta em{color:var(--amarillo)}
.slide-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;box-shadow:0 6px 14px rgba(0,0,0,.15);display:block}
.panel.activo .slide-img{animation:entra .4s .7s both}