/* Sell Your AI · movimiento de la portada v2 para cualquier página (fx-auto.js lo aplica solo).
   Seda dorada detrás de la cabecera, título palabra a palabra, apariciones y botones con brillo, onda e imán. */
:root{--v2-ease:cubic-bezier(.22,.8,.2,1)}

/* Seda: detrás de todo el contenido, sin tocar su maquetación (body crea la capa) */
body.v2-has-bg{isolation:isolate}
.v2-bg{position:absolute;inset:0 0 auto;height:min(100svh,920px);z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
.v2-bg canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.8s var(--v2-ease)}
.v2-bg canvas.is-on{opacity:.42}
/* Velo del color de la página encima de la seda: la luz queda de ambiente y los textos se leen siempre */
.v2-bg::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 85% 70% at 50% 38%,color-mix(in srgb,var(--v2-page,#0E0E0D) 72%,transparent),color-mix(in srgb,var(--v2-page,#0E0E0D) 30%,transparent) 75%,transparent)}
.v2-bg.is-light{mix-blend-mode:multiply}
.v2-bg.is-light canvas{filter:invert(1) hue-rotate(180deg) saturate(.7)}
.v2-bg.is-light canvas.is-on{opacity:.3}
.v2-bg.is-light::after{content:none}

/* Título */
.v2-w{display:inline-block;animation:v2-word 1s var(--v2-ease) both}
@keyframes v2-word{from{opacity:0;transform:translateY(.36em);filter:blur(10px)}}
h1 em .v2-w,h1 .gold-text .v2-w,h1 .gold .v2-w{background:inherit;-webkit-background-clip:text;background-clip:text}

/* Apariciones */
.v2 [data-reveal]{transition:opacity 1s var(--v2-ease),transform 1.15s var(--v2-ease)}
.v2 [data-reveal]:not(.is-in){opacity:0;transform:translateY(26px)}
.v2 [data-reveal="1"]{transition-delay:90ms}.v2 [data-reveal="2"]{transition-delay:180ms}

/* Botones */
.v2-cta{overflow:hidden;isolation:isolate;transition-property:translate,background-color,color,box-shadow,transform,opacity;transition-duration:.35s}
.v2-cta.v2-rel{position:relative}
.v2-shine{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;transition:background-position 1s var(--v2-ease)}
.v2-cta:hover .v2-shine{background-position:-20% 0}
.v2-wave{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:rgba(255,255,255,.5);pointer-events:none;z-index:-1;animation:v2-wave .75s var(--v2-ease) forwards}
@keyframes v2-wave{to{transform:scale(40);opacity:0}}

@media (prefers-reduced-motion:reduce){
  .v2-w{animation:none}
  .v2 [data-reveal]:not(.is-in){opacity:1;transform:none}
}

/* Pie de las páginas del embudo: el mismo en todas, solo texto (sin enlaces que saquen del embudo) */
footer.v2-foot{display:block;width:100%;max-width:none;margin:0;padding:28px 20px 36px;border-top:1px solid rgba(244,241,234,.08);background:none;text-align:center;font-size:11.5px;line-height:1.65;color:rgba(244,241,234,.42);position:relative;z-index:1}
footer.v2-foot p{max-width:620px;margin:0 auto}
footer.v2-foot p + p{margin-top:10px}
footer.v2-foot b{font-weight:600;color:rgba(244,241,234,.6)}
