/* Home — composiciones propias de esta página. */
.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,104px) 0 clamp(64px,8vw,110px)}
.nb{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:58px;flex:none}
.sueltos{display:flex;flex-wrap:wrap;gap:11px;max-width:640px}
.escalera{counter-reset:paso;display:grid;gap:0}
.bandas-fig{background:#fff;border:1px solid var(--linea);border-radius:var(--radio-l);padding:24px 22px 20px}
.nueve{display:grid;grid-template-columns:auto 1fr;gap:12px}
.arbol{display:grid;gap:0}
.par{display:grid;gap:26px}
.controles{display:grid;gap:0;border-top:1px solid var(--linea)}
.pasos{display:grid;gap:0}
.hero::after{content:"";position:absolute;left:-18%;top:-30%;width:70%;height:86%;background:radial-gradient(circle closest-side,rgba(15,143,131,.38),rgba(8,34,56,0));pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero h1{max-width:15ch}
.escena{position:relative}
.flotante{margin-top:14px;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--radio-m);background:#fff;color:var(--navy);box-shadow:0 22px 46px -18px rgba(3,16,28,.65)}
.flotante .flotante-t{font-size:.9rem;font-stretch:100%;letter-spacing:-.01em}
.flotante .mini{font-size:.79rem;margin-top:2px;max-width:30ch;color:#556A7C}
.nb i{display:block;aspect-ratio:1;border-radius:2px;background:#EDF1F5}
.nb i.t1{background:#D8F3E6}
.nb i.t2{background:#9EE3C4}
.nb i.t3{background:var(--mint)}
.frag{padding:11px 17px;background:#fff;border:1px solid var(--linea);border-radius:var(--radio-s);font-size:1rem;color:#3D5163;box-shadow:0 1px 0 rgba(8,34,56,.03)}
.frag:nth-child(2n){transform:translateY(9px)}
.frag:nth-child(3n){transform:translateY(-7px) rotate(-.7deg)}
.frag:nth-child(5n){transform:translateY(5px) rotate(.9deg)}
.giro{display:grid;gap:34px;align-items:end}
.veredicto{border-top:2px solid var(--navy);padding-top:24px;max-width:30ch;font-size:1.35rem;line-height:1.28;font-weight:600;letter-spacing:-.02em}
.bandas{border-top:1px solid var(--linea)}
.banda{display:grid;gap:14px;padding:30px 0;border-bottom:1px solid var(--linea)}
.banda-t{display:flex;align-items:baseline;gap:14px}
.banda-t h3{font-size:clamp(1.6rem,3.4vw,2.15rem);font-stretch:106%;letter-spacing:-.025em}
.marca-p{width:9px;height:9px;border-radius:2px;flex:none;transform:translateY(-4px)}
.m-teal{background:var(--teal)}
.m-mint{background:var(--mint)}
.m-violeta{background:var(--violeta)}
.peldano{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:17px 0;border-bottom:1px solid rgba(8,34,56,.1)}
.peldano:last-child{border-bottom:0}
.peldano em{font-style:normal;font-size:.82rem;font-weight:600;color:var(--teal-texto);padding-top:5px;min-width:26px}
.peldano b{font-weight:600;font-size:1.06rem;letter-spacing:-.012em}
.peldano span{display:block;font-size:.93rem;color:var(--gris);margin-top:2px}
.peldano:nth-child(2){padding-left:8px}
.peldano:nth-child(3){padding-left:16px}
.peldano:nth-child(4){padding-left:24px}
.peldano:nth-child(5){padding-left:32px}
.peldano:nth-child(6){padding-left:40px}
.bandas-fig .bandas-fig-t{font-size:.98rem;font-stretch:100%}
.remate{margin-top:clamp(30px,4vw,54px);padding-top:22px;border-top:2px solid var(--teal);max-width:34ch;font-size:1.22rem;line-height:1.35;font-weight:600;letter-spacing:-.018em}
.orbita{display:grid;gap:10px}
.orbita li{display:flex;gap:12px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid #E5E2F5}
.orbita li:last-child{border-bottom:0}
.orbita b{font-weight:600;min-width:132px;letter-spacing:-.01em}
.orbita span{font-size:.93rem;color:var(--gris)}
.rama{position:relative;padding:13px 0 13px 26px;border-left:1px solid var(--linea-oscura)}
.rama::before{content:"";position:absolute;left:0;top:24px;width:16px;height:1px;background:var(--linea-oscura)}
.rama:first-child{border-left-color:transparent;padding-left:0}
.rama:first-child::before{display:none}
.rama b{font-weight:600;font-size:1.05rem}
.rama span{display:block;font-size:.9rem;color:var(--gris-claro)}
.r1{margin-left:0}
.r2{margin-left:18px}
.r3{margin-left:36px}
.r4{margin-left:54px}
.derivados{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.par-item{padding:26px;border:1px solid var(--linea);border-radius:var(--radio-m)}
.par-item h3{margin-bottom:8px}
.nota{margin-top:14px;font-size:.9rem;color:var(--gris);padding-top:12px;border-top:1px solid var(--linea)}
.control{padding:16px 0;border-bottom:1px solid var(--linea);font-size:1.02rem}
.control span{color:var(--gris);font-size:.93rem;display:block}
.paso-i{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--linea)}
.paso-i:last-child{border-bottom:1px solid var(--linea)}
.paso-i em{font-style:normal;font-weight:700;font-size:1.02rem;color:var(--teal-texto);font-variant-numeric:tabular-nums}
.paso-i h3{margin-bottom:4px}
@media (min-width:620px){
  .par{grid-template-columns:1fr 1fr}
  .controles{grid-template-columns:1fr 1fr;column-gap:38px}
}
@media (min-width:900px){
  .giro{grid-template-columns:1.35fr 1fr;gap:56px}
  .banda{grid-template-columns:minmax(230px,.9fr) 1.6fr;gap:34px;align-items:start;padding:34px 0}
  .escena{position:relative;padding-bottom:78px}
  .flotante{position:absolute;right:6px;bottom:0;width:min(340px,82%);margin-top:0}
  .peldano:nth-child(2){padding-left:14px}
  .peldano:nth-child(3){padding-left:28px}
  .peldano:nth-child(4){padding-left:42px}
  .peldano:nth-child(5){padding-left:56px}
  .peldano:nth-child(6){padding-left:70px}
  .paso-i{grid-template-columns:58px 200px 1fr;gap:26px;align-items:baseline}
  .paso-i div:last-child{grid-column:3}
}