/* VERTIX · Academy — solo lo propio de esta página; el resto vive en base.css */

.academy-hero{text-align:center}
.academy-hero .h1{max-width:14ch;margin:0 auto}
.academy-hero .lead{margin-left:auto;margin-right:auto}
.academy-hero .actions{justify-content:center}
.archive-shot{margin-top:clamp(48px,6vw,80px)}
.archive-shot img{aspect-ratio:1902/898}

/* Prueba */
.proof{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:start;margin-bottom:clamp(40px,5vw,64px)}

/* Pilares: carril horizontal nativo con scroll-snap */
.rail{
  display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:4px max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut))) 24px;
  scroll-padding:0 max(var(--gut),calc((100vw - var(--wrap)) / 2 + var(--gut)));
}
.rail::-webkit-scrollbar{display:none}
.pillar{flex:0 0 clamp(240px,26vw,320px);scroll-snap-align:start}
.pillar .shot{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:3/4;background:var(--bg-2);box-shadow:var(--glass-shadow)}
.pillar img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pillar:hover img{transform:scale(1.04)}
.pillar figcaption{padding:14px 4px 0;display:flex;flex-direction:column;gap:2px}
.pillar figcaption b{font-weight:600;font-size:16px}
.pillar figcaption span{color:var(--mute);font-size:14.5px}

/* The Archive */
#archive .sec-head .prose{max-width:30em;color:var(--mute)}
#archive .sec-head .prose strong{color:var(--ink)}
.archive-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.archive-grid .card{grid-column:span 2}
.archive-grid .card:nth-child(4),.archive-grid .card:nth-child(5){grid-column:span 3}

/* Planes */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin:0 auto}
.tier{border-radius:var(--r-xl);padding:clamp(28px,3.4vw,40px);display:flex;flex-direction:column}
.tier-go{background:rgba(255,255,255,.72);box-shadow:var(--lift-shadow);outline:1.5px solid rgba(232,87,42,.35);outline-offset:-1.5px}
.tier-name{font:600 16px/1 var(--f-ui);color:var(--ink-2)}
.tier-go .tier-name{color:var(--accent-ink)}
.tier-price{font:600 clamp(52px,6vw,72px)/1 var(--f-display);letter-spacing:-.05em;margin-top:18px}
.tier-price small{font:500 16px/1 var(--f-ui);letter-spacing:0;color:var(--mute)}
.tier-sub{color:var(--mute);margin-top:8px;font-size:15px}
.tier .checks{margin:26px 0 30px}
.tier .checks strong{font-weight:600;color:var(--ink)}
.tier .btn{margin-top:auto;width:100%}
.tier-note{margin-top:14px;color:var(--mute);font-size:14px;text-align:center}

@media (max-width:960px){
  .proof{grid-template-columns:1fr}
  .archive-grid{grid-template-columns:1fr 1fr}
  .archive-grid .card,.archive-grid .card:nth-child(4),.archive-grid .card:nth-child(5){grid-column:auto}
  .archive-grid .card:nth-child(5){grid-column:1/-1}
}
@media (max-width:640px){
  .tiers,.archive-grid{grid-template-columns:1fr}
  .pillar{flex-basis:72vw}
}