/* Plataforma — composiciones propias de esta página.
   Nada de aquí se promueve a zilvio.css hasta que una segunda página lo pida. */

/* --- hero: titular arriba, captura a todo lo ancho abajo --- */
.hero-p{position:relative;overflow:hidden;padding:clamp(52px,7vw,88px) 0 0}
.hero-p::after{content:"";position:absolute;right:-24%;top:-40%;width:76%;height:96%;
  background:radial-gradient(circle closest-side,rgba(15,143,131,.34),rgba(8,34,56,0));pointer-events:none}
.hero-p .wrap{position:relative;z-index:2}
.hero-p h1{max-width:21ch;font-size:clamp(2.2rem,4.7vw,3.55rem)}
.hero-p .texto-l{margin-top:24px;color:#C4D4E1;max-width:54ch}
.hero-p .btn{margin-top:32px}
.escenario{margin-top:clamp(44px,6vw,72px);padding-bottom:0}
.escenario .marco{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -20px 60px -30px rgba(0,0,0,.6)}

/* --- columna vertebral --- */
.columna{position:relative;display:grid;gap:0}
.columna::before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:2px;background:var(--linea)}
.nivel{position:relative;padding:14px 0 14px 32px}
.nivel::before{content:"";position:absolute;left:0;top:22px;width:14px;height:14px;border-radius:3px;
  background:#C2CEDA;box-shadow:0 0 0 4px var(--frio)}
.nivel b{font-weight:600;font-size:1.08rem;letter-spacing:-.014em}
.nivel span{display:block;font-size:.92rem;color:var(--gris)}
.nivel-vivo::before{background:var(--teal)}
.nivel-vivo b{color:var(--teal-texto)}
.dominios{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;padding-left:32px}
.dominio{position:relative;padding:10px 16px;border:1px solid var(--linea);border-radius:99px;
  background:#fff;font-size:.95rem;color:#3D5163}

/* --- cascadas: el dato se captura una vez --- */
.cascada{padding:clamp(26px,3.4vw,38px) 0;border-top:1px solid var(--linea)}
.cascada:last-of-type{border-bottom:1px solid var(--linea)}
.disparo{font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:700;letter-spacing:-.024em;line-height:1.15;max-width:16ch}
.efectos{display:grid;gap:14px;margin-top:22px}
.efectos li{padding-left:16px;border-left:1px solid var(--linea);font-size:.98rem;line-height:1.45;color:#3D5163}
.efectos li:first-child{border-left-color:var(--teal)}

/* --- evidencia: capturas grandes alternadas --- */
.evidencia{display:grid;gap:clamp(30px,4vw,48px);align-items:center;
  padding:clamp(38px,5vw,64px) 0;border-top:1px solid var(--linea-oscura)}
.evidencia h3{font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.022em;font-stretch:104%}
.evidencia .texto{color:var(--gris-claro);margin-top:14px}
.evidencia .mini{color:#7E93A6;margin-top:16px}

/* --- cómo se opera --- */
.operacion{display:grid;gap:clamp(28px,3.6vw,44px)}
.grupo h3{padding-bottom:12px;border-bottom:2px solid var(--navy)}
.grupo li{padding:12px 0;border-bottom:1px solid var(--linea);font-size:.99rem}
.grupo li span{display:block;font-size:.9rem;color:var(--gris)}

/* --- puertas a los territorios --- */
.puertas{display:grid;gap:0;border-top:1px solid var(--linea)}
.puerta{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--linea);text-decoration:none}
.puerta b{font-weight:600;font-size:1.16rem;letter-spacing:-.018em}
.puerta span{font-size:.95rem;color:var(--gris)}
.puerta:hover b{color:var(--teal-texto)}
.puerta-violeta:hover b{color:var(--violeta-texto)}

@media (min-width:720px){
  .efectos{grid-template-columns:repeat(4,1fr);gap:0}
  .efectos li{padding:0 18px}
  .cascada{display:grid;grid-template-columns:minmax(200px,.8fr) 2.2fr;gap:clamp(24px,3vw,48px);align-items:center}
  .efectos{margin-top:0}
  .operacion{grid-template-columns:1fr 1fr}
  .puerta{grid-template-columns:minmax(220px,.9fr) 1.6fr;align-items:baseline;gap:24px}
}
@media (min-width:900px){
  .columna{grid-template-columns:1fr 1fr;column-gap:56px}
  .columna::before{bottom:auto;height:calc(100% - 24px)}
  .dominios{grid-column:2;align-self:start;margin-top:0;padding-left:0}
  .col-niveles{grid-column:1}
  .evidencia{grid-template-columns:1.3fr .7fr}
  .evidencia:nth-of-type(even){grid-template-columns:.7fr 1.3fr}
  .evidencia:nth-of-type(even) .evidencia-txt{order:-1}
  .operacion{grid-template-columns:repeat(4,1fr)}
}