/* Talento — composiciones propias de esta página.
   Compensación es escala y regla; aquí el eje es la persona y sus capas. */

/* --- hero 50/50 --- */
.hero-t{position:relative;overflow:hidden;padding:clamp(52px,7vw,96px) 0 clamp(60px,8vw,108px)}
.hero-t::after{content:"";position:absolute;left:-14%;top:-36%;width:64%;height:92%;
  background:radial-gradient(circle closest-side,rgba(119,103,232,.42),rgba(8,34,56,0));pointer-events:none}
.hero-t .wrap{position:relative;z-index:2}
.hero-t-rejilla{display:grid;gap:clamp(40px,5vw,58px)}
.hero-t h1{max-width:16ch;font-size:clamp(2.15rem,4.7vw,3.55rem)}
.hero-t .texto-l{margin-top:22px;color:#C4D4E1;max-width:50ch}
.hero-t .btn{margin-top:30px}
.rotulo-v{font-size:.98rem;font-weight:600;color:#A79BF2;letter-spacing:-.01em}

/* --- lienzo de figuras --- */
.fig .nucleo,.s-navy .fig .nucleo{fill:rgba(119,103,232,.2);stroke:#7767E8}

/* --- preguntas del problema: escalonadas, sin filetes --- */
.dudas{display:grid;gap:18px}
.dudas p{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:600;letter-spacing:-.022em;line-height:1.22;color:#3D5163;max-width:24ch}
.dudas p:nth-child(2){margin-left:6%}
.dudas p:nth-child(3){margin-left:12%}
.dudas p:nth-child(4){margin-left:6%}
.dudas p:nth-child(5){margin-left:14%}
.sentencia{margin-top:clamp(34px,4.6vw,58px);padding-top:24px;border-top:2px solid var(--violeta);
  max-width:24ch;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:700;letter-spacing:-.026em;line-height:1.16}

/* --- lecturas enfrentadas --- */
.lecturas{display:grid;gap:0;border-top:1px solid var(--linea)}
.lectura{padding:22px 0;border-bottom:1px solid var(--linea)}
.lectura b{display:block;font-weight:600;font-size:1.2rem;letter-spacing:-.018em}
.lectura span{font-size:.98rem;color:var(--gris)}

/* --- nine box --- */
.nb9{display:grid;grid-template-columns:auto 1fr;gap:12px}
.nb9-y{display:grid;align-content:space-between;padding:12px 0;font-size:.84rem;color:var(--gris);text-align:right}
.nb9-caja{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nb9-caja i{display:block;aspect-ratio:1.5;border-radius:6px;background:#F3F1FC;border:1px solid #E5E1F7}
.nb9-caja i.v1{background:#E4DFFA}
.nb9-caja i.v2{background:#CFC6F5}
.nb9-caja i.v3{background:#B3A6EF}
.nb9-x{grid-column:2;display:flex;justify-content:space-between;font-size:.84rem;color:var(--gris);margin-top:8px}

/* --- cuadrante a decisión --- */
.decisiones{display:grid;gap:0;border-top:1px solid rgba(8,34,56,.12)}
.decisiones div{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid rgba(8,34,56,.12)}
.decisiones b{font-weight:600}
.decisiones span{font-size:.94rem;color:var(--gris)}

/* --- 360: cuatro miradas que convergen --- */
.miradas{display:grid;gap:14px}
.mirada{padding:16px 18px;border:1px solid var(--linea);border-radius:var(--radio-m);background:#fff}
.mirada b{display:block;font-weight:600}
.mirada span{font-size:.92rem;color:var(--gris)}
.contraste{margin-top:26px;padding-left:18px;border-left:2px solid var(--violeta);
  font-size:1.16rem;font-weight:600;line-height:1.35;letter-spacing:-.016em;max-width:44ch}

/* --- rutas 70/20/10 --- */
.rutas{display:grid;gap:10px;margin-top:8px}
.ruta{padding:18px 20px;border-radius:var(--radio-m);background:#fff;border:1px solid #E5E1F7}
.ruta b{display:block;font-weight:700;font-size:1.5rem;letter-spacing:-.02em}
.ruta p{font-size:.96rem;color:#3D4A5C;margin-top:4px}
.ruta-70{background:#DCD5F8;border-color:#DCD5F8}
.ruta-20{background:#EEEBFB;border-color:#EEEBFB}

/* --- criticidad --- */
.riesgos{display:grid;gap:0}
.riesgo{padding:18px 0 18px 30px;position:relative;border-bottom:1px solid var(--linea-oscura)}
.riesgo:last-child{border-bottom:0}
.riesgo::before{content:"";position:absolute;left:0;top:25px;width:10px;height:10px;border-radius:2px;background:#A79BF2}
.riesgo b{font-weight:600;font-size:1.06rem}
.riesgo span{display:block;font-size:.93rem;color:var(--gris-claro)}
.aclaracion{margin-top:clamp(26px,3.4vw,40px);padding:18px 20px;border-left:2px solid #A79BF2;
  background:rgba(119,103,232,.1);border-radius:0 var(--radio-m) var(--radio-m) 0;max-width:60ch;color:#C4D4E1;font-size:.98rem}

/* --- sucesión --- */
.sucesion{display:grid;gap:14px}
.clave{padding:20px;border:2px solid var(--navy);border-radius:var(--radio-m)}
.clave b{font-weight:700;font-size:1.14rem}
.clave span{display:block;font-size:.94rem;color:var(--gris)}
.candidatos{display:grid;gap:10px}
.cand{padding:16px 18px;border:1px solid var(--linea);border-radius:var(--radio-m);background:#fff}
.cand b{display:block;font-weight:600}
.cand span{font-size:.92rem;color:var(--gris)}
.escala{display:flex;gap:4px;margin-top:10px}
.escala i{width:26px;height:5px;border-radius:3px;background:#E5E1F7}
.escala i.on{background:var(--violeta)}

/* --- ciclo --- */
.orbita-t{max-width:760px;margin:0 auto}

/* --- reparto --- */
.conversacion{margin-top:clamp(30px,4vw,48px);padding-top:22px;border-top:2px solid var(--navy);
  max-width:36ch;font-size:1.24rem;font-weight:600;line-height:1.32;letter-spacing:-.018em}

body{--acento:var(--violeta)}

@media (min-width:720px){
  .miradas{grid-template-columns:repeat(2,1fr)}
  .decisiones{grid-template-columns:1fr 1fr;column-gap:34px}
  .rutas{grid-template-columns:7fr 2fr 1fr;gap:8px}
  .ruta p{font-size:.9rem}
  .candidatos{grid-template-columns:repeat(3,1fr)}
  .lecturas{grid-template-columns:1fr 1fr;column-gap:38px}
}
@media (min-width:900px){
  .hero-t-rejilla{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(38px,4.4vw,64px)}
  .sucesion{grid-template-columns:minmax(230px,.8fr) 2.2fr;gap:28px;align-items:start}
  .dudas p:nth-child(2){margin-left:10%}
  .dudas p:nth-child(3){margin-left:20%}
  .dudas p:nth-child(4){margin-left:10%}
  .dudas p:nth-child(5){margin-left:24%}
}