/* ============================================================
   NUESTROS CAMPUS — portada a sangre con video; el recorrido avanza por capítulos (Afuera en video, Adentro en foto)
   en una pantalla fija. Idioma del sitio: blanco, crema, oro, azul; Newsreader + Montserrat.
   Cada pantalla cabe en 730 / 596 px útiles. js/campus.js marca el capítulo activo, el video que corre y .se-ve.
   ============================================================ */
.cp{ display:block; background:#fff; overflow-x:clip; }

.cp-kicker{ margin:0 0 14px; display:flex; align-items:baseline; gap:12px; font-size:12.5px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--navy); }
.cp-kicker span{ font-family:var(--f-display); font-size:22px; font-weight:500; letter-spacing:0; color:var(--oro-texto,#856F30); }
.cp-kicker--claro{ color:#fff; }
.cp-tit{ margin:0; max-width:15ch; font-family:var(--f-display); font-weight:500; color:var(--tinta); font-size:clamp(34px, min(3.9vw, 6.8vh), 66px); line-height:1.04; letter-spacing:-.016em; }

/* ---------- PORTADA: marco que se abre ---------- */
.cp-por{ position:relative; height:175vh; height:175svh; background:#fff; }
.cp-por__pin{ position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; }
.cp-por__marco{ --q:calc(1 - var(--p,0)); position:absolute; inset:0; overflow:hidden; background:var(--tinta);
  clip-path:inset(calc(var(--q) * (var(--cab-h,105px) + 18px)) calc(var(--q) * 4.5%) calc(var(--q) * 22px) calc(var(--q) * 4.5%) round calc(var(--q) * 14px)); }
.cp-por__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 60%; transform:scale(calc(1.08 - .08 * var(--p,0))); }
.cp-por__velo{ position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(8,20,52,.35) 0%, rgba(8,20,52,0) 30%, rgba(8,20,52,.08) 50%, rgba(8,20,52,.82) 100%),
             linear-gradient(90deg, rgba(8,20,52,.42) 0%, rgba(8,20,52,0) 60%); }
.cp-por__copy{ position:absolute; left:0; right:0; z-index:2; bottom:calc((1 - var(--p,0)) * 22px + clamp(86px,12vh,128px)); padding-left:calc(var(--q) * 3.4vw); }   /* sobre el botón de pausa; con el marco cerrado, el texto entra con él */
.cp-por__ante{ position:relative; margin:0 0 clamp(12px,2vh,20px); padding-top:16px; font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#fff; }
.cp-por__ante::before{ content:""; position:absolute; left:0; top:0; width:56px; height:2px; background:var(--oro-vivo); }
.cp-por__h1{ margin:0; max-width:14ch; font-family:var(--f-display); font-weight:500; font-size:clamp(42px, min(5.2vw, 9vh), 92px); line-height:1.02; letter-spacing:-.02em; color:#fff; text-shadow:0 2px 24px rgba(8,20,52,.35); }
.cp-por__entrada{ margin:clamp(12px,2vh,20px) 0 0; max-width:46ch; font-size:clamp(15px,1.15vw,18.5px); line-height:1.55; color:rgba(255,255,255,.92); }
html.cp-js:not(.cp-quieto) .cp-por__ante, html.cp-js:not(.cp-quieto) .cp-por__h1, html.cp-js:not(.cp-quieto) .cp-por__entrada{ animation:cp-sube .9s cubic-bezier(.22,1,.28,1) both; }
html.cp-js:not(.cp-quieto) .cp-por__h1{ animation-delay:.1s; }
html.cp-js:not(.cp-quieto) .cp-por__entrada{ animation-delay:.22s; }
@keyframes cp-sube{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }
/* reducir movimiento o sin JS: el marco se queda abierto y quieto */
html.cp-quieto .cp-por{ height:auto; }
html.cp-quieto .cp-por__pin{ position:relative; }
html.cp-quieto .cp-por__marco{ clip-path:none; }
html.cp-quieto .cp-por__video{ transform:none; }

/* botón de pausa (WCAG 2.2.2), abajo a la izquierda: Porfirio vive abajo a la derecha */
.cp-pausa{ position:absolute; z-index:3; left:max(6%, calc((100% - 1660px) / 2 + 16px)); bottom:clamp(30px,4.6vh,44px); display:grid; place-items:center; width:38px; height:38px; padding:0; border:1.5px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(8,20,52,.35); color:#fff; cursor:pointer; transition:border-color .3s, background .3s; }
.cp-pausa[hidden]{ display:none; }
.cp-pausa:hover, .cp-pausa:focus-visible{ border-color:var(--oro-vivo); background:rgba(8,20,52,.55); outline:none; }
.cp-pausa svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.cp-pausa__play{ display:none; fill:currentColor; stroke:none; }
.cp-pausa.es-pausa .cp-pausa__ii{ display:none; }
.cp-pausa.es-pausa .cp-pausa__play{ display:block; }

/* ---------- RECORRIDO (Afuera / Adentro): pantalla fija, un capítulo a la vez ---------- */
.cp-rec{ position:relative; --n:6; --paso:42vh; height:calc(100vh + (var(--n) - 1) * var(--paso)); }   /* fotos: cada una se queda un tramo corto de scroll */
.cp-rec + .cp-rec{ background:var(--crema); }
.cp-rec__pin{ position:sticky; top:0; height:100vh; height:100svh; box-sizing:border-box; padding:calc(var(--cab-ahora,68px) + clamp(14px,3vh,34px)) 0 clamp(16px,3.4vh,40px); }
.cp-rec__in{ position:relative; height:100%; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,4vw,72px); align-items:center; }
.cp-rec__txt{ grid-column:1; }
.cp-rec__tit{ margin:0 0 clamp(14px,2.8vh,32px); font-family:var(--f-display); font-weight:500; color:var(--tinta); font-size:clamp(32px, min(3.6vw, 6.2vh), 62px); line-height:1.04; letter-spacing:-.016em; }
.cp-caps{ list-style:none; margin:0; padding:0; counter-reset:c; }
.cp-cap__btn{ all:unset; box-sizing:border-box; position:relative; display:grid; grid-template-columns:34px 1fr; column-gap:12px; width:100%; padding:clamp(6px,1.25vh,12px) 0; border-top:1px solid rgba(12,31,79,.12); cursor:pointer; }
.cp-cap:last-child .cp-cap__btn{ border-bottom:1px solid rgba(12,31,79,.12); }
.cp-cap__btn:focus-visible{ outline:2px solid var(--oro-vivo); outline-offset:2px; }
.cp-cap__n{ padding-top:5px; font-size:11.5px; font-weight:700; letter-spacing:.14em; color:var(--oro-texto,#856F30); }
.cp-cap__nom{ font-family:var(--f-display); font-weight:500; font-size:clamp(17px, min(1.55vw, 3vh), 26px); line-height:1.18; color:rgba(12,31,79,.55); transition:color .3s ease; }
.cp-cap__dice{ grid-column:2; display:block; overflow:hidden; max-height:0; opacity:0; font-size:clamp(13.5px,1vw,15px); line-height:1.45; color:rgba(12,31,79,.8); transition:max-height .45s cubic-bezier(.22,1,.28,1), opacity .35s ease, margin .35s ease; }
/* la raya dorada del capítulo activo crece mientras dura su tramo de scroll */
.cp-cap__btn::before{ content:""; position:absolute; left:0; bottom:-1px; height:2px; width:calc(var(--avance,0) * 100%); background:var(--oro-vivo); }
.cp-cap:not(.es-activa) .cp-cap__btn::before{ width:0; }
.cp-cap.es-activa .cp-cap__nom{ color:var(--tinta); font-style:italic; }
.cp-cap.es-activa .cp-cap__dice{ max-height:5em; opacity:1; margin-top:4px; }
@media (hover:hover) and (pointer:fine){ .cp-cap__btn:hover .cp-cap__nom{ color:var(--tinta); } }

/* las piezas (video o foto) se apilan en la columna ancha; solo la activa se ve */
.cp-cap__media{ position:absolute; z-index:1; top:50%; right:0; width:calc(60% - clamp(14px,2vw,36px)); aspect-ratio:16/10; max-height:100%; margin:0; overflow:hidden; background:var(--tinta);
  opacity:0; transform:translateY(-50%) scale(.985); transition:opacity .6s ease, transform .9s cubic-bezier(.22,1,.28,1); pointer-events:none; }
.cp-cap.es-activa .cp-cap__media{ opacity:1; transform:translateY(-50%); z-index:2; }
.cp-cap__media video, .cp-cap__media img{ display:block; width:100%; height:100%; object-fit:cover; }
.cp-rec--inv .cp-rec__in{ grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.cp-rec--inv .cp-rec__txt{ grid-column:2; }
.cp-rec--inv .cp-cap__media{ right:auto; left:0; }
/* entrada de la sección */
html.cp-js:not(.cp-quieto) .cp-rec__txt{ opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .8s cubic-bezier(.22,1,.28,1); }
html.cp-js:not(.cp-quieto) .cp-rec.se-ve .cp-rec__txt{ opacity:1; transform:none; }

/* ---------- 03 · CUIDADO y 04 · CÓMO LLEGAR ---------- */
.cp-pag{ position:relative; padding:clamp(28px,6vh,84px) 0; }
.cp-cui{ background:#fff; }
.cp-dos{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,96px); align-items:center; }
@media (min-width:901px){
  .cp-dos--inv > :first-child{ order:2; }
}
.cp-cui__lista{ list-style:none; margin:clamp(16px,3.4vh,36px) 0 0; padding:0; }
.cp-cui__lista li{ display:grid; grid-template-columns:clamp(44px, min(4vw, 7vh), 62px) 1fr; column-gap:clamp(14px,1.4vw,22px); align-items:center; padding:clamp(8px,1.6vh,16px) 0; border-top:1px solid rgba(12,31,79,.12); }
.cp-cui__lista li:last-child{ border-bottom:1px solid rgba(12,31,79,.12); }
.cp-ico{ display:grid; place-items:center; aspect-ratio:1; border-radius:50%; background:rgba(12,31,79,.05); }
.cp-ico svg{ width:72%; height:72%; display:block; }
.cp-cui__lista h3{ margin:0; font-family:var(--f-text); font-weight:700; font-size:clamp(14.5px,1.1vw,17px); line-height:1.25; color:var(--tinta); }
.cp-cui__lista p{ margin:3px 0 0; font-size:clamp(13.5px,.98vw,15px); line-height:1.45; color:rgba(12,31,79,.78); }
.cp-cui__fotos{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,1.4vw,22px); }
.cp-cui__fotos img{ aspect-ratio:3/4; max-height:calc(100vh - 68px - 210px); }
.cp-foto{ margin:0; }
.cp-foto img{ display:block; width:100%; height:auto; object-fit:cover; }
.cp-foto figcaption{ margin-top:8px; padding-top:7px; border-top:1px solid rgba(12,31,79,.18); font-family:var(--f-display); font-style:italic; font-size:14.5px; color:rgba(12,31,79,.72); }
.cp-foto figcaption b{ font-family:var(--f-text); font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--navy); margin-right:6px; }

.cp-lle{ background:var(--crema); }
.cp-lle__datos{ margin:clamp(16px,3.4vh,36px) 0 0; }
.cp-lle__datos > div{ display:grid; grid-template-columns:clamp(150px,11.4vw,180px) 1fr; column-gap:clamp(12px,1.4vw,22px); align-items:baseline; padding:clamp(9px,1.8vh,18px) 0; border-top:1px solid rgba(12,31,79,.14); }
.cp-lle__datos > div:last-child{ border-bottom:1px solid rgba(12,31,79,.14); }
.cp-lle__datos dt{ font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--oro-texto,#856F30); }
.cp-lle__datos dd{ margin:0; font-family:var(--f-display); font-weight:500; font-size:clamp(18px, min(1.6vw, 3.2vh), 26px); line-height:1.25; color:var(--tinta); }
.cp-lle__fotos{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,1.4vw,22px); }
.cp-foto--grande{ grid-column:1 / -1; }
.cp-foto--grande img{ aspect-ratio:2/1; max-height:calc((100vh - 68px) * .42); }
.cp-lle__fotos .cp-foto:not(.cp-foto--grande) img{ aspect-ratio:16/9; max-height:calc((100vh - 68px) * .2); }

/* reveal suave de las fotos */
html.cp-js:not(.cp-quieto) .cp-pag .cp-foto img{ clip-path:inset(100% 0 0 0); transition:clip-path 1.2s cubic-bezier(.77,0,.18,1) .15s; }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-foto img{ clip-path:inset(0 0 0 0); }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-foto:nth-child(2) img{ transition-delay:.3s; }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-foto:nth-child(3) img{ transition-delay:.45s; }
html.cp-js:not(.cp-quieto) .cp-cui__lista li, html.cp-js:not(.cp-quieto) .cp-lle__datos > div{ opacity:0; transform:translateY(12px); transition:opacity .6s ease, transform .7s cubic-bezier(.22,1,.28,1); }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-cui__lista li, html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-lle__datos > div{ opacity:1; transform:none; }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-cui__lista li:nth-child(2), html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-lle__datos > div:nth-child(2){ transition-delay:.12s; }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-cui__lista li:nth-child(3), html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-lle__datos > div:nth-child(3){ transition-delay:.24s; }
html.cp-js:not(.cp-quieto) .cp-pag.se-ve .cp-cui__lista li:nth-child(4){ transition-delay:.36s; }

/* ---------- llamados: texto + subrayado dorado que se traza (regla de  ---------- */
.cp-ctas{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 34px; margin:clamp(20px,3.6vh,36px) 0 0; }
.cp-cta{ position:relative; display:inline-flex; align-items:center; gap:10px; padding-bottom:10px; font-size:clamp(15px,1.15vw,18px); font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--tinta); text-decoration:none; }
.cp-cta::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2.5px; background:var(--oro-vivo); transform-origin:left; transition:transform 1s cubic-bezier(.65,0,.35,1) .35s; }
html.cp-js:not(.cp-quieto) section:not(.se-ve) .cp-cta::after{ transform:scaleX(0); }
.cp-cta svg{ width:20px; height:20px; transition:transform .4s cubic-bezier(.22,1,.28,1); }
.cp-cta:hover svg{ transform:translateX(5px); }
.cp-cta--2{ font-size:13px; color:var(--navy); }
.cp-cta--2::after{ height:1.5px; background:rgba(12,31,79,.3); }
.cp-cta--claro{ color:#fff; }
.cp-cta--claro.cp-cta--2::after{ background:rgba(255,255,255,.5); }

/* ---------- CIERRE ---------- */
.cp-fin{ position:relative; min-height:min(78vh, 720px); display:flex; align-items:flex-end; overflow:hidden; background:var(--tinta); color:#fff; }
.cp-fin__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
.cp-fin__velo{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,20,52,.15) 0%, rgba(8,20,52,.25) 40%, rgba(8,20,52,.85) 100%); }
.cp-fin__in{ position:relative; z-index:1; padding:clamp(40px,10vh,110px) 0 clamp(40px,8vh,90px); }
.cp-fin__tit{ margin:0; max-width:13ch; font-family:var(--f-display); font-weight:500; font-size:clamp(40px, min(5vw, 9vh), 88px); line-height:1.02; letter-spacing:-.02em; color:#fff; }

/* ---------- CELULAR (caso principal: 360 / 390 / 414) ---------- */
@media (max-width:900px){
  .cp-por{ height:150vh; height:150svh; }
  .cp-por__marco{ clip-path:inset(calc(var(--q) * (var(--cab-h,62px) + 12px)) calc(var(--q) * 14px) calc(var(--q) * 16px) calc(var(--q) * 14px) round calc(var(--q) * 12px)); }
  .cp-por__copy{ bottom:calc((1 - var(--p,0)) * 16px + 104px); }   /* aire para Porfirio */
  .cp-por__h1{ font-size:clamp(36px,10.6vw,52px); }
  .cp-por__entrada{ max-width:calc(100% - 20px); font-size:15px; }
  .cp-pausa{ left:22px; bottom:34px; }

  .cp-rec{ height:auto; }
  .cp-rec__pin{ position:static; height:auto; padding:clamp(44px,8vh,72px) 0; }
  .cp-rec__in{ display:block; }
  .cp-rec__tit{ font-size:clamp(32px,9.4vw,46px); }
  .cp-cap{ margin-bottom:18px; }
  .cp-cap__btn{ cursor:default; padding:12px 0 0; border-bottom:0 !important; }
  .cp-cap__btn::before{ display:none; }
  .cp-cap__nom{ color:var(--tinta); font-size:22px; }
  .cp-cap.es-activa .cp-cap__nom{ font-style:normal; }
  .cp-cap__dice{ max-height:none; opacity:1; margin-top:4px; }
  .cp-cap__media, .cp-rec--inv .cp-cap__media{ position:relative; top:auto; left:auto; right:auto; width:100%; max-height:none; margin-top:12px; opacity:1; transform:none; pointer-events:auto; }
  .cp-cap.es-activa .cp-cap__media{ transform:none; }

  .cp-dos{ grid-template-columns:1fr; gap:26px; }
  .cp-tit{ font-size:clamp(32px,9.4vw,46px); }
  .cp-cui__fotos img{ aspect-ratio:4/5; max-height:none; }
  .cp-lle__datos > div{ grid-template-columns:1fr; row-gap:4px; }
  .cp-foto--grande img, .cp-lle__fotos .cp-foto:not(.cp-foto--grande) img{ max-height:none; }
  .cp-fin{ min-height:560px; }
  .cp-fin__in{ padding-bottom:110px; }   /* Porfirio */
  .cp-fin__tit{ font-size:clamp(36px,10.6vw,52px); }
}
@media (prefers-reduced-motion:reduce){
  .cp-cap__media, .cp-cap__dice, .cp-cta::after, .cp-foto img, .cp-rec__txt{ transition:none !important; }
}

@media (min-width:901px){
  html:not(.cp-listo) .cp-rec{ height:auto; }
  html:not(.cp-listo) .cp-rec__pin{ position:static; height:auto; }
  html:not(.cp-listo) .cp-rec__in{ display:block; }
  html:not(.cp-listo) .cp-cap__dice{ max-height:none; opacity:1; margin-top:4px; }
  html:not(.cp-listo) .cp-cap__media{ position:relative; top:auto; left:auto; right:auto; width:min(720px,100%); margin:10px 0 18px; opacity:1; transform:none; }
  html:not(.cp-listo) .cp-rec__txt{ opacity:1 !important; transform:none !important; }
}

/* llamado en la portada y puente a la mitad del recorrido */
.cp-por__ctas{ margin-top:clamp(14px,2.4vh,24px); }
html.cp-js:not(.cp-quieto) .cp-por .cp-cta::after{ animation:cp-traza 1s cubic-bezier(.65,0,.35,1) 1s both; }
@keyframes cp-traza{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
html.cp-js:not(.cp-quieto) .cp-por__ctas{ animation:cp-sube .9s cubic-bezier(.22,1,.28,1) .34s both; }
.cp-puente{ background:#fff; padding:clamp(28px,6vh,64px) 0; border-top:1px solid rgba(12,31,79,.08); }
.cp-puente__in{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:10px 28px; text-align:center; }
.cp-puente__txt{ margin:0; font-family:var(--f-display); font-style:italic; font-weight:500; font-size:clamp(24px, min(2.4vw, 4.4vh), 40px); color:var(--tinta); }
.cp-puente .cp-ctas{ margin:0; }
@media (max-width:900px){
  .cp-por__copy{ bottom:calc((1 - var(--p,0)) * 16px + 96px); }
  .cp-puente__in{ flex-direction:column; align-items:center; gap:12px; }
  .cp-lle .cp-ctas{ gap:14px 24px; }
}
@media (prefers-reduced-motion:reduce){ .cp-por .cp-cta::after{ animation:none !important; } }

/* portada de una pantalla, video a sangre, sin marco */
.cp-por, html.cp-quieto .cp-por{ height:100vh; height:100svh; min-height:560px; }
.cp-por__pin{ position:relative; }
.cp-por__marco{ clip-path:none !important; }
.cp-por__video{ transform:none; object-position:50% 50%; }
.cp-por__velo{ background:linear-gradient(180deg, rgba(8,20,52,.55) 0%, rgba(8,20,52,0) 24%, rgba(8,20,52,.06) 48%, rgba(8,20,52,.82) 100%),
                         linear-gradient(90deg, rgba(8,20,52,.45) 0%, rgba(8,20,52,0) 58%); }
.cp-por__copy{ padding-left:0; }
@media (max-width:900px){ .cp-por{ height:100svh; min-height:600px; } }

.cp-por__marco{ --p:1; }
.cp-por__pin{ height:100%; min-height:inherit; }   /* la portada y su video miden lo mismo también en pantallas bajas */
.cp-mov{ all:unset; box-sizing:border-box; display:inline-flex; align-items:center; gap:8px; margin:0 0 clamp(10px,2vh,22px); padding:4px 0; cursor:pointer;
  font-size:11.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--navy); }
.cp-mov[hidden]{ display:none; }
.cp-mov svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
.cp-mov .cp-pausa__play{ display:none; fill:currentColor; stroke:none; }
.cp-mov.es-pausa .cp-pausa__ii{ display:none; }
.cp-mov.es-pausa .cp-pausa__play{ display:block; }
.cp-mov:hover, .cp-mov:focus-visible{ color:var(--tinta); text-decoration:underline; text-decoration-color:var(--oro-vivo); text-underline-offset:4px; }
.cp-mov:focus-visible{ outline:2px solid var(--oro-vivo); outline-offset:3px; }
.cp-pausa--fin{ z-index:2; }

/* ---------- CIERRE CHICO (P4, 22-oct): recorrido virtual + visita, sin foto ni bloque grande ---------- */
.cp-fin2{ background:#fff; padding:clamp(40px,8vh,96px) 0; border-top:1px solid rgba(12,31,79,.08); }
.cp-fin2__in{ display:flex; flex-direction:column; align-items:center; gap:clamp(14px,2.4vh,22px); text-align:center; }
.cp-fin2__txt{ margin:0; font-family:var(--f-display); font-style:italic; font-weight:500; font-size:clamp(24px, min(2.4vw, 4.4vh), 40px); line-height:1.15; color:var(--tinta); }
.cp-fin2__ctas{ justify-content:center; margin:0; }
@media (max-width:900px){
  .cp-fin2{ padding:56px 0 120px; }   /* Porfirio */
  .cp-fin2__ctas{ flex-direction:column; gap:16px; }
}