/* Growing · bloque "Qué podrás hacer": lista a la izquierda y una pantalla que cambia al tocar.
   En móvil la pantalla sale debajo de la función tocada. Lo usan la portada y /apuntate/. */
.cz .vb{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,4vw,56px);margin-top:28px;align-items:start}
.cz .vb-l{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--tinta)}
.cz .vb-l>li{border-bottom:1px solid var(--linea)}
.cz .vb-it{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:11px 4px}
.cz .vb-it:focus-visible{outline:2px solid var(--marca);outline-offset:2px}
.cz .vb-it h3{font-size:1.35rem;opacity:.45;transition:opacity .2s}
.cz .vb-it[aria-expanded="true"] h3{opacity:1}
.cz .vb-tx{padding:0 4px 14px}.cz .vb-tx[hidden]{display:none}
.cz .vb-tx>p{margin:0;font:400 1rem/1.5 var(--f-ui);color:var(--tinta2)}
.cz .vb-tx .lleva{margin-top:12px}
.cz .vb-p{position:sticky;top:90px}.cz .vb-p img{display:block;width:100%;height:auto}
@media(max-width:900px){.cz .vb{grid-template-columns:1fr}.cz .vb-p{position:static;margin:0 0 18px}}

/* Tres columnas en pantallas anchas: títulos, texto de la función abierta y pantalla. */
@media(min-width:1000px){
  .cz .vb{grid-template-columns:minmax(0,.62fr) minmax(0,.9fr) minmax(0,1.5fr);gap:clamp(24px,3vw,44px)}
  .cz .vb-c{position:sticky;top:90px;padding-top:14px;border-top:1.5px solid var(--tinta)}
  .cz .vb-c .vb-tx{padding:0}
  .cz .vb-c .vb-tx>p{font-size:1.0625rem}
}
@media(max-width:999px){.cz .vb-c{display:none}}

/* Una función con varias pantallas (el comité): botones debajo para pasar de una a otra. */
.cz .vb-vistas{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cz .vb-vistas[hidden]{display:none}
.cz .vb-vistas button{all:unset;cursor:pointer;font:500 .9375rem var(--f-ui);padding:8px 14px;border:1.5px solid var(--tinta);border-radius:999px;color:var(--tinta)}
.cz .vb-vistas button[aria-pressed="true"]{background:var(--tinta);color:var(--papel)}
.cz .vb-vistas button:focus-visible{outline:2px solid var(--marca);outline-offset:2px}

/* 09/10/2026: las animaciones ya traen su ventana; fuera el marco de fuera */
.cz .vb-p .ventana.anim{border:0;background:none;box-shadow:none;padding:0;border-radius:12px;overflow:hidden}.cz .vb-p .ventana.anim .barra{display:none}
.anim-vivo .cz .vb-p .ventana.anim img{display:none}