/* ============================================================================
   SACRyC 2026 · Un año en movimiento (/2026) — noviembre 2026.
   Paleta del material: navy #13296B, eléctrico #2335E6, fondo claro #F2F3F7.
   ========================================================================== */
.pg-a26{--a-navy:#0b1640;--a-navy2:#13296B;--a-elec:#2335E6;--a-light:#F2F3F7;--a-gold:#c9a46a;--a-ink:#0d1533;--a-mut:#5b6685}
.a26-k{display:inline-flex;align-items:center;gap:12px;color:#9fb4ff;font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.a26-k::before{content:"";width:28px;height:1px;background:currentColor}
.a26-k.dk{color:var(--a-elec)}
.a26-b{height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff!important;font:inherit;font-weight:700;font-size:.92rem;
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none!important;transition:background .25s,border-color .25s,transform .2s}
.a26-b:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}
.a26-b:active{transform:scale(.97)}
.a26-b.pri{background:#fff;border-color:#fff;color:var(--a-navy)!important}
.a26-b.pri:hover{background:#e6eaff}
.a26-b.dk{border-color:rgba(19,41,107,.25);color:var(--a-navy2)!important}
.a26-b.dk:hover{background:rgba(35,53,230,.07);border-color:var(--a-elec)}
.a26-b svg{width:18px;height:18px;fill:currentColor}
.a26-h{max-width:720px;margin:0 0 44px}
.a26-h h2{margin:.5em 0 .3em;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.08;letter-spacing:-.025em;color:var(--a-ink)}
.a26-h p{margin:0;color:var(--a-mut);font-size:1.05rem;line-height:1.6}
.a26-h.light h2{color:#fff}.a26-h.light p{color:#b7c1e6}

/* Portada */
.a26-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--a-navy);color:#fff;min-height:min(720px,calc(100svh - 68px));display:flex;align-items:flex-end}
.a26-hero-bg{position:absolute;inset:-6% -4%;z-index:-2;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:8px;transform:rotate(-4deg) scale(1.08);opacity:.55}
.a26-hero-bg span{overflow:hidden;border-radius:10px;background:#13296B;animation:a26sube 1.4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--d) * 70ms)}
.a26-hero-bg span:nth-child(odd){transform:translateY(-18%)}
.a26-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);animation:a26kb 24s ease-in-out infinite alternate}
@keyframes a26sube{from{opacity:0}to{opacity:1}}
@keyframes a26kb{to{transform:scale(1.12)}}
@media(max-width:900px){.a26-hero-bg{grid-template-columns:repeat(4,1fr)}}
.a26-hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,22,64,.35) 0%,rgba(11,22,64,.55) 45%,rgba(11,22,64,.96) 100%),linear-gradient(90deg,rgba(11,22,64,.75),rgba(11,22,64,0) 70%)}
.a26-hero-in{padding-top:120px;padding-bottom:56px;width:100%}
.a26-hero h1{margin:.35em 0 .3em;color:#fff;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.98;letter-spacing:-.035em;max-width:12ch}
.a26-lead{margin:0;max-width:52ch;color:#d5dcf5;font-size:1.12rem;line-height:1.6}
.a26-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.a26-stats{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:48px;margin:48px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.a26-stats div{display:flex;flex-direction:column-reverse}
.a26-stats dd{margin:0;font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.02em}
.a26-stats dt{margin-top:8px;color:#9fb0e0;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}

/* Tarjetas de video */
.a26-v{position:relative;display:block;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:pointer;background:#0b1640;color:#fff;text-align:left;font:inherit;
  box-shadow:0 24px 50px -24px rgba(11,22,64,.55);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}
.a26-v img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .4s}
.a26-v-h{aspect-ratio:16/9}.a26-v-v{aspect-ratio:9/16}
.a26-v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,22,64,0) 45%,rgba(11,22,64,.9))}
.a26-v:hover{transform:translateY(-4px);box-shadow:0 34px 60px -24px rgba(11,22,64,.7)}
.a26-v:hover img{transform:scale(1.04)}
.a26-v-play{position:absolute;left:50%;top:50%;z-index:2;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45);transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s}
.a26-v-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.a26-v:hover .a26-v-play{transform:scale(1.1);background:var(--a-elec)}
.a26-v-txt{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:3px}
.a26-v-txt b{font-size:.98rem;line-height:1.3}
.a26-v-txt small{color:#c3cbec;font-size:.78rem;font-variant-numeric:tabular-nums}
.a26-v.mini{border-radius:12px}
.a26-v.mini .a26-v-play{width:44px;height:44px;margin:-22px 0 0 -22px}
.a26-v.mini .a26-v-play svg{width:18px;height:18px}
.a26-v.mini .a26-v-txt b{font-size:.84rem}

/* ESCRS */
.a26-escrs{background:var(--a-light);padding:96px 0}
.a26-escrs-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.a26-escrs h2{margin:.5em 0 .4em;color:var(--a-ink);font-size:clamp(2rem,3.8vw,3rem);line-height:1.05;letter-spacing:-.03em}
.a26-escrs p{margin:0;color:var(--a-mut);font-size:1.04rem;line-height:1.7;max-width:56ch}
.a26-escrs blockquote{margin:30px 0 0;padding:4px 0 4px 22px;border-left:3px solid var(--a-elec);color:var(--a-navy2);font-size:1.25rem;font-weight:600;line-height:1.45}
.a26-escrs cite{display:block;margin-top:10px;color:var(--a-mut);font-size:.84rem;font-style:normal;font-weight:600}
.a26-escrs-vids{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:end}

/* Recorrido */
.a26-rec{padding:104px 0;background:#fff}
.a26-tl{list-style:none;margin:0;padding:0;position:relative}
.a26-tl::before{content:"";position:absolute;left:150px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--a-elec),rgba(35,53,230,.08))}
.a26-stop{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr);gap:52px;padding-bottom:44px}
.a26-stop::before{content:"";position:absolute;left:144px;top:8px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--a-elec);box-shadow:0 0 0 6px rgba(35,53,230,.1)}
.a26-when{text-align:right;padding-top:2px}
.a26-when b{display:block;color:var(--a-ink);font-size:1.15rem;letter-spacing:-.01em}
.a26-when span{color:var(--a-mut);font-size:.84rem}
.a26-card{border:1px solid #e4e7f1;border-radius:20px;padding:26px 28px;background:#fff;box-shadow:0 20px 50px -36px rgba(11,22,64,.4)}
.a26-card-top{display:flex;align-items:center;gap:18px}
.a26-logo{width:84px;height:56px;object-fit:contain;flex:0 0 auto;padding:6px 8px;border-radius:12px;background:var(--a-light)}
.a26-card small{color:var(--a-elec);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.a26-card h3{margin:4px 0 0;color:var(--a-ink);font-size:1.35rem;line-height:1.25;letter-spacing:-.015em}
.a26-card>p{margin:16px 0 0;color:var(--a-mut);line-height:1.65;max-width:70ch}
.a26-act{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.a26-act li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:var(--a-light)}
.a26-act b{color:var(--a-ink);font-size:.95rem}
.a26-act span{color:var(--a-mut);font-size:.86rem;line-height:1.5}
.a26-ppl{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.a26-ppl span{padding:6px 12px;border-radius:999px;background:rgba(35,53,230,.07);color:var(--a-navy2);font-size:.82rem;font-weight:600}
.a26-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:20px}
.a26-ph{display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/5;background:var(--a-light)}
.a26-ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.a26-ph:hover img{transform:scale(1.06)}
.a26-card-v{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,200px));gap:12px;margin-top:16px}
.a26-card-v .a26-v-v{aspect-ratio:4/5}

/* Simposio */
.a26-sim{padding:104px 0;background:radial-gradient(70% 80% at 80% 0%,#1d3aa8 0%,rgba(29,58,168,0) 60%),var(--a-navy);color:#fff}
.a26-sim-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,.62fr);gap:18px;align-items:stretch}
.a26-sim-grid .a26-v-v{aspect-ratio:auto}
.a26-mos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.a26-mos .a26-ph{aspect-ratio:3/2}
.a26-sim-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* Traspaso */
.a26-tras{padding:104px 0;background:var(--a-light)}
.a26-tras-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.a26-tras h2{margin:.5em 0 .4em;color:var(--a-ink);font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.025em}
.a26-tras p{margin:0 0 26px;color:var(--a-mut);line-height:1.7;max-width:50ch}
.a26-tras-v{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* Próxima parada */
.a26-next{padding:72px 0 40px;background:linear-gradient(120deg,#1B3A80,#2335E8);color:#fff}
.a26-next-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.a26-next h2{margin:.4em 0 .2em;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em}
.a26-next p{margin:0;color:#d5dcf5}
.a26-next .a26-k{color:#d5dcf5}

/* Reproductor */
.a26-dlg{padding:0;border:0;background:transparent;max-width:min(1100px,94vw);max-height:92vh;overflow:visible}
.a26-dlg::backdrop{background:rgba(6,10,28,.88);backdrop-filter:blur(6px)}
.a26-dlg-body video,.a26-dlg-body img{display:block;max-width:min(1100px,94vw);max-height:84vh;width:auto;height:auto;border-radius:12px;background:#000;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.a26-dlg-t{margin:12px 0 0;color:#c3cbec;font-size:.9rem;text-align:center}
.a26-dlg-x{position:fixed;top:14px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.a26-dlg-x:hover{background:rgba(255,255,255,.2)}
.a26-dlg-nav{position:fixed;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:1.6rem;cursor:pointer}
.a26-dlg-nav.p{left:18px}.a26-dlg-nav.n{right:18px}

/* Aparición al hacer scroll */
.a26-in{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.a26-in.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.a26-in{opacity:1;transform:none;transition:none}.a26-hero-bg span,.a26-hero-bg img{animation:none}}

@media(max-width:900px){
  .a26-escrs,.a26-rec,.a26-sim,.a26-tras{padding:68px 0}
  .a26-escrs-in,.a26-tras-in{grid-template-columns:minmax(0,1fr);gap:36px}
  .a26-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
  .a26-tl::before{left:7px}
  .a26-stop{grid-template-columns:minmax(0,1fr);gap:10px;padding-left:34px}
  .a26-stop::before{left:1px}
  .a26-when{text-align:left;display:flex;gap:10px;align-items:baseline}
  .a26-card{padding:20px}
  .a26-card-top{align-items:flex-start}
  .a26-logo{width:64px;height:44px}
  .a26-card h3{font-size:1.15rem}
  .a26-gal{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .a26-sim-grid{grid-template-columns:minmax(0,1fr)}
  .a26-sim-grid .a26-v-v{aspect-ratio:9/16;max-width:300px}
  .a26-mos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a26-hero-in{padding-top:90px;padding-bottom:40px}
  .a26-dlg-nav{display:none}
}
.a26-card .a26-v-txt small{color:#c3cbec;font-size:.74rem;font-weight:500;letter-spacing:0;text-transform:none}