/* ==========================================================================
   Movimiento · Volver al cuerpo  (ver assets/js/movimiento.js)
   Todo lo que oculta contenido va bajo .mov-on: sin JS, o con "reducir
   movimiento", la página se ve completa y quieta.
   ========================================================================== */

/* ---------- Barra de progreso de lectura ---------- */
.mov-progreso{position:fixed;top:0;left:0;right:0;height:2px;z-index:950;pointer-events:none;
  background:linear-gradient(90deg,var(--sage-dark),var(--sage-light));
  transform:scaleX(0);transform-origin:0 50%}

/* ---------- Palabras que aparecen (desenfoque → nítido) ---------- */
.mov-w{display:inline-block}
.mov-on [data-mov="palabras"] .mov-w{opacity:0;filter:blur(10px);transform:translateY(.35em);
  transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease);
  transition-delay:calc(var(--i) * 70ms)}
.mov-on [data-mov="palabras"].mov-in .mov-w{opacity:1;filter:none;transform:none}
.mov-on [data-mov="palabras"].mov-lento .mov-w{transition-delay:calc(300ms + var(--i) * 45ms)}

/* ---------- Palabras que se iluminan con el scroll ---------- */
.mov-on [data-mov="revelar"] .mov-w{opacity:.16;transition:opacity .25s linear}

/* ---------- Aurora: fondo que respira ---------- */
.mov-aurora{position:relative;isolation:isolate;overflow:hidden}
.mov-aurora::before{content:'';position:absolute;inset:-40%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 42% at 25% 30%,rgba(169,187,160,.30),transparent 70%),
    radial-gradient(30% 36% at 75% 70%,rgba(125,143,104,.40),transparent 70%),
    radial-gradient(26% 30% at 60% 20%,rgba(255,255,255,.10),transparent 70%);
  filter:blur(30px);animation:mov-aurora 22s ease-in-out infinite alternate}
@keyframes mov-aurora{
  0%{transform:translate3d(-6%,-4%,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(5%,6%,0) rotate(8deg) scale(1.12)}
  100%{transform:translate3d(-3%,8%,0) rotate(-6deg) scale(1.04)}}

/* ---------- Imagen de portada: entra con un zoom lento ---------- */
.mov-on .hero-split__img img,.mov-on .lp-hero__img img{will-change:transform}
.mov-on .hero-split__img,.mov-on .lp-hero__img{animation:mov-velo 1.8s var(--ease) both}
@keyframes mov-velo{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}

/* ---------- Cortina: la imagen se descubre ---------- */
.mov-on [data-mov="cortina"]{overflow:hidden}
.mov-on [data-mov="cortina"] img{clip-path:inset(12% 12% 12% 12%);transform:scale(1.15);
  transition:clip-path 1.4s var(--ease),transform 1.8s var(--ease)}
.mov-on [data-mov="cortina"].mov-in img{clip-path:inset(0 0 0 0);transform:none}

/* ---------- Cinta de palabras en bucle ---------- */
.mov-cinta{overflow:hidden;padding:clamp(1.4rem,3.5vw,2.4rem) 0;background:var(--cream-2);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mov-cinta__pista{display:flex;width:max-content;will-change:transform}
.mov-cinta__pista span{font-family:var(--font-display);font-size:clamp(2.2rem,6.5vw,4.6rem);
  line-height:1;white-space:nowrap;padding:0 .45em;color:var(--sage)}
.mov-cinta__pista span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--sage-light)}
.mov-cinta__pista i{font-style:normal;align-self:center;width:.5rem;height:.5rem;border-radius:50%;
  background:var(--sage-light);flex:none}
.mov-cinta--oscura{background:var(--ink)}
.mov-cinta--oscura .mov-cinta__pista span{color:#fff}
.mov-cinta--oscura .mov-cinta__pista span:nth-child(even){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}
/* Con "reducir movimiento": una sola línea quieta, sin repetir palabras */
.mov-quieto .mov-cinta__pista{flex-wrap:nowrap;justify-content:center;width:auto}
.mov-quieto .mov-cinta__pista > :nth-child(n+8){display:none}
@media(max-width:760px){.mov-quieto .mov-cinta__pista span{font-size:1.5rem}}

/* ---------- Respiración guiada ---------- */
.mov-respira{position:relative;width:min(240px,62vw);aspect-ratio:1;margin:clamp(2.4rem,5vw,3.4rem) auto 0;
  display:grid;place-items:center}
.mov-respira__ola{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.35)}
.mov-respira__orbe{position:absolute;inset:18%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.12) 55%,rgba(255,255,255,.04));
  box-shadow:0 0 60px rgba(255,255,255,.18) inset,0 0 40px rgba(0,0,0,.08)}
.mov-respira__txt{position:relative;font-family:var(--font-display);font-style:italic;
  font-size:clamp(1.15rem,2.4vw,1.4rem);color:#fff;display:grid}
.mov-respira__txt span{grid-area:1/1;text-align:center}
.mov-on .mov-respira__orbe{animation:mov-respira 10s ease-in-out infinite}
.mov-on .mov-respira__ola{animation:mov-ola 10s ease-in-out infinite}
.mov-on .mov-respira__ola:nth-child(2){animation-delay:.6s}
.mov-on .mov-respira__in{animation:mov-in 10s ease-in-out infinite}
.mov-on .mov-respira__out{animation:mov-out 10s ease-in-out infinite}
.mov-quieto .mov-respira__out{display:none}
@keyframes mov-respira{0%,100%{transform:scale(.62)}40%{transform:scale(1)}48%{transform:scale(1)}}
@keyframes mov-ola{0%{transform:scale(.6);opacity:0}38%{opacity:.9}100%{transform:scale(1.25);opacity:0}}
@keyframes mov-in{0%,38%{opacity:1}44%,96%{opacity:0}100%{opacity:1}}
@keyframes mov-out{0%,40%{opacity:0}46%,92%{opacity:1}98%,100%{opacity:0}}
.mov-respira__nota{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-top:1.4rem}

/* ---------- Tarjetas con luz que sigue al cursor ---------- */
[data-mov="foco"]{position:relative;isolation:isolate;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
[data-mov="foco"]::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(169,187,160,.28),transparent 60%);
  transition:opacity .5s}
[data-mov="foco"]:hover::after{opacity:1}
@media (hover:hover){[data-mov="foco"]:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(26,33,22,.35)}}
.mov-on .puertas [data-mov="foco"]{opacity:0;transform:translateY(24px)}
.mov-on .puertas.is-visible [data-mov="foco"],
.mov-on .puertas.mov-in [data-mov="foco"]{opacity:1;transform:none;
  transition:opacity .9s var(--ease),transform .9s var(--ease),box-shadow .6s var(--ease)}
.mov-on .puertas [data-mov="foco"]:nth-child(2){transition-delay:.12s}
.mov-on .puertas [data-mov="foco"]:nth-child(3){transition-delay:.24s}
.mov-on .puertas [data-mov="foco"]:nth-child(4){transition-delay:.36s}
.puerta__n{transition:letter-spacing .6s var(--ease),color .6s}
[data-mov="foco"]:hover .puerta__n{letter-spacing:.24em}

/* ---------- Botón principal: brillo que recorre ---------- */
.mov-brillo{position:relative;overflow:hidden;transition:transform .35s var(--ease),background .4s,color .4s,border-color .4s}
.mov-brillo::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg)}
.mov-on .mov-brillo::after{animation:mov-brillo 4.5s ease-in-out infinite}
@keyframes mov-brillo{0%,62%{left:-60%}100%{left:130%}}

/* ---------- Pulso en la cifra del precio ---------- */
.mov-on .inscribir__valor,.mov-on .lp-precio__cifra{animation:mov-late 5s ease-in-out infinite}
@keyframes mov-late{0%,100%{text-shadow:none}50%{text-shadow:0 0 22px rgba(181,167,126,.55)}}

/* ---------- Testimonios en fila que se desliza ---------- */
.mov-on .quote-card{transition:transform .6s var(--ease),box-shadow .6s var(--ease)}

/* Con "reducir movimiento" no hay nada que esconder */
.mov-quieto [data-mov] .mov-w,.mov-quieto [data-mov] img{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}

/* La portada espera a que se retire la cortina de entrada */
.mov-on body:has(> .threshold):not(.threshold-done) .hero-split__img{animation-play-state:paused}

/* ============================================================
   Vibe botánica (tablero "Soul Recovery")
   ============================================================ */
/* Sombras de hojas que se mecen, como luz filtrada entre ramas */
.mov-hojas{position:relative;isolation:isolate;overflow:hidden}
.mov-hojas::after{content:'';position:absolute;inset:-12%;z-index:-1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20800%20700%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M-20.0%20140.0%20L21.4%20128.1%20L63.6%20119.1%20L106.4%20113.0%20L149.7%20109.9%20L193.2%20109.7%20L237.0%20112.5%20L280.8%20118.4%20L324.4%20127.2%20L367.7%20139.0%20L410.5%20153.8%20L452.8%20171.5%20L494.3%20192.2%20L534.8%20215.8%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-61.0%22%20rx%3D%2212.2%22%20ry%3D%2261.0%22%20transform%3D%22translate%2821.4%20128.1%29%20rotate%2819.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-61.0%22%20rx%3D%2212.2%22%20ry%3D%2261.0%22%20transform%3D%22translate%2821.4%20128.1%29%20rotate%28129.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-58.1%22%20rx%3D%2211.6%22%20ry%3D%2258.1%22%20transform%3D%22translate%2863.6%20119.1%29%20rotate%2821.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-58.1%22%20rx%3D%2211.6%22%20ry%3D%2258.1%22%20transform%3D%22translate%2863.6%20119.1%29%20rotate%28131.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-55.1%22%20rx%3D%2211.0%22%20ry%3D%2255.1%22%20transform%3D%22translate%28106.4%20113.0%29%20rotate%2822.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-55.1%22%20rx%3D%2211.0%22%20ry%3D%2255.1%22%20transform%3D%22translate%28106.4%20113.0%29%20rotate%28132.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-52.2%22%20rx%3D%2210.4%22%20ry%3D%2252.2%22%20transform%3D%22translate%28149.7%20109.9%29%20rotate%2824.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-52.2%22%20rx%3D%2210.4%22%20ry%3D%2252.2%22%20transform%3D%22translate%28149.7%20109.9%29%20rotate%28134.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-49.2%22%20rx%3D%229.8%22%20ry%3D%2249.2%22%20transform%3D%22translate%28193.2%20109.7%29%20rotate%2826.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-49.2%22%20rx%3D%229.8%22%20ry%3D%2249.2%22%20transform%3D%22translate%28193.2%20109.7%29%20rotate%28136.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-46.3%22%20rx%3D%229.3%22%20ry%3D%2246.3%22%20transform%3D%22translate%28237.0%20112.5%29%20rotate%2828.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-46.3%22%20rx%3D%229.3%22%20ry%3D%2246.3%22%20transform%3D%22translate%28237.0%20112.5%29%20rotate%28138.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-43.3%22%20rx%3D%228.7%22%20ry%3D%2243.3%22%20transform%3D%22translate%28280.8%20118.4%29%20rotate%2830.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-43.3%22%20rx%3D%228.7%22%20ry%3D%2243.3%22%20transform%3D%22translate%28280.8%20118.4%29%20rotate%28140.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-40.4%22%20rx%3D%228.1%22%20ry%3D%2240.4%22%20transform%3D%22translate%28324.4%20127.2%29%20rotate%2832.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-40.4%22%20rx%3D%228.1%22%20ry%3D%2240.4%22%20transform%3D%22translate%28324.4%20127.2%29%20rotate%28142.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-37.4%22%20rx%3D%227.5%22%20ry%3D%2237.4%22%20transform%3D%22translate%28367.7%20139.0%29%20rotate%2834.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-37.4%22%20rx%3D%227.5%22%20ry%3D%2237.4%22%20transform%3D%22translate%28367.7%20139.0%29%20rotate%28144.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-34.5%22%20rx%3D%226.9%22%20ry%3D%2234.5%22%20transform%3D%22translate%28410.5%20153.8%29%20rotate%2836.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-34.5%22%20rx%3D%226.9%22%20ry%3D%2234.5%22%20transform%3D%22translate%28410.5%20153.8%29%20rotate%28146.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-31.5%22%20rx%3D%226.3%22%20ry%3D%2231.5%22%20transform%3D%22translate%28452.8%20171.5%29%20rotate%2838.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-31.5%22%20rx%3D%226.3%22%20ry%3D%2231.5%22%20transform%3D%22translate%28452.8%20171.5%29%20rotate%28148.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-28.6%22%20rx%3D%225.7%22%20ry%3D%2228.6%22%20transform%3D%22translate%28494.3%20192.2%29%20rotate%2840.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-28.6%22%20rx%3D%225.7%22%20ry%3D%2228.6%22%20transform%3D%22translate%28494.3%20192.2%29%20rotate%28150.8%29%22/%3E%3Cpath%20d%3D%22M60.0%20640.0%20L96.4%20609.8%20L135.2%20582.7%20L176.2%20558.7%20L219.3%20538.1%20L264.1%20520.8%20L310.6%20507.1%20L358.4%20497.1%20L407.5%20490.7%20L457.4%20488.2%20L508.1%20489.5%20L559.3%20494.8%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-52.9%22%20rx%3D%2210.6%22%20ry%3D%2252.9%22%20transform%3D%22translate%2896.4%20609.8%29%20rotate%28-4.7%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-52.9%22%20rx%3D%2210.6%22%20ry%3D%2252.9%22%20transform%3D%22translate%2896.4%20609.8%29%20rotate%28105.3%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-49.9%22%20rx%3D%2210.0%22%20ry%3D%2249.9%22%20transform%3D%22translate%28135.2%20582.7%29%20rotate%28-2.3%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-49.9%22%20rx%3D%2210.0%22%20ry%3D%2249.9%22%20transform%3D%22translate%28135.2%20582.7%29%20rotate%28107.7%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-46.8%22%20rx%3D%229.4%22%20ry%3D%2246.8%22%20transform%3D%22translate%28176.2%20558.7%29%20rotate%280.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-46.8%22%20rx%3D%229.4%22%20ry%3D%2246.8%22%20transform%3D%22translate%28176.2%20558.7%29%20rotate%28110.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-43.8%22%20rx%3D%228.8%22%20ry%3D%2243.8%22%20transform%3D%22translate%28219.3%20538.1%29%20rotate%282.4%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-43.8%22%20rx%3D%228.8%22%20ry%3D%2243.8%22%20transform%3D%22translate%28219.3%20538.1%29%20rotate%28112.4%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-40.7%22%20rx%3D%228.1%22%20ry%3D%2240.7%22%20transform%3D%22translate%28264.1%20520.8%29%20rotate%284.7%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-40.7%22%20rx%3D%228.1%22%20ry%3D%2240.7%22%20transform%3D%22translate%28264.1%20520.8%29%20rotate%28114.7%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-37.7%22%20rx%3D%227.5%22%20ry%3D%2237.7%22%20transform%3D%22translate%28310.6%20507.1%29%20rotate%287.1%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-37.7%22%20rx%3D%227.5%22%20ry%3D%2237.7%22%20transform%3D%22translate%28310.6%20507.1%29%20rotate%28117.1%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-34.6%22%20rx%3D%226.9%22%20ry%3D%2234.6%22%20transform%3D%22translate%28358.4%20497.1%29%20rotate%289.4%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-34.6%22%20rx%3D%226.9%22%20ry%3D%2234.6%22%20transform%3D%22translate%28358.4%20497.1%29%20rotate%28119.4%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-31.6%22%20rx%3D%226.3%22%20ry%3D%2231.6%22%20transform%3D%22translate%28407.5%20490.7%29%20rotate%2811.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-31.6%22%20rx%3D%226.3%22%20ry%3D%2231.6%22%20transform%3D%22translate%28407.5%20490.7%29%20rotate%28121.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-28.5%22%20rx%3D%225.7%22%20ry%3D%2228.5%22%20transform%3D%22translate%28457.4%20488.2%29%20rotate%2814.1%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-28.5%22%20rx%3D%225.7%22%20ry%3D%2228.5%22%20transform%3D%22translate%28457.4%20488.2%29%20rotate%28124.1%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-25.5%22%20rx%3D%225.1%22%20ry%3D%2225.5%22%20transform%3D%22translate%28508.1%20489.5%29%20rotate%2816.4%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-25.5%22%20rx%3D%225.1%22%20ry%3D%2225.5%22%20transform%3D%22translate%28508.1%20489.5%29%20rotate%28126.4%29%22/%3E%3Cpath%20d%3D%22M780.0%20-30.0%20L749.1%204.3%20L715.9%2036.4%20L680.5%2066.3%20L642.9%2093.7%20L603.4%20118.6%20L562.1%20140.9%20L519.0%20160.4%20L474.4%20177.2%20L428.3%20191.0%20L381.0%20201.9%20L332.5%20209.8%20L283.1%20214.5%20L232.8%20216.1%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-64.9%22%20rx%3D%2213.0%22%20ry%3D%2264.9%22%20transform%3D%22translate%28749.1%204.3%29%20rotate%28167.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-64.9%22%20rx%3D%2213.0%22%20ry%3D%2264.9%22%20transform%3D%22translate%28749.1%204.3%29%20rotate%28277.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-61.7%22%20rx%3D%2212.3%22%20ry%3D%2261.7%22%20transform%3D%22translate%28715.9%2036.4%29%20rotate%28169.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-61.7%22%20rx%3D%2212.3%22%20ry%3D%2261.7%22%20transform%3D%22translate%28715.9%2036.4%29%20rotate%28279.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-58.6%22%20rx%3D%2211.7%22%20ry%3D%2258.6%22%20transform%3D%22translate%28680.5%2066.3%29%20rotate%28170.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-58.6%22%20rx%3D%2211.7%22%20ry%3D%2258.6%22%20transform%3D%22translate%28680.5%2066.3%29%20rotate%28280.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-55.4%22%20rx%3D%2211.1%22%20ry%3D%2255.4%22%20transform%3D%22translate%28642.9%2093.7%29%20rotate%28172.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-55.4%22%20rx%3D%2211.1%22%20ry%3D%2255.4%22%20transform%3D%22translate%28642.9%2093.7%29%20rotate%28282.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-52.3%22%20rx%3D%2210.5%22%20ry%3D%2252.3%22%20transform%3D%22translate%28603.4%20118.6%29%20rotate%28174.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-52.3%22%20rx%3D%2210.5%22%20ry%3D%2252.3%22%20transform%3D%22translate%28603.4%20118.6%29%20rotate%28284.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-49.2%22%20rx%3D%229.8%22%20ry%3D%2249.2%22%20transform%3D%22translate%28562.1%20140.9%29%20rotate%28176.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-49.2%22%20rx%3D%229.8%22%20ry%3D%2249.2%22%20transform%3D%22translate%28562.1%20140.9%29%20rotate%28286.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-46.0%22%20rx%3D%229.2%22%20ry%3D%2246.0%22%20transform%3D%22translate%28519.0%20160.4%29%20rotate%28178.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-46.0%22%20rx%3D%229.2%22%20ry%3D%2246.0%22%20transform%3D%22translate%28519.0%20160.4%29%20rotate%28288.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-42.9%22%20rx%3D%228.6%22%20ry%3D%2242.9%22%20transform%3D%22translate%28474.4%20177.2%29%20rotate%28180.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-42.9%22%20rx%3D%228.6%22%20ry%3D%2242.9%22%20transform%3D%22translate%28474.4%20177.2%29%20rotate%28290.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-39.8%22%20rx%3D%228.0%22%20ry%3D%2239.8%22%20transform%3D%22translate%28428.3%20191.0%29%20rotate%28182.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-39.8%22%20rx%3D%228.0%22%20ry%3D%2239.8%22%20transform%3D%22translate%28428.3%20191.0%29%20rotate%28292.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-36.6%22%20rx%3D%227.3%22%20ry%3D%2236.6%22%20transform%3D%22translate%28381.0%20201.9%29%20rotate%28184.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-36.6%22%20rx%3D%227.3%22%20ry%3D%2236.6%22%20transform%3D%22translate%28381.0%20201.9%29%20rotate%28294.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-33.5%22%20rx%3D%226.7%22%20ry%3D%2233.5%22%20transform%3D%22translate%28332.5%20209.8%29%20rotate%28186.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-33.5%22%20rx%3D%226.7%22%20ry%3D%2233.5%22%20transform%3D%22translate%28332.5%20209.8%29%20rotate%28296.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30.3%22%20rx%3D%226.1%22%20ry%3D%2230.3%22%20transform%3D%22translate%28283.1%20214.5%29%20rotate%28188.8%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30.3%22%20rx%3D%226.1%22%20ry%3D%2230.3%22%20transform%3D%22translate%28283.1%20214.5%29%20rotate%28298.8%29%22/%3E%3Cpath%20d%3D%22M830.0%20520.0%20L786.6%20502.0%20L744.9%20480.0%20L705.2%20454.4%20L667.7%20425.1%20L632.7%20392.4%20L600.3%20356.4%20L570.9%20317.2%20L544.6%20275.2%20L521.7%20230.4%20L502.2%20183.1%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.5%22%20fill%3D%22none%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-48.9%22%20rx%3D%229.8%22%20ry%3D%2248.9%22%20transform%3D%22translate%28786.6%20502.0%29%20rotate%28237.6%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-48.9%22%20rx%3D%229.8%22%20ry%3D%2248.9%22%20transform%3D%22translate%28786.6%20502.0%29%20rotate%28347.6%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-45.8%22%20rx%3D%229.2%22%20ry%3D%2245.8%22%20transform%3D%22translate%28744.9%20480.0%29%20rotate%28240.2%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-45.8%22%20rx%3D%229.2%22%20ry%3D%2245.8%22%20transform%3D%22translate%28744.9%20480.0%29%20rotate%28350.2%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-42.6%22%20rx%3D%228.5%22%20ry%3D%2242.6%22%20transform%3D%22translate%28705.2%20454.4%29%20rotate%28242.7%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-42.6%22%20rx%3D%228.5%22%20ry%3D%2242.6%22%20transform%3D%22translate%28705.2%20454.4%29%20rotate%28352.7%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-39.5%22%20rx%3D%227.9%22%20ry%3D%2239.5%22%20transform%3D%22translate%28667.7%20425.1%29%20rotate%28245.3%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-39.5%22%20rx%3D%227.9%22%20ry%3D%2239.5%22%20transform%3D%22translate%28667.7%20425.1%29%20rotate%28355.3%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-36.4%22%20rx%3D%227.3%22%20ry%3D%2236.4%22%20transform%3D%22translate%28632.7%20392.4%29%20rotate%28247.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-36.4%22%20rx%3D%227.3%22%20ry%3D%2236.4%22%20transform%3D%22translate%28632.7%20392.4%29%20rotate%28357.9%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-33.3%22%20rx%3D%226.7%22%20ry%3D%2233.3%22%20transform%3D%22translate%28600.3%20356.4%29%20rotate%28250.5%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-33.3%22%20rx%3D%226.7%22%20ry%3D%2233.3%22%20transform%3D%22translate%28600.3%20356.4%29%20rotate%28360.5%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30.2%22%20rx%3D%226.0%22%20ry%3D%2230.2%22%20transform%3D%22translate%28570.9%20317.2%29%20rotate%28253.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30.2%22%20rx%3D%226.0%22%20ry%3D%2230.2%22%20transform%3D%22translate%28570.9%20317.2%29%20rotate%28363.0%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-27.0%22%20rx%3D%225.4%22%20ry%3D%2227.0%22%20transform%3D%22translate%28544.6%20275.2%29%20rotate%28255.6%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-27.0%22%20rx%3D%225.4%22%20ry%3D%2227.0%22%20transform%3D%22translate%28544.6%20275.2%29%20rotate%28365.6%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-23.9%22%20rx%3D%224.8%22%20ry%3D%2223.9%22%20transform%3D%22translate%28521.7%20230.4%29%20rotate%28258.2%29%22/%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-23.9%22%20rx%3D%224.8%22%20ry%3D%2223.9%22%20transform%3D%22translate%28521.7%20230.4%29%20rotate%28368.2%29%22/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;opacity:.07;filter:blur(7px);transform-origin:20% 0}
.section--sage.mov-hojas::after,.section--ink.mov-hojas::after,.hero-split__txt.mov-hojas::after,.lp-hero__txt.mov-hojas::after{opacity:.3}
.mov-on .mov-hojas::after{animation:mov-mecer 14s ease-in-out infinite alternate}
@keyframes mov-mecer{
  0%{transform:rotate(-1.6deg) translate3d(-1%,0,0) scale(1.02);filter:blur(7px)}
  50%{transform:rotate(1deg) translate3d(1.5%,1%,0) scale(1.05);filter:blur(9px)}
  100%{transform:rotate(2deg) translate3d(-.5%,2%,0) scale(1.03);filter:blur(6px)}}

/* Papel con grano, como las tarjetas impresas del tablero */
body.bosque .section--cream,body.bosque .tira-datos,body.bosque .mov-cinta{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%22220%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.3%20%200%200%200%200%200.32%20%200%200%200%200%200.25%20%200%200%200%20.55%200%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E");background-size:220px 220px}

/* Relieve suave en los titulares claros */
body.bosque .hero-split h1,body.bosque .lp-hero h1{text-shadow:0 1px 0 rgba(255,255,255,.08),0 -1px 0 rgba(0,0,0,.35)}
body.bosque .eyebrow{letter-spacing:.32em}

/* Seguro: si por lo que sea el JS no llega a arrancar la portada, a los
   3 segundos se muestra igual. Nadie se queda sin ver el titular. */
.mov-on .hero-split [data-mov="palabras"]:not(.mov-in) .mov-w,
.mov-on .lp-hero [data-mov="palabras"]:not(.mov-in) .mov-w{animation:mov-seguro .8s ease 3s forwards}
@keyframes mov-seguro{to{opacity:1;filter:none;transform:none}}

/* ---------- Galería de manos: tres fotos que flotan a distinto ritmo ---------- */
.mov-galeria{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:clamp(.6rem,2vw,1.4rem);align-items:start;
  padding:clamp(2.5rem,6vw,5rem) var(--pad);background:var(--cream);max-width:1240px;margin-inline:auto}
.mov-galeria figure{margin:0;overflow:hidden;aspect-ratio:4/5}
.mov-galeria figure:nth-child(2){margin-top:clamp(2rem,6vw,5rem)}
.mov-galeria figure:nth-child(3){margin-top:clamp(1rem,3vw,2.2rem)}
.mov-galeria img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:600px){.mov-galeria{grid-template-columns:1fr 1fr}.mov-galeria figure:nth-child(3){display:none}}

/* ---------- Acentos dorados (verde, blanco y oro) ---------- */
body.bosque .eyebrow:not(.eyebrow--light){color:#8C7A4A}
body.bosque .rule{background:var(--gold)}
body.bosque .mov-respira__ola{border-color:rgba(206,188,135,.55)}
body.bosque .puerta__n{color:#8C7A4A}
body.bosque .mov-progreso{background:linear-gradient(90deg,#8C7A4A,#D8C690)}

/* ============================================================
   Soul Recovery · espacio de prácticas
   ============================================================ */
.sr [hidden]{display:none!important}
.sr-header{position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.9rem var(--pad);background:rgba(26,33,22,.92);backdrop-filter:blur(8px);color:#fff}
.sr-header__marca{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);letter-spacing:.22em;
  text-transform:uppercase;font-size:.9rem;color:#fff}
.sr-header__quien{font-size:.72rem;letter-spacing:.06em;color:rgba(255,255,255,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-portada{background:var(--ink);color:rgba(255,255,255,.82);text-align:center;padding:clamp(4rem,9vw,7rem) var(--pad) clamp(3.4rem,7vw,5rem)}
.sr-portada h1{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-weight:300;font-size:clamp(2.2rem,6vw,4.4rem)}
.sr-portada__lema{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,2.4vw,1.5rem);margin-top:1.2rem;color:#fff}
.sr-avance{display:inline-flex;align-items:center;gap:.9rem;margin-top:2.2rem;font-size:.82rem;letter-spacing:.08em}
.sr-avance svg{width:44px;height:44px;transform:rotate(-90deg)}
.sr-avance circle{fill:none;stroke:rgba(255,255,255,.18);stroke-width:2.5}
.sr-avance .sr-avance__arco{stroke:var(--gold);stroke-dasharray:calc(var(--sr-avance,0) * 1) 100;transition:stroke-dasharray 1s var(--ease)}
.sr-avance b{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:#fff}
.sr-fases{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.4vw,1.6rem);margin-top:clamp(2.4rem,5vw,3.6rem)}
@media(max-width:960px){.sr-fases{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sr-fases{grid-template-columns:1fr}}
.sr-fase{all:unset;cursor:pointer;display:flex;flex-direction:column;background:var(--white);border:1px solid rgba(74,94,60,.18);
  overflow:hidden;box-sizing:border-box}
.sr-fase:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.sr-fase__img{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--cream-2)}
.sr-fase__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sr-fase:hover .sr-fase__img img{transform:scale(1.06)}
.sr-fase__n{padding:1.2rem 1.3rem 0;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:#8C7A4A}
.sr-fase__t{padding:.35rem 1.3rem 0;font-family:var(--font-display);font-size:1.6rem;color:var(--ink)}
.sr-fase__s{padding:.2rem 1.3rem 0;font-family:var(--font-display);font-style:italic;color:var(--sage)}
.sr-fase__pie{display:flex;justify-content:space-between;padding:1.1rem 1.3rem 1.3rem;margin-top:auto;
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.sr-fase__ok{opacity:0;color:var(--sage);transition:opacity .4s}
.sr-fase.is-hecha .sr-fase__ok{opacity:1}
.sr-fase.is-hecha .sr-fase__img img{filter:saturate(.75)}
.sr-fase[data-pronto] .sr-fase__img img{filter:grayscale(.5) brightness(.95)}
.sr-practica{padding:clamp(2.6rem,6vw,4.5rem) 0 clamp(4rem,8vw,6rem)}
.sr-volver{margin-bottom:2rem;background:none;border:0;cursor:pointer;font:inherit}
.sr-practica h2{font-size:clamp(2.2rem,5vw,3.4rem);margin-top:.6rem}
.sr-practica__sub{font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--sage);margin-top:.3rem}
.sr-video{position:relative;margin-top:clamp(1.8rem,4vw,2.6rem);background:var(--ink);aspect-ratio:16/9;overflow:hidden}
.sr-video video{width:100%;height:100%;display:block}
.sr-video__marca{position:absolute;right:1rem;top:.8rem;font-size:.66rem;letter-spacing:.08em;color:rgba(255,255,255,.35);pointer-events:none}
.sr-video--pronto img{width:100%;height:100%;object-fit:cover;opacity:.45;filter:grayscale(.4)}
.sr-video--pronto p{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;
  font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.5rem);padding:1rem}
.sr-practica__cols{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(1.6rem,4vw,3rem);margin-top:clamp(1.8rem,4vw,2.6rem)}
@media(max-width:760px){.sr-practica__cols{grid-template-columns:1fr}}
.sr-practica__fin{margin-top:clamp(2rem,4vw,2.8rem);text-align:center}
.sr-aviso{background:#F3E9DF;border-left:2px solid #8C7A4A;padding:1rem 1.2rem;margin-bottom:2rem;text-align:left;font-size:.92rem}
.mov-desliza{display:none}
@media(max-width:760px){.mov-desliza{display:block}}

/* En móvil la foto de portada va de fondo: entra con un fundido, no con cortina */
@media (max-width:760px){
  .mov-on .hero-split__img{animation:mov-fundido 1.6s var(--ease) both}
  @keyframes mov-fundido{from{opacity:0}to{opacity:1}}
}
