/* ============================================================
   ACADEMIA ALL IN · capa de marca sobre /styles.css (Casa)
   Reutiliza estructura, espaciado, radios y componentes de Casa.
   Aquí solo cambian: tipografías, colores y los componentes nuevos
   (ruta, cuatro frentes, mapa simplificado, acordeón).
   ============================================================ */

/* ---------- FONTS (archivos con licencia en /assets/academia/fonts/) ---------- */
/* ITC Avant Garde Gothic Std: Extra Light, Book, Medium, Bold (+ oblicuas Extra Light, Book, Demi).
   No hay Demi recta, Medium oblicua ni Bold oblicua: no se declaran ni se simulan. */
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-extra-light-594ae2e7428f2.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-extra-light-oblique-594ae30be1a85.woff2") format("woff2");font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-book-594ae199121ea.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-book-oblique-594ae2ed175e8.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-medium-594ae2e1b8c71.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-demi-oblique-594ae2d2722d1.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url("/assets/academia/fonts/itc-avant-garde-gothic-std-bold-594ae1f43c74d.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* Roca: Thin, Light, Regular, Bold, Black, cada una con itálica */
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Thin.woff2") format("woff2");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Thin%20Italic.woff2") format("woff2");font-weight:100;font-style:italic;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Light%20Italic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Regular%20Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Bold%20Italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Roca Academia";src:url("/assets/academia/fonts/Roca%20Black%20Italic.woff2") format("woff2");font-weight:900;font-style:italic;font-display:swap}

/* Nautica: Regular, Medium, Bold (sin itálicas) */
@font-face{font-family:"Nautica Academia";src:url("/assets/academia/fonts/Nautica%20Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nautica Academia";src:url("/assets/academia/fonts/Nautica%20Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Nautica Academia";src:url("/assets/academia/fonts/Nautica%20Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* ---------- TOKENS ---------- */
:root{
  --academia-black:#121212;
  --academia-silver:#CCCCCC;
  --academia-green:#E3E9B0;
  --academia-green-light:#F1F3D8;
  --academia-sage:#9DAF8A;
  --academia-sage-soft:#CED7C5;
  --academia-periwinkle:#CCD1E8;
  /* derivado (el mismo que Casa usa para Academia): acento verde que SÍ pasa AA sobre fondos claros */
  --academia-sage-deep:#5f7043;

  --academia-font-primary:"ITC Avant Garde Gothic",Montserrat,sans-serif;
  --academia-font-secondary:"Roca Academia",Georgia,serif;
  --academia-font-accent:"Nautica Academia","Pinyon Script",cursive;
}

/* Los componentes de Casa leen estas variables: aquí se re-apuntan a Academia */
body.academia{
  --wine:var(--academia-black);
  --wine-deep:var(--academia-black);
  --wine-light:var(--academia-black);
  --champagne:var(--academia-green);
  --champagne-light:var(--academia-green-light);
  --beige:var(--academia-green-light);
  --black:var(--academia-black);
  --gold:var(--academia-sage);
  --gold-soft:var(--academia-black);
  --ink:var(--academia-black);
  --ink-soft:var(--academia-black);
  --cream-on-wine:var(--academia-green-light);
  --cream-muted:var(--academia-sage-soft);
  --font-sans:var(--academia-font-primary);
  --font-display:var(--academia-font-primary);
  --font-serif:var(--academia-font-secondary);
  --font-script:var(--academia-font-accent);

  background:var(--academia-green-light);color:var(--academia-black);
  font-family:var(--academia-font-secondary);
  font-size:18px;line-height:1.6;
  font-synthesis:none;
}
@media(min-width:1024px){body.academia{font-size:20px}}
body.academia ::selection{background:var(--academia-black);color:var(--academia-green)}
[hidden]{display:none!important}

/* ---------- TYPE ---------- */
.academia .display{font-family:var(--academia-font-primary);font-weight:500;line-height:1.08;letter-spacing:-.02em}
.academia h1.display{font-weight:700;line-height:1.02;letter-spacing:-.03em}
.academia .serif-italic,.academia em.soft{font-family:var(--academia-font-secondary);font-style:italic;font-weight:400}
.academia .label{font-weight:500;letter-spacing:.2em}
.acc-script{font-family:var(--academia-font-accent);font-weight:400;letter-spacing:0;text-transform:none;line-height:1}
.measure{max-width:34em}                 /* < 70 caracteres por línea */
.small-italic{font-family:var(--academia-font-secondary);font-style:italic;font-size:.85em;line-height:1.55}

/* ---------- SURFACES ---------- */
.acad-dark{background:var(--academia-black);color:var(--academia-green-light)}
.acad-light{background:var(--academia-green-light);color:var(--academia-black)}
.acad-soft{background:var(--academia-sage-soft);color:var(--academia-black)}
.acad-green{background:var(--academia-green);color:var(--academia-black)}
.acad-bg{position:relative;background:var(--academia-black) center/cover no-repeat;color:var(--academia-green-light)}
.acad-bg::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(18,18,18,.72),rgba(18,18,18,.86))}
.acad-bg > *{position:relative;z-index:1}
.bg-iniciacion{background-image:url("/assets/academia/backgrounds/web/bg01.jpg")}
.bg-espiral{background-image:url("/assets/academia/backgrounds/web/bg04.jpg")}
.acad-dark .label,.acad-bg .label{color:var(--academia-sage)}
.acad-rule-top{border-top:1px solid var(--academia-silver)}

/* ---------- FOCUS (teclado) ---------- */
.academia :focus-visible{outline:3px solid var(--academia-black);outline-offset:3px;box-shadow:0 0 0 6px var(--academia-periwinkle);border-radius:6px}
.academia .acad-dark :focus-visible,.academia .acad-bg :focus-visible,.academia .apply-bar :focus-visible{outline-color:var(--academia-periwinkle);box-shadow:none}
.academia .btn:focus-visible{outline:3px solid var(--academia-periwinkle);outline-offset:3px}
.academia .acad-light .btn:focus-visible,.academia .acad-soft .btn:focus-visible,.academia .nav .btn:focus-visible{outline-color:var(--academia-black);box-shadow:0 0 0 6px var(--academia-periwinkle)}

/* ---------- BUTTONS ---------- */
.academia .btn{font-weight:700;letter-spacing:.01em}
.academia .btn:hover{box-shadow:0 14px 34px -14px rgba(18,18,18,.55)}
.btn-acad-primary{--bg:var(--academia-green);--fg:var(--academia-black);--bd:var(--academia-green)}
.btn-acad-primary:hover{--bg:var(--academia-green-light);--bd:var(--academia-green-light)}
.acad-light .btn-acad-primary,.acad-soft .btn-acad-primary,.nav .btn-acad-primary{--bd:var(--academia-black)}
.btn-acad-dark{--bg:var(--academia-black);--fg:var(--academia-green);--bd:var(--academia-black)}
.btn-acad-dark:hover{--bg:#2a2a2a;--bd:#2a2a2a}
.text-link{font-family:var(--academia-font-primary);font-weight:500;font-size:.95rem;border-bottom:1px solid var(--academia-sage);padding-bottom:2px;transition:color .25s var(--ease),border-color .25s var(--ease)}
.text-link:hover{color:var(--academia-periwinkle);border-color:var(--academia-periwinkle)}
.acad-light .text-link:hover,.acad-soft .text-link:hover{color:var(--academia-black);border-color:var(--academia-black)}
.below-btn{font-family:var(--academia-font-primary);font-size:.8rem;letter-spacing:.02em;margin-top:.9rem}

/* ---------- NAV ---------- */
.academia .nav{background:var(--academia-green-light)}
.academia .nav.scrolled{background:rgba(241,243,216,.94);box-shadow:0 1px 0 var(--academia-silver)}
.academia .nav-links a{font-family:var(--academia-font-primary);font-size:.92rem;font-weight:400}
.academia .nav-links a::after{background:var(--academia-sage)}
.academia .nav-panel{background:rgba(241,243,216,.98);border-top-color:var(--academia-silver)}
.academia .np-link{font-family:var(--academia-font-primary);font-size:1.15rem;border-bottom-color:rgba(18,18,18,.1)}
.academia .np-link.active::before{color:var(--academia-sage)}
.logo-mask{display:block;background-color:currentColor;-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.logo-academia{--src:url("/assets/academia/logos/web/academia-logo.png");aspect-ratio:1056/489}
.logo-academia-h{--src:url("/assets/academia/logos/web/academia-horizontal.png");aspect-ratio:1400/367}
.academia .nav-logo .logo-mask{height:46px;color:var(--academia-black)}

/* ---------- MARQUEE ---------- */
.academia .marquee__item{font-family:var(--academia-font-secondary);font-style:italic}
.academia .marquee-sans .marquee__item{font-family:var(--academia-font-primary);font-style:normal;font-weight:500;letter-spacing:.06em}
.academia .sparkle{color:var(--academia-sage)}
.acad-green .sparkle,.acad-soft .sparkle,.acad-light .sparkle{color:var(--academia-black)}

/* ---------- HERO ---------- */
.acad-hero .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.acad-hero .eyebrow-text{font-family:var(--academia-font-secondary);font-style:italic;font-size:1rem;line-height:1.5;color:var(--academia-sage-soft);max-width:36rem}
.acad-hero h1{font-size:clamp(2.3rem,5.4vw,4.4rem);margin:.9rem 0 0;color:var(--academia-green-light)}
.acad-hero .sub{margin-top:1.2rem;color:var(--academia-green-light)}
.acad-hero .hero-ctas{display:flex;gap:1.1rem 1.6rem;flex-wrap:wrap;align-items:center;margin-top:1.4rem}
.acad-hero .hero-media{border-radius:18px;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(204,204,204,.3)}
.acad-hero .hero-media img{width:100%;height:100%;object-fit:cover;object-position:34% 50%}
.seal{position:absolute;pointer-events:none;z-index:0;color:var(--academia-sage);opacity:.35}
.seal .logo-mask{width:100%;aspect-ratio:623.86/612;--src:url("/assets/academia/logos/academia-monograma.svg")}
@media(max-width:860px){
  .acad-hero .hero-grid{grid-template-columns:1fr}
  .acad-hero .hero-media{aspect-ratio:4/3;max-width:30rem}
}
@media(max-width:600px){
  .acad-hero .section{padding-top:1rem!important;padding-bottom:3rem!important}
  .acad-hero .eyebrow-text{font-size:.8rem;line-height:1.4}
  .acad-hero h1{font-size:1.95rem;margin-top:.5rem}
  .acad-hero .sub{font-size:1.125rem;line-height:1.5;margin-top:.7rem}
  .acad-hero .hero-ctas{margin-top:.75rem;gap:.8rem 1.2rem}
  .acad-hero .below-btn{margin-top:.55rem}
  .academia .nav-logo .logo-mask{height:34px}
  .academia .nav-inner{padding-block:.5rem}
  .academia .marquee__item{font-size:.95rem}
}

/* ---------- ¿QUÉ ES? ---------- */
.academia .quees{border-color:var(--academia-silver)}
.academia .qchip{font-weight:500;color:var(--academia-black);background:rgba(18,18,18,.04);border-color:rgba(18,18,18,.22)}
.academia .qchip:hover{background:var(--academia-green)}
.academia .qchip .sp{color:var(--academia-black)}
.video-block{max-width:56rem;margin:clamp(2.6rem,5vw,4rem) auto 0;text-align:center}
.video-block .video-frame{aspect-ratio:16/9;margin-top:1.6rem;background:var(--academia-black);border-color:rgba(204,204,204,.4)}
.video-caption{margin-top:.9rem;font-style:italic}
.academia .video-frame .play{background:linear-gradient(0deg,rgba(18,18,18,.35),rgba(18,18,18,.05))}
.academia .play-btn{background:var(--academia-green);color:var(--academia-black)}
.academia .play-btn:hover{background:var(--academia-green-light)}
.video-frame video.frame-poster{width:100%;height:100%;object-fit:cover}

/* ---------- TIPOGRAFÍA DINÁMICA (mezclas de peso, itálica y color) ---------- */
.academia .ri{font-family:var(--academia-font-secondary);font-style:italic;font-weight:400;letter-spacing:-.01em}
.academia .ri.accent{color:var(--academia-sage-deep)}
.acad-dark .ri.accent,.acad-bg .ri.accent{color:var(--academia-green)}
.academia b,.academia strong{font-weight:700}
.academia b.ag,.academia .ag{font-family:var(--academia-font-primary);font-weight:700;font-style:normal}
.academia .mark{background:linear-gradient(transparent 58%,rgba(157,175,138,.5) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.acad-soft .mark{background:linear-gradient(transparent 58%,var(--academia-green) 58%)}
.academia em.pull{display:block;margin-top:.5rem;font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;font-size:1.25em;line-height:1.3}
.academia .display b{font-weight:700}
.academia .display .ri{font-size:1.06em}

/* ---------- ¿QUÉ ES? (v2) ---------- */
.quees-text{margin:1.1rem auto 0;font-size:clamp(1.8rem,3.9vw,3.1rem);font-weight:400;line-height:1.15;letter-spacing:-.025em;max-width:58rem}
.quees-text .ri{font-size:1.1em}
.qchips-rows{margin-top:2rem}
.qchips-rows .qchips{margin-top:.7rem}
.academia .qchip{font-weight:700;font-size:clamp(.88rem,1.1vw,1rem);padding:.75rem 1.4rem}
.academia .qchip .sp{color:var(--academia-sage-deep)}

/* ---------- INSIGHT (v2): ilustración grande de fondo ---------- */
.insight .insight-bg{position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);width:min(125vw,1300px);max-width:none;opacity:.42}
.insight-h{max-width:54rem;margin:0 auto;text-align:center;line-height:1.1}
.insight-body{max-width:36rem;margin:2.2rem auto 0;text-align:center}
.insight-body p+p{margin-top:1.15rem}
@media(max-width:700px){.insight .insight-bg{width:190vw;opacity:.3}}

/* ---------- PARA TI SI (v2): fondo BG03 ---------- */
.acad-bg-light{position:relative;background:var(--academia-green-light) center/cover no-repeat;color:var(--academia-black)}
.acad-bg-light::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(241,243,216,.35),rgba(241,243,216,.55))}
.acad-bg-light > *{position:relative;z-index:1}
.bg-sol{background-image:url("/assets/academia/backgrounds/web/bg03.jpg")}
/* ---------- MÉTODO (v2) ---------- */
.academia .sistema-row{font-size:clamp(2.6rem,6vw,5rem);font-weight:500;margin-top:clamp(1.6rem,3vw,2.4rem)}
.academia .sistema-row .ri{font-size:1.12em}
.academia .sistema-gif{box-shadow:0 30px 66px -30px rgba(18,18,18,.55)}
.academia .p3{background:#fff;border-color:rgba(18,18,18,.08)}
.academia .p3::before{background:linear-gradient(90deg,var(--academia-sage),var(--academia-green))}
.academia .p3:hover{box-shadow:0 30px 60px -36px rgba(18,18,18,.4);border-color:var(--academia-sage)}
.academia .p3-num{color:var(--academia-sage-deep);font-weight:200}
.academia .p3-t{font-weight:700;color:var(--academia-black)}
.academia .p3-t .ri{font-weight:400;color:var(--academia-sage-deep)}
.p3-line{margin:1rem 0 0;line-height:1.55}
.p3-line .k{display:block;font-family:var(--academia-font-primary);font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--academia-sage-deep);margin-bottom:.3rem}
.p3-line.quote q{font-family:var(--academia-font-secondary);font-style:italic;font-size:1.22em;line-height:1.35}

/* ---------- LA RUTA (v2): fondo BG01 ---------- */
.ruta::before{background:linear-gradient(180deg,rgba(18,18,18,.5),rgba(18,18,18,.68))!important}
.ruta h2{color:var(--academia-green-light)}
.ruta h2 .ri{color:var(--academia-green)}
.ruta-intro{margin-top:1.2rem;color:var(--academia-green-light);font-size:1.08em}
.ruta-intro em{color:var(--academia-green)}
.ruta-stage{margin-top:clamp(2.6rem,5vw,3.8rem)}
.ruta-stage-t{font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(1.25rem,2.2vw,1.7rem);color:var(--academia-green-light);margin:0 0 1.6rem}
.ruta-stage-t .ri{color:var(--academia-green);font-weight:400}
.ruta-months{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;position:relative}
.ruta-months::before{content:"";position:absolute;left:0;right:0;top:.55rem;height:1px;background:var(--academia-green);opacity:.5}
.ruta-m{position:relative;padding-top:2rem}
.ruta-m::before{content:"";position:absolute;top:.15rem;left:0;width:.85rem;height:.85rem;border-radius:999px;background:var(--academia-green);box-shadow:0 0 0 5px rgba(227,233,176,.18)}
.ruta-m .when{font-family:var(--academia-font-primary);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--academia-green)}
.ruta-m .what{font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(1.3rem,2vw,1.6rem);color:var(--academia-green-light);margin:.4rem 0 .5rem;line-height:1.15;letter-spacing:-.01em}
.ruta-m p{color:var(--academia-sage-soft)}
.academia .ruta em.hi{font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;color:var(--academia-green)}
.ruta b{color:var(--academia-green-light)}
.ruta-pausa{margin-top:1.8rem;color:var(--academia-sage-soft)}
.ruta-timing{margin-top:2.4rem;font-family:var(--academia-font-secondary);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.35;color:var(--academia-green-light);max-width:46rem}
@media(max-width:820px){
  .ruta-months{grid-template-columns:1fr;gap:1.8rem;padding-left:1.7rem}
  .ruta-months::before{left:.4rem;right:auto;top:.4rem;bottom:.4rem;width:1px;height:auto}
  .ruta-m{padding-top:0}
  .ruta-m::before{left:-1.7rem;top:.3rem}
}

/* ---------- CUATRO FRENTES (v2) ---------- */
.frentes{max-width:54rem;margin:clamp(2rem,4vw,3rem) auto 0;border-top:1px solid var(--academia-silver)}
.frente{display:grid;grid-template-columns:5.5rem 1fr;gap:1.2rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--academia-silver)}
.frente .n{font-family:var(--academia-font-primary);font-weight:200;font-size:clamp(2.4rem,5vw,3.6rem);line-height:.9;color:var(--academia-sage-deep)}
.frente p{margin:0;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.45}
@media(max-width:600px){.frente{grid-template-columns:3.4rem 1fr}}

/* ---------- COMPAÑERAS ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.split .photo{border-radius:20px;overflow:hidden;aspect-ratio:4/5}
.split .photo img{width:100%;height:100%;object-fit:cover}
.split p+p{margin-top:1rem}
@media(max-width:860px){.split{grid-template-columns:1fr}.split .photo{aspect-ratio:4/3}}

/* ---------- PRUEBA ---------- */
.academia .testi-cell figcaption{color:var(--academia-black);font-weight:500}
.testi-meta{text-align:center;font-size:.85rem;line-height:1.45;margin-top:.3rem}
.testi-row-acad{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2rem);margin:2.2rem auto 0;max-width:60rem}
.testi-row-acad .testi-cell{width:clamp(150px,22vw,220px)}
.testi-row-acad .video-frame{aspect-ratio:9/16}
.disclaimer{max-width:40rem;margin:1.4rem auto 0;text-align:center}

/* ---------- CLIP 3 ---------- */
.clip3{text-align:center;max-width:52rem;margin-inline:auto}
.clip3 h2{color:var(--academia-green-light)}
.clip3 p{margin:1.4rem auto 0;color:var(--academia-sage-soft)}
.clip3 .video-frame{aspect-ratio:16/9;margin-top:2.4rem}

/* ---------- PUENTE A CASA ---------- */

/* ---------- FAQ (acordeón nuevo) ---------- */
.faq{max-width:48rem;margin:clamp(2rem,4vw,3rem) auto 0;border-top:1px solid var(--academia-silver)}
.faq details{border-bottom:1px solid var(--academia-silver)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:1.25rem 0;font-family:var(--academia-font-primary);font-weight:500;font-size:clamp(1.02rem,1.5vw,1.15rem);line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;font-family:var(--academia-font-primary);font-weight:200;font-size:1.6rem;line-height:.8;transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 2.4rem 1.4rem 0}
.faq .a a{border-bottom:1px solid var(--academia-black)}

/* ---------- CIERRE + FOOTER ---------- */
.cierre{text-align:center}
.cierre .logo-mask{height:clamp(52px,8vw,84px);margin:0 auto;color:var(--academia-green-light)}
.cierre h2{max-width:44rem;margin:1.8rem auto 0;color:var(--academia-green-light)}
.cierre h2 .acc-script{display:block;font-size:1.4em;color:var(--academia-green);margin-bottom:.15em}
.cierre .txt{max-width:38rem;margin:1.6rem auto 0;color:var(--academia-sage-soft)}
.cierre .txt p+p{margin-top:1rem}
.cierre .fechas{margin-top:1.4rem;font-family:var(--academia-font-primary);font-weight:500;color:var(--academia-green)}
.cierre .legal{font-family:var(--academia-font-primary);font-size:.76rem;color:var(--academia-sage-soft);margin-top:1rem}
.cierre .legal a,.acad-foot a{color:var(--academia-green);border-bottom:1px solid var(--academia-sage)}
.cierre .firma{font-family:var(--academia-font-secondary);font-style:italic;font-size:1.4rem;color:var(--academia-green-light);margin-top:1.8rem}
.ig-card{display:block;max-width:24rem;margin:2.4rem auto 0;background:rgba(255,255,255,.05);border:1px solid rgba(204,204,204,.3);border-radius:16px;padding:.55rem;transition:transform .3s var(--ease),border-color .3s var(--ease)}
.ig-card:hover{transform:translateY(-3px);border-color:var(--academia-periwinkle)}
.ig-card img{width:100%;border-radius:11px}
.acad-foot{margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid rgba(204,204,204,.25);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--academia-sage-soft);font-family:var(--academia-font-primary);font-size:.78rem}
.acad-foot .frase{font-family:var(--academia-font-secondary);font-style:italic;font-size:.95rem;color:var(--academia-green-light)}
@media(max-width:700px){.acad-foot{justify-content:center;text-align:center}}

/* ---------- STICKY BAR ---------- */
.academia .apply-bar{background:linear-gradient(0deg,var(--academia-black),rgba(18,18,18,.9));border-top-color:rgba(204,204,204,.25)}

/* ---------- SECTION HEADINGS ---------- */
.sec-head{text-align:center;max-width:48rem;margin-inline:auto}
.sec-head .intro{margin:1.1rem auto 0}

/* ---------- UN MES POR DENTRO (v2): calendario visual ---------- */
.cal4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:66rem;margin:clamp(2.2rem,4vw,3.2rem) auto 0}
.wk{display:flex;flex-direction:column}
.wk-h{margin:0 0 .6rem;text-align:center;font-family:var(--academia-font-primary);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.wk-c{flex:1;background:#fff;border:1px solid rgba(18,18,18,.1);border-radius:16px;padding:.7rem;min-height:190px;transition:box-shadow .25s var(--ease)}
.wk-c:hover{box-shadow:0 16px 34px -22px rgba(18,18,18,.4)}
.evt{height:100%;border-radius:11px;padding:.85rem .9rem;border-left:3px solid;font-size:.9rem;line-height:1.5}
.evt p{margin:0}
.evt b{font-family:var(--academia-font-primary);font-weight:700;display:block;font-size:1.02rem;margin-bottom:.3rem;line-height:1.25}
.evt-i{display:block;font-size:.8rem;margin-bottom:.4rem}
.evt-ale{background:rgba(204,209,232,.45);border-color:var(--academia-periwinkle)}
.evt-dd{background:var(--academia-black);border-color:var(--academia-green);color:var(--academia-green-light)}
.evt-dd b,.evt-dd .evt-i{color:var(--academia-green)}
.evt-impl{background:rgba(157,175,138,.22);border-color:var(--academia-sage)}
.cal4-bar{grid-column:1/-1;display:flex;align-items:center;gap:.8rem;background:var(--academia-green);border-left:3px solid var(--academia-black);border-radius:12px;padding:.85rem 1.1rem;font-size:.95rem}
.cal4-bar p{margin:0}
.cal4-bar b{font-family:var(--academia-font-primary);font-weight:700}
.cal4-bar .rec{margin-left:auto;font-family:var(--academia-font-primary);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;white-space:nowrap}
@media(max-width:900px){.cal4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cal4{grid-template-columns:1fr}.wk-c{min-height:0}.wk-h{text-align:left}.cal4-bar{flex-wrap:wrap}.cal4-bar .rec{margin-left:0}}
.mes-after{max-width:44rem;margin:2rem auto 0;text-align:center;font-style:italic}
.mes-after b{font-style:normal;font-family:var(--academia-font-primary)}

/* "Lo que incluye tu lugar": bloque destacado */
.incluye{position:relative;overflow:hidden;max-width:62rem;margin:clamp(3rem,6vw,4.5rem) auto 0;padding:clamp(2rem,5vw,3.4rem);border-radius:26px;color:var(--academia-green-light);background:linear-gradient(rgba(18,18,18,.78),rgba(18,18,18,.86)),url("/assets/academia/backgrounds/web/bg01.jpg") center/cover}
.incluye-t{margin:0 0 1.8rem;text-align:center;font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.1;color:var(--academia-green-light)}
.incluye-t .ri{color:var(--academia-green);font-weight:400}
.incluye-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2.4rem}
.inc{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem 0;border-top:1px solid rgba(227,233,176,.22)}
.inc-mark{flex:0 0 auto;color:var(--academia-green);font-size:1.3rem;line-height:1.2}
.inc p{margin:0;line-height:1.45}
.inc b{font-family:var(--academia-font-primary);font-weight:700;font-size:1.02rem;color:var(--academia-green-light)}
.inc em{color:var(--academia-green)}
@media(max-width:700px){.incluye-grid{grid-template-columns:1fr}}

/* ---------- EQUIPO (v2): fotos del mismo tamaño ---------- */
.team2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.75rem,4vw,3rem);max-width:62rem;margin:3.2rem auto 0;align-items:start}
.team-card{position:relative;padding:2rem 1.6rem 1.8rem;border-radius:24px;border:1px solid rgba(18,18,18,.1);background:rgba(255,255,255,.35)}
.team-card.lead{border-color:var(--academia-sage);background:rgba(206,215,197,.4)}
.team-card .badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:var(--academia-green-light);padding:.2rem .9rem;white-space:nowrap;color:var(--academia-black)}
.team-card h3{font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.1rem);text-align:center;margin:0}
.team-card .video-frame{aspect-ratio:4/5;width:100%;margin:1.1rem 0 0;border-color:rgba(18,18,18,.12)}
.team-card .video-frame img{object-position:50% 30%}
.team-card p{margin-top:1rem}
@media(max-width:820px){.team2{grid-template-columns:1fr;max-width:32rem}}

/* ---------- INVERSIÓN (v2): tarjeta estilo Casa ---------- */
.inv-card{position:relative;max-width:36rem;margin:clamp(2.4rem,4vw,3.4rem) auto 0;color:var(--academia-green-light);border-color:rgba(227,233,176,.3);background:linear-gradient(rgba(18,18,18,.8),rgba(18,18,18,.86)),url("/assets/academia/backgrounds/web/bg01.jpg") center/cover}
.inv-card:hover{border-color:rgba(227,233,176,.6)}
.inv-card > *{position:relative;z-index:3}
.inv-card .logo-mask{height:clamp(44px,6vw,58px);margin:0 auto 1rem;color:var(--academia-green-light)}
.inv-name{text-align:center;color:var(--academia-green)!important}
.inv-price{margin:.4rem 0 0;text-align:center;font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(2.6rem,6vw,3.4rem);line-height:1.05;color:var(--academia-green-light);letter-spacing:-.02em}
.inv-price span{font-weight:400;font-size:1rem;letter-spacing:.01em;color:var(--academia-sage-soft)}
.inv-plans{margin-top:1.5rem}
.inv-plans-t{margin:0 0 .3rem;font-family:var(--academia-font-primary);font-weight:700;color:var(--academia-green)}
.academia .inv-card .plan{border-color:rgba(227,233,176,.2);font-size:.95rem}
.inv-card .plan .tot{color:var(--academia-sage-soft);white-space:nowrap}
.inv-card .btn{width:100%;justify-content:center;margin-top:1.6rem}
.inv-card .below-btn{text-align:center;color:var(--academia-sage-soft)}
.inv-after{max-width:42rem;margin:3rem auto 0;text-align:center}
.inv-after p+p{margin-top:1rem}
.inv-lead{font-family:var(--academia-font-secondary);font-style:italic;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--academia-sage-deep);line-height:1.2}
.inv-close{font-family:var(--academia-font-secondary);font-style:italic;font-size:1.15em;margin-top:1.8rem!important}
@media(max-width:600px){.inv-card .btn{font-size:.84rem;padding:.9rem 1rem;white-space:nowrap}}


/* ============================================================
   RONDA 3
   ============================================================ */

/* ---------- HERO: párrafo dinámico + CTA centrado ---------- */
.acad-hero .sub{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6}
.acad-hero .sub b{font-family:var(--academia-font-primary);font-weight:700;color:var(--academia-green-light)}
.acad-hero .sub b.s-hl{color:var(--academia-green);font-size:1.06em;letter-spacing:-.01em}
.acad-hero .sub .ri{color:var(--academia-green);font-size:1.12em}
.acad-hero .sub .ri.s-big{font-weight:700;color:var(--academia-green-light)}
.acad-hero .sub.sub-2{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(157,175,138,.45)}
.acad-hero .hero-ctas{justify-content:center}
.acad-hero .below-btn{text-align:center}

/* ---------- INSIGHT: "ya te dijeron que sí" legible + cierre dinámico ---------- */
.insight-h .ya-si{display:block;margin-top:.12em;font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;font-size:1.28em;line-height:1.1;letter-spacing:-.015em;color:var(--academia-sage-deep)}
.insight-close{margin-top:2.6rem!important;line-height:1.15}
.insight-close > span,.insight-close > b,.insight-close > em{display:block}
.insight-close .ic-1{font-family:var(--academia-font-primary);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--academia-sage-deep)}
.insight-close .ic-2{margin-top:.55rem;font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(1.55rem,3.2vw,2.3rem);letter-spacing:-.02em}
.insight-close .ic-3{margin-top:.5rem;font-family:var(--academia-font-secondary);font-style:italic;font-size:clamp(1.05rem,1.8vw,1.3rem)}
.insight-close .ic-4{margin-top:.15rem;font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;font-size:clamp(2rem,4.6vw,3.3rem);letter-spacing:-.02em;color:var(--academia-sage-deep)}
.insight-close .ic-4 .mark{background:linear-gradient(transparent 62%,var(--academia-green) 62%)}

/* ---------- PARA TI SI (v3.1): tarjetas de la versión anterior + espiral más chica ---------- */
.ptsi-sec{overflow-x:clip;overflow-y:visible}
.acad-bg-light > .ptsi-spiral{position:absolute;z-index:3;top:clamp(-5rem,-4.5vw,-2.2rem);right:clamp(1rem,4vw,6vw);width:min(19vw,240px);max-width:none;height:auto;pointer-events:none;filter:drop-shadow(0 18px 24px rgba(18,18,18,.22))}
.ptsi-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:68rem;margin:clamp(2.4rem,5vw,3.6rem) auto 0}
.ptsi{display:block;padding:1.6rem 1.5rem 1.7rem;border-radius:20px;background:rgba(241,243,216,.62);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 44px -34px rgba(18,18,18,.45)}
.ptsi .n{display:block;font-family:var(--academia-font-primary);font-weight:200;font-size:2.4rem;line-height:1;color:var(--academia-sage-deep);letter-spacing:-.02em}
.ptsi p{margin:.8rem 0 0;font-size:1.02em;line-height:1.55}
.ptsi b{font-style:italic}
@media(max-width:900px){.ptsi-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ptsi-list{grid-template-columns:1fr}.acad-bg-light > .ptsi-spiral{width:26vw;top:-1.6rem;right:3vw}}

/* ---------- MÉTODO: cita + texto sin etiquetas ---------- */
.p3-line.quote{padding-bottom:1.1rem;border-bottom:1px solid rgba(18,18,18,.14)}
.p3-line.quote q{display:block;margin-top:0}

/* ---------- RUTA: etapa 2 como etapa 1 ---------- */
.ruta-months.ruta-one{grid-template-columns:1fr}
.ruta-m.solo p{max-width:46rem;font-size:1.05em}
.ruta-stage-2{margin-top:clamp(2.4rem,4vw,3.4rem)}

/* ---------- CUATRO FRENTES: fondo Graphic Asset 03 ---------- */
.frentes-sec{position:relative;overflow:hidden}
.frentes-sec > .frentes-bg{position:absolute;z-index:0;pointer-events:none;top:50%;right:clamp(1rem,6vw,9vw);transform:translateY(-50%);width:min(20vw,215px);max-width:none;height:auto;opacity:.75;mix-blend-mode:multiply}
.frentes-sec > .container{position:relative;z-index:1}
@media(max-width:700px){.frentes-sec > .frentes-bg{width:30vw;right:2vw;top:8%;transform:none;opacity:.6}}

/* ---------- POR AMOR A TI: título y texto dinámicos ---------- */
.clip3 h2 .fx-a{display:block;font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;font-size:1.22em;letter-spacing:-.015em;color:var(--academia-green);margin-bottom:.15em}
.clip3 h2 .fx-b{display:block;font-weight:700}
.clip3-text{max-width:40rem;margin:1.8rem auto 0}
.clip3-text .sent{display:block}
.clip3-text .sent-1{font-family:var(--academia-font-primary);font-weight:500;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.45;color:var(--academia-green-light)}
.clip3-text .sent-2{font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.3;color:var(--academia-green)}
.clip3-text .sent + .sent::before{content:"✦";display:block;margin:1.1rem auto;color:var(--academia-sage);font-size:1rem;font-style:normal}
.clip3-text .fx-plain{display:block}

/* ---------- INVERSIÓN: 6 meses + upsell al año ---------- */
.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2rem);max-width:64rem;margin:clamp(2.4rem,4vw,3.4rem) auto 0;align-items:start}
.inv-grid .inv-card{margin:0;max-width:none}
.inv-grid > .inv-card:only-child{grid-column:1/-1;max-width:36rem;margin-inline:auto}
.up-card{position:relative;background:var(--academia-green);color:var(--academia-black);border:1px solid rgba(18,18,18,.25)}
.up-card:hover{border-color:var(--academia-black)}
.up-badge{display:inline-block;padding:.32rem .9rem;border-radius:999px;background:var(--academia-black);color:var(--academia-green)!important;letter-spacing:.16em}
.up-h{margin:1rem 0 0;font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.12;letter-spacing:-.02em}
.up-h .ri{font-weight:400;color:var(--academia-sage-deep)}
.up-p{margin:1rem 0 0;line-height:1.55}
.up-p .mark{background:linear-gradient(transparent 58%,rgba(255,255,255,.75) 58%)}
.up-price{margin:1.2rem 0 0;font-family:var(--academia-font-primary);font-weight:700;font-size:clamp(2.4rem,4.6vw,3.1rem);line-height:1.05;letter-spacing:-.02em}
.up-price span{font-weight:400;font-size:.95rem;letter-spacing:.01em}
.up-plans{margin-top:1.3rem}
.up-plans-t{margin:0 0 .3rem;font-family:var(--academia-font-primary);font-weight:700}
.up-card .plan{border-top:1px solid rgba(18,18,18,.22);font-size:.93rem;padding:.75rem 0}
.up-card .plan .tot{font-weight:700;white-space:nowrap}
.up-card .btn{width:100%;justify-content:center;margin-top:1.4rem}
@media(max-width:860px){.inv-grid{grid-template-columns:1fr;max-width:36rem}}
@media(max-width:600px){.up-card .btn{font-size:.84rem;padding:.9rem 1rem;white-space:nowrap}.up-card .plan{flex-direction:column}}

/* ---------- PUENTE A CASA: vino de Casa + sello ---------- */
.puente{position:relative;overflow:hidden;max-width:46rem;margin-inline:auto;text-align:center;padding:clamp(1.8rem,4vw,2.8rem);border-radius:20px;background:#5A1622;color:#EBE4CF;border:1px solid rgba(219,207,152,.35)}
.puente::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("/assets/textures/web/wine-suede-soft.jpg") center/cover;opacity:.45;mix-blend-mode:soft-light}
.puente > *{position:relative;z-index:1}
.puente-head{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,2vw,1.2rem);margin-bottom:1.3rem}
.puente-seal{width:clamp(44px,6vw,62px);height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.puente-logo{height:clamp(46px,6vw,60px);width:auto}
.puente h2{color:#EBE4CF;font-size:clamp(1.5rem,3vw,2.2rem)}
.puente p{margin:1rem auto 0;color:#d8c3b8;max-width:36rem}
.puente .text-link{display:inline-block;margin-top:1.4rem;color:#DBCF98;border-color:#C6A363}
.puente .text-link:hover{color:#EBE4CF;border-color:#EBE4CF}
.academia .puente :focus-visible{outline-color:#DBCF98}

/* ---------- FAQ: bloque de Instagram al final ---------- */
.faq-ig{max-width:24rem;margin:clamp(2.6rem,5vw,3.6rem) auto 0;text-align:center}
.faq-ig .ig-card{margin:0 auto;background:rgba(18,18,18,.05);border-color:rgba(18,18,18,.18)}
.faq-ig .ig-card:hover{border-color:var(--academia-black)}
.faq-ig .ig-text{margin:1.1rem 0 0}
.faq-ig .ig-text a{font-weight:700;border-bottom:1px solid var(--academia-black)}


/* ---------- RONDA 4 ---------- */
/* Ruta: etapa 2 con puntos de enero y abril */
.ruta-months.ruta-two{grid-template-columns:1fr 1fr}
.ruta-m.r-end{text-align:right}
.ruta-m.r-end::before{left:auto;right:0}
@media(max-width:820px){
  .ruta-months.ruta-two{grid-template-columns:1fr}
  .ruta-m.r-end{text-align:left}
  .ruta-m.r-end::before{left:-1.7rem;right:auto}
}

/* Por amor a ti: más dinamismo */
.clip3 h2 .fx-b{font-weight:400}
.clip3 h2 .fx-b1{font-weight:700}
.clip3 h2 .fx-b2{font-family:var(--academia-font-secondary);font-style:italic;font-weight:400;color:var(--academia-green);font-size:1.08em;letter-spacing:-.01em}
.clip3-text .fx-em{font-family:var(--academia-font-primary);font-style:normal;font-weight:700;color:var(--academia-green-light);background:linear-gradient(transparent 62%,rgba(157,175,138,.55) 62%);padding:0 .1em}

/* Upgrade al año: mismo tamaño que la tarjeta de 6 meses, planes desplegables */
.inv-grid{align-items:stretch}
.inv-grid .inv-card,.up-card{display:flex;flex-direction:column}
.inv-grid .inv-card .inv-plans{flex:1}
.up-card{padding-block:clamp(1.5rem,3vw,2.4rem)}
.up-card .up-badge{align-self:center}
.up-h{margin:1rem 0 0;text-align:center;font-size:clamp(1.55rem,2.4vw,2rem)}
.up-p{margin:.9rem 0 0;text-align:center}
.up-price{margin:1rem 0 0;text-align:center;font-size:clamp(2.4rem,4.6vw,3rem)}
.up-plans{margin:1.3rem 0 1.4rem}
.up-plans summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.3rem;border:1.5px solid var(--academia-black);border-radius:999px;font-family:var(--academia-font-primary);font-weight:700;font-size:.92rem;transition:background .25s var(--ease)}
.up-plans summary:hover{background:rgba(18,18,18,.08)}
.up-plans summary::-webkit-details-marker{display:none}
.up-plans summary::after{content:"+";font-size:1.3rem;line-height:1;transition:transform .25s var(--ease)}
.up-plans[open] summary::after{transform:rotate(45deg)}
.up-plans .plan:first-of-type{margin-top:.6rem}
.up-card .btn{margin-top:auto}

/* Hero: "Oferta Inevitable." en Roca itálica (antes Nautica) */
.acad-hero h1 .hero-oi{font-family:var(--academia-font-secondary);font-style:italic;font-weight:700;font-size:1.1em;letter-spacing:-.02em;color:var(--academia-green)}

/* Upgrade: precio como add-on (+$2,500) con el total debajo */
.up-price{margin-top:1.1rem}
.up-total{margin:.35rem 0 0;text-align:center;font-family:var(--academia-font-primary);font-size:.98rem;line-height:1.3}
.up-total b{font-weight:700;font-size:1.15em;letter-spacing:-.01em}

/* ============================================================
   RONDA 5
   ============================================================ */

/* Hero en mobile: el segundo párrafo va debajo de la foto de Sofi */
@media(max-width:860px){
  .acad-hero .hero-grid{display:flex;flex-direction:column;gap:0}
  .acad-hero .hero-grid > div:first-child{display:contents}
  .acad-hero .eyebrow-text{order:1}
  .acad-hero h1{order:2}
  .acad-hero .sub{order:3}
  .acad-hero .hero-ctas{order:4}
  .acad-hero .below-btn{order:5}
  .acad-hero .hero-media{order:6;margin-top:2rem;width:100%}
  .acad-hero .sub.sub-2{order:7;margin-top:1.6rem;padding-top:1.4rem}
}

/* Para ti si: espiral 50% más grande a la derecha (desktop), centrada en mobile */
.acad-bg-light > .ptsi-spiral{top:clamp(-7.5rem,-6.5vw,-3.3rem);right:clamp(1rem,4vw,6vw);width:min(28.5vw,360px)}
@media(max-width:1200px){.acad-bg-light > .ptsi-spiral{width:min(22vw,280px)}}
@media(max-width:600px){
  .acad-bg-light > .ptsi-spiral{width:26vw;top:-2.2rem;right:auto;left:50%;transform:translateX(-50%)}
  /* número y texto en la misma línea */
  .ptsi{padding:1.1rem 1.2rem 1.2rem}
  .ptsi .n{display:inline;font-size:1.7rem;margin-right:.55rem;vertical-align:baseline}
  .ptsi p{display:inline;margin:0}
}

/* La Oferta Inevitable en mobile: número y nombre del pilar en la misma línea */
@media(max-width:820px){
  .academia .p3{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;align-items:baseline}
  .academia .p3 > *{grid-column:1/-1}
  .academia .p3 > .p3-num,.academia .p3 > .p3-t{grid-column:auto}
  .academia .p3-num{font-size:2.4rem}
  .academia .p3-t{margin:0}
}

/* Cuatro frentes: figura a caballo entre la sección de arriba y esta, 30% más grande, a la derecha */
.frentes-sec{overflow-x:clip;overflow-y:visible}
.frentes-sec > .frentes-bg{z-index:3;top:0;transform:translateY(-50%);right:clamp(1rem,6vw,9vw);width:min(26vw,280px);opacity:.95;mix-blend-mode:normal}
@media(max-width:700px){.frentes-sec > .frentes-bg{width:39vw;right:2vw;top:0;transform:translateY(-50%);opacity:.95}}

/* Cierre: legal debajo de la firma */
.cierre .firma{margin-top:1.8rem}
.cierre .legal{margin-top:.9rem}

/* FAQ: solo queda el texto de Instagram */
.faq-ig{margin-top:clamp(2rem,4vw,2.8rem)}