/* =========================================================================================================
   Ronda 126 (19/10/2026, pedido 53): la portada nueva, igual a la muestra que Diego aprobó («hacé el pedido directo para que se publique»).
   Es el CSS de la muestra (docs/portada-53/muestra-final-19-10.html) con «#eq-fp» delante de cada regla, así gana sobre front-page.css
   (que se sigue cargando: lo usan el formulario gratis, su resultado y la ventana de compra). El fondo de constelaciones (#fp-fondo-interactivo) no se toca.
   ========================================================================================================= */
/* Layout: el mazo propio es la cara del sitio — cartas grandes en la portada, azul noche y oro antiguo sacados de las mismas cartas; bandas que alternan noche profunda / azul tinta */
:root{
  --noche:#08111f;
  --tinta:#0f1d33;
  --tinta-2:#15284a;
  --oro:#d6a94c;
  --oro-claro:#f2d68f;
  --pergamino:#ece1c6;
  --texto:#d9dfe9;
  --suave:#9cabc2;
  --linea:rgba(214,169,76,.22);
  --f-marca:"Cinzel",Georgia,serif;
  --f-titulo:"Marcellus","Cinzel",Georgia,serif;
  --f-cuerpo:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
#eq-fp *{box-sizing:border-box}
#eq-fp{color:var(--texto);font-family:var(--f-cuerpo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
#eq-fp a{color:inherit}
#eq-fp img{max-width:100%;display:block}
#eq-fp h1,#eq-fp h2,#eq-fp h3{font-family:var(--f-titulo);font-weight:400;color:var(--pergamino);text-wrap:balance;margin:0;line-height:1.15}
#eq-fp p{margin:0}
#eq-fp .envoltura{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
#eq-fp .banda{padding-block:clamp(64px,9vw,112px);position:relative}
#eq-fp .banda.tinta{background:linear-gradient(180deg,rgba(15,29,51,.6),rgba(8,17,31,.3))}
#eq-fp .ceja{font-family:var(--f-marca);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--oro)}
#eq-fp .titulo-seccion{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-top:14px;max-width:22ch}
#eq-fp .bajada{color:var(--suave);font-size:1.08rem;max-width:58ch;margin-top:16px}
#eq-fp .boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
#eq-fp .boton:hover{transform:translateY(-1px)}
#eq-fp .boton:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px}
#eq-fp .boton.oro{background:linear-gradient(180deg,var(--oro-claro),var(--oro));color:#1a1206}
#eq-fp .boton.linea{border-color:var(--linea);color:var(--pergamino);background:rgba(255,255,255,.02)}
#eq-fp .boton.linea:hover{border-color:var(--oro)}


/* cabecera */
#eq-fp .cabecera{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(8,17,31,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
#eq-fp .cabecera .envoltura{display:flex;align-items:center;gap:28px;min-height:68px}
#eq-fp .logo{font-family:var(--f-marca);font-weight:600;letter-spacing:.2em;color:var(--pergamino);text-decoration:none;font-size:1.05rem;display:flex;align-items:center;gap:10px}
#eq-fp .logo b{color:var(--oro);font-weight:600}
#eq-fp .menu{display:flex;gap:26px;margin-left:auto;font-size:.95rem;color:var(--suave)}
#eq-fp .menu a{text-decoration:none}
#eq-fp .menu a:hover{color:var(--pergamino)}
#eq-fp .cabecera .boton{min-height:42px;padding:0 20px;font-size:.92rem}
@media (max-width:860px){#eq-fp .menu{display:none}#eq-fp .cabecera .acciones{margin-left:auto}}

/* portada */
#eq-fp .heroe{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,104px)}
#eq-fp .heroe .envoltura{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
#eq-fp .heroe h1{font-size:clamp(2.4rem,5.4vw,4.1rem);margin-top:18px;max-width:15ch}
#eq-fp .heroe .bajada{font-size:1.15rem;color:var(--texto);opacity:.88}
#eq-fp .heroe .botones{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
#eq-fp .heroe .nota{margin-top:18px;color:var(--suave);font-size:.92rem}
#eq-fp .mazo{position:relative;height:clamp(380px,44vw,520px)}
#eq-fp .mazo .rueda{position:absolute;inset:50% auto auto 50%;width:92%;transform:translate(-50%,-50%);border-radius:50%;opacity:.55;mask-image:radial-gradient(circle,#000 58%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 72%)}
#eq-fp .carta{position:absolute;width:clamp(150px,17vw,210px);aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 0 1px rgba(242,214,143,.35);background:var(--tinta)}
#eq-fp .carta img{width:100%;height:100%;object-fit:cover}
#eq-fp .mazo .c1{left:6%;top:12%;transform:rotate(-12deg)}
#eq-fp .mazo .c2{left:50%;top:4%;transform:translateX(-50%);z-index:2}
#eq-fp .mazo .c3{right:6%;top:12%;transform:rotate(12deg)}
@media (max-width:860px){
  #eq-fp .heroe .envoltura{grid-template-columns:1fr}
  #eq-fp .mazo{height:300px}
  #eq-fp .carta{width:118px}
}

/* situaciones */
#eq-fp .situaciones{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
#eq-fp .situacion{border-top:1px solid var(--oro);padding-top:20px}
#eq-fp .situacion h3{font-size:1.25rem;color:var(--oro-claro)}
#eq-fp .situacion p{color:var(--suave);margin-top:10px;font-size:.98rem}
@media (max-width:960px){#eq-fp .situaciones{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#eq-fp .situaciones{grid-template-columns:1fr}}

/* tres llaves */
#eq-fp .llaves{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
#eq-fp .llave{background:linear-gradient(180deg,rgba(21,40,74,.75),rgba(15,29,51,.55));border:1px solid var(--linea);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
#eq-fp .llave .imagen{height:240px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(214,169,76,.14),transparent 65%);border-bottom:1px solid var(--linea)}
#eq-fp .llave .imagen img.redonda{height:230px;width:230px;border-radius:50%;object-fit:cover;transform:scale(1.22);clip-path:circle(41%)}
#eq-fp .llave .imagen img.naipe-llave{height:200px;width:auto;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.5)}
#eq-fp .numeros{display:flex;gap:14px}
#eq-fp .numeros span{font-family:var(--f-titulo);font-size:3.2rem;color:var(--oro-claro);width:84px;height:84px;display:grid;place-items:center;border:1px solid var(--linea);border-radius:50%}
#eq-fp .numeros small{display:block;font-family:var(--f-cuerpo);font-size:.7rem;color:var(--suave);text-align:center;margin-top:6px;letter-spacing:.08em;text-transform:uppercase}
#eq-fp .llave .texto{padding:24px 24px 28px}
#eq-fp .llave h3{font-size:1.4rem}
#eq-fp .llave p{color:var(--suave);margin-top:10px}
#eq-fp .juntos{margin-top:36px;padding:22px 26px;border-radius:14px;border:1px dashed var(--linea);color:var(--pergamino);font-size:1.08rem;max-width:820px}
#eq-fp .juntos b{color:var(--oro-claro);font-weight:500}
@media (max-width:900px){#eq-fp .llaves{grid-template-columns:1fr}}

/* herramientas */
#eq-fp .herramientas{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:16px;overflow:hidden;margin-top:44px}
#eq-fp .herramienta{background:rgba(8,17,31,.74);padding:24px 22px;min-width:0}
#eq-fp .herramienta h3{font-size:1.12rem;color:var(--pergamino)}
#eq-fp .herramienta p{color:var(--suave);font-size:.94rem;margin-top:8px}
#eq-fp .herramienta .ej{display:block;margin-top:12px;font-size:.85rem;color:var(--oro);font-style:italic}
@media (max-width:960px){#eq-fp .herramientas{grid-template-columns:1fr 1fr}}
@media (max-width:540px){#eq-fp .herramientas{grid-template-columns:1fr}}

/* diferencia */
#eq-fp .diferencia{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
#eq-fp .diferencia .rueda-grande{border-radius:50%;box-shadow:0 0 0 1px var(--linea),0 30px 80px rgba(0,0,0,.5)}
#eq-fp .razones{display:grid;gap:26px;margin-top:30px}
#eq-fp .razon{display:grid;grid-template-columns:52px 1fr;gap:16px}
#eq-fp .razon .marca{width:52px;height:52px;border-radius:50%;border:1px solid var(--oro);display:grid;place-items:center;font-family:var(--f-marca);color:var(--oro-claro);font-size:.95rem}
#eq-fp .razon h3{font-size:1.2rem}
#eq-fp .razon p{color:var(--suave);margin-top:6px}
@media (max-width:900px){#eq-fp .diferencia{grid-template-columns:1fr}#eq-fp .diferencia .rueda-grande{max-width:380px;margin:0 auto}}

/* precios */
#eq-fp .precios{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;align-items:stretch}
#eq-fp .plan{background:linear-gradient(180deg,rgba(21,40,74,.7),rgba(8,17,31,.9));border:1px solid var(--linea);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}
#eq-fp .plan.destacado{border-color:var(--oro);box-shadow:0 0 0 1px var(--oro),0 24px 60px rgba(214,169,76,.12);position:relative}
#eq-fp .plan .cinta{position:absolute;top:-13px;left:24px;background:var(--oro);color:#1a1206;font-size:.74rem;font-weight:600;letter-spacing:.06em;padding:4px 12px;border-radius:999px}
#eq-fp .plan .para{font-size:.85rem;color:var(--oro);letter-spacing:.04em}
#eq-fp .plan h3{font-size:1.45rem}
#eq-fp .plan .precio{font-family:var(--f-titulo);font-size:2.6rem;color:var(--pergamino);line-height:1}
#eq-fp .plan .precio small{font-family:var(--f-cuerpo);font-size:.95rem;color:var(--suave);margin-left:4px}
#eq-fp .plan ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.95rem;color:var(--texto)}
#eq-fp .plan li{display:grid;grid-template-columns:18px 1fr;gap:8px}
#eq-fp .plan li::before{content:"✦";color:var(--oro);font-size:.8rem;line-height:1.9}
#eq-fp .plan .boton{margin-top:auto;width:100%}
#eq-fp .plan .letra{font-size:.82rem;color:var(--suave)}
#eq-fp .interruptor{display:inline-flex;border:1px solid var(--linea);border-radius:999px;padding:3px;align-self:flex-start}
#eq-fp .interruptor button{background:none;border:0;color:var(--suave);font:inherit;font-size:.85rem;padding:6px 14px;border-radius:999px;cursor:pointer}
#eq-fp .interruptor button[aria-pressed="true"]{background:var(--oro);color:#1a1206;font-weight:600}
#eq-fp .interruptor button:focus-visible{outline:2px solid var(--oro-claro)}
#eq-fp .confianza{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:30px;color:var(--suave);font-size:.92rem}
@media (max-width:1100px){#eq-fp .precios{grid-template-columns:1fr 1fr}}
@media (max-width:620px){#eq-fp .precios{grid-template-columns:1fr}}

/* testimonios */
#eq-fp .testimonios{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
#eq-fp .testimonio{border:1px dashed var(--linea);border-radius:16px;padding:24px;color:var(--suave);font-size:.95rem;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
#eq-fp .testimonio strong{color:var(--oro);font-weight:500;font-size:.85rem}
@media (max-width:860px){#eq-fp .testimonios{grid-template-columns:1fr}}

/* gratis */
#eq-fp .gratis{background:radial-gradient(ellipse at 20% 0%,rgba(214,169,76,.16),transparent 60%),rgba(15,29,51,.66);border-block:1px solid var(--linea)}
#eq-fp .gratis .envoltura{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
#eq-fp .gratis ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
#eq-fp .gratis li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:var(--texto)}
#eq-fp .gratis li::before{content:"✦";color:var(--oro)}
#eq-fp .formulario{background:var(--noche);border:1px solid var(--linea);border-radius:18px;padding:28px;display:grid;gap:16px}
#eq-fp .formulario label{display:grid;gap:6px;font-size:.9rem;color:var(--pergamino)}
#eq-fp .formulario input{background:rgba(255,255,255,.04);border:1px solid var(--linea);border-radius:10px;min-height:48px;padding:0 14px;color:var(--pergamino);font:inherit}
#eq-fp .formulario input:focus{outline:2px solid var(--oro);outline-offset:1px}
#eq-fp .formulario .opcional{color:var(--suave);font-size:.82rem}
#eq-fp .formulario .fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:860px){#eq-fp .gratis .envoltura{grid-template-columns:1fr}}
@media (max-width:440px){#eq-fp .formulario .fila{grid-template-columns:1fr}}

/* preguntas */
#eq-fp .preguntas{max-width:820px;margin-top:36px;border-top:1px solid var(--linea)}
#eq-fp .preguntas details{border-bottom:1px solid var(--linea);padding:18px 0}
#eq-fp .preguntas summary{cursor:pointer;font-family:var(--f-titulo);font-size:1.18rem;color:var(--pergamino);list-style:none;display:flex;justify-content:space-between;gap:16px}
#eq-fp .preguntas summary::after{content:"+";color:var(--oro);font-size:1.4rem;line-height:1}
#eq-fp .preguntas details[open] summary::after{content:"–"}
#eq-fp .preguntas p{color:var(--suave);margin-top:10px}

#eq-fp .pie{border-top:1px solid var(--linea);padding-block:40px;color:var(--suave);font-size:.9rem}
#eq-fp .pie .envoltura{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between}

/* demo: el celular con las herramientas en acción */
#eq-fp .demo .envoltura{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center}
#eq-fp .pestanas{display:grid;gap:12px;margin-top:34px}
#eq-fp .pestana{position:relative;text-align:left;background:rgba(255,255,255,.02);border:1px solid var(--linea);border-radius:14px;padding:16px 18px 18px;color:var(--texto);font:inherit;cursor:pointer;overflow:hidden}
#eq-fp .pestana b{display:block;font-family:var(--f-titulo);font-weight:400;font-size:1.2rem;color:var(--pergamino)}
#eq-fp .pestana span{display:block;color:var(--suave);font-size:.94rem;margin-top:4px}
#eq-fp .pestana[aria-selected="true"]{border-color:var(--oro);background:rgba(214,169,76,.07)}
#eq-fp .pestana[aria-selected="true"] b{color:var(--oro-claro)}
#eq-fp .pestana:focus-visible{outline:2px solid var(--oro-claro);outline-offset:2px}
#eq-fp .pestana .avance{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--oro)}
#eq-fp .pestana[aria-selected="true"] .avance{animation:avance var(--dur,9s) linear forwards}
#eq-fp .demo.pausado .pestana .avance{animation-play-state:paused}
@keyframes avance{to{width:100%}}
#eq-fp .control{margin-top:16px;background:none;border:0;color:var(--suave);font:inherit;font-size:.9rem;cursor:pointer;padding:6px 0}
#eq-fp .control:hover{color:var(--pergamino)}
#eq-fp .telefono{width:300px;aspect-ratio:9/19;max-width:100%;border-radius:44px;padding:10px;background:linear-gradient(160deg,#2a3550,#0e1424);box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 0 1px rgba(242,214,143,.25),inset 0 0 0 1px rgba(255,255,255,.06);position:relative}
#eq-fp .pantalla-marco{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#18305a,var(--noche) 70%)}
#eq-fp .isla{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:24px;border-radius:20px;background:#000;z-index:5}
#eq-fp .barra-app{position:absolute;top:44px;left:0;right:0;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font-family:var(--f-marca);font-size:.72rem;letter-spacing:.18em;color:var(--pergamino);z-index:4}
#eq-fp .barra-app i{font-style:normal;color:var(--oro)}
#eq-fp .pantalla{position:absolute;inset:78px 0 0;padding:0 16px 18px;display:none;flex-direction:column;gap:12px}
#eq-fp .pantalla.activa{display:flex}
#eq-fp .etiqueta-app{font-family:var(--f-marca);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro)}
#eq-fp .titulo-app{font-family:var(--f-titulo);font-size:1.25rem;color:var(--pergamino);line-height:1.2}
#eq-fp .aparece{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
#eq-fp .aparece.si{opacity:1;transform:none}
#eq-fp .tarjeta-app{background:rgba(255,255,255,.04);border:1px solid var(--linea);border-radius:12px;padding:10px 12px;font-size:.8rem;line-height:1.5;color:var(--texto)}
#eq-fp .tarjeta-app b{color:var(--oro-claro);font-weight:600}
#eq-fp .ejemplo{font-size:.66rem;color:var(--suave);text-align:center;margin-top:auto}
/* carta */
#eq-fp .rueda-app{position:relative;width:236px;height:236px;margin:2px auto 0;border-radius:50%}
#eq-fp .rueda-app img{width:100%;height:100%;border-radius:50%;opacity:0;transform:rotate(-80deg) scale(.7);transition:opacity 1.2s,transform 1.8s cubic-bezier(.2,.8,.2,1)}
#eq-fp .rueda-app.si img{opacity:1;transform:none}

#eq-fp .rueda-app .barrido{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(242,214,143,.0),rgba(242,214,143,.35) 8%,transparent 9%);opacity:0}
#eq-fp .rueda-app.si .barrido{animation:barrido 2.2s .6s ease-out 1 forwards}
@keyframes barrido{0%{opacity:1;transform:rotate(0)}100%{opacity:0;transform:rotate(360deg)}}
#eq-fp .astros-app{display:grid;gap:6px}
#eq-fp .astros-app div{display:flex;gap:10px;align-items:center;font-size:.82rem}
#eq-fp .astros-app em{font-style:normal;width:24px;height:24px;border-radius:50%;border:1px solid var(--oro);display:grid;place-items:center;color:var(--oro-claro);font-size:.8rem;flex:none}
/* tarot */
#eq-fp .mesa{position:relative;height:200px;margin-top:4px;perspective:900px}
#eq-fp .naipe{position:absolute;top:10px;left:50%;width:84px;height:150px;margin-left:-42px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
#eq-fp .naipe .cara,#eq-fp .naipe .dorso{position:absolute;inset:0;border-radius:7px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 22px rgba(0,0,0,.55),0 0 0 1px rgba(242,214,143,.35)}
#eq-fp .naipe img{width:100%;height:100%;object-fit:cover}
#eq-fp .naipe .cara{transform:rotateY(180deg)}
#eq-fp .mesa.barajar .naipe:nth-child(1){animation:baraja1 .5s ease-in-out 3 alternate}
#eq-fp .mesa.barajar .naipe:nth-child(3){animation:baraja2 .5s ease-in-out 3 alternate}
@keyframes baraja1{to{transform:translateX(-46px) rotate(-8deg)}}
@keyframes baraja2{to{transform:translateX(46px) rotate(8deg)}}
#eq-fp .mesa.repartir .naipe:nth-child(1){transform:translateX(-92px)}
#eq-fp .mesa.repartir .naipe:nth-child(3){transform:translateX(92px)}
#eq-fp .mesa.repartir .naipe.vuelta:nth-child(1){transform:translateX(-92px) rotateY(180deg)}
#eq-fp .mesa.repartir .naipe.vuelta:nth-child(2){transform:rotateY(180deg)}
#eq-fp .mesa.repartir .naipe.vuelta:nth-child(3){transform:translateX(92px) rotateY(180deg)}
#eq-fp .nombres-cartas{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:.7rem;color:var(--oro-claro);letter-spacing:.04em}
/* consulta */
#eq-fp .pregunta-app{border:1px solid var(--oro);border-radius:12px;padding:10px 12px;min-height:44px;font-size:.86rem;color:var(--pergamino)}
#eq-fp .pregunta-app::after{content:"";display:inline-block;width:1px;height:1em;background:var(--oro-claro);margin-left:2px;vertical-align:-2px;animation:cursor 1s steps(1) infinite}
@keyframes cursor{50%{opacity:0}}
#eq-fp .leyendo{font-size:.78rem;color:var(--suave);font-style:italic}
#eq-fp .respuesta-app{display:grid;gap:8px}
#eq-fp .respuesta-app h4{margin:0 0 2px;font-family:var(--f-titulo);font-weight:400;font-size:.92rem;color:var(--oro-claro)}
/* números */
#eq-fp .circulos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
#eq-fp .circulo{text-align:center}
#eq-fp .circulo span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto;border-radius:50%;border:1px solid var(--oro);font-family:var(--f-titulo);font-size:2rem;color:var(--oro-claro);box-shadow:0 0 0 0 rgba(214,169,76,.4)}
#eq-fp .circulo.si span{animation:latido 1s ease-out 1}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(214,169,76,.5)}100%{box-shadow:0 0 0 18px rgba(214,169,76,0)}}
#eq-fp .circulo small{display:block;margin-top:6px;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
#eq-fp .ver-demo{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:var(--oro-claro);text-decoration:none;font-size:.95rem}
#eq-fp .ver-demo span{width:30px;height:30px;border-radius:50%;border:1px solid var(--oro);display:grid;place-items:center;font-size:.7rem}
@media (max-width:900px){
  #eq-fp .demo .envoltura{grid-template-columns:1fr}
  #eq-fp .demo .telefono{margin:0 auto;grid-row:2}
  #eq-fp .pestanas{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){#eq-fp .pestanas{grid-template-columns:1fr}#eq-fp .telefono{width:280px}}


#eq-fp .pestanas{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
#eq-fp .pestana{padding:12px 14px 14px}
#eq-fp .pestana b{font-size:1.02rem}
#eq-fp .pestana span{font-size:.82rem}
#eq-fp .pregunta-app::after{display:none}
#eq-fp .pregunta-app.escribiendo::after{display:inline-block}
#eq-fp .leyenda-app{display:flex;gap:16px;justify-content:center;font-size:.72rem;color:var(--suave)}
#eq-fp .leyenda-app span{display:flex;align-items:center;gap:6px}
#eq-fp .punto{width:9px;height:9px;border-radius:50%;display:inline-block}
#eq-fp .punto.claro{background:#dfe6f2}#eq-fp .punto.oro{background:#d9944a}
#eq-fp .audio-app{display:flex;align-items:center;gap:10px;border:1px solid var(--linea);border-radius:999px;padding:6px 12px 6px 6px;font-size:.78rem;color:var(--pergamino)}
#eq-fp .audio-app .play{width:26px;height:26px;border-radius:50%;background:var(--oro);color:#1a1206;display:grid;place-items:center;font-size:.6rem}
#eq-fp .ondas{display:flex;gap:3px;align-items:center;margin-left:auto;height:14px}
#eq-fp .ondas i{width:3px;height:100%;background:var(--oro);border-radius:2px;transform-origin:center;animation:onda 1s ease-in-out infinite}
#eq-fp .ondas i:nth-child(2){animation-delay:.15s}#eq-fp .ondas i:nth-child(3){animation-delay:.3s}#eq-fp .ondas i:nth-child(4){animation-delay:.45s}#eq-fp .ondas i:nth-child(5){animation-delay:.6s}
@keyframes onda{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
#eq-fp .chips-app{display:flex;flex-wrap:wrap;gap:6px}
#eq-fp .chips-app span{border:1px solid var(--linea);border-radius:999px;padding:5px 11px;font-size:.76rem;color:var(--texto);transition:background .3s,color .3s,border-color .3s}
#eq-fp .chips-app span.elegido{background:var(--oro);border-color:var(--oro);color:#1a1206;font-weight:600}
#eq-fp .luna-app{display:flex;gap:14px;align-items:center;padding:6px 2px}
#eq-fp .luna{width:58px;height:58px;border-radius:50%;flex:none;background:radial-gradient(circle at 62% 40%,#f6ecd0,#cdbb8f 60%,#8f7d55);box-shadow:inset -18px 0 0 0 rgba(8,17,31,.92),0 0 24px rgba(242,214,143,.35)}
#eq-fp .luna-app b{display:block;font-family:var(--f-titulo);font-weight:400;color:var(--pergamino);font-size:1rem}
#eq-fp .luna-app small{color:var(--suave);font-size:.76rem}
#eq-fp .venn{position:relative;height:96px;display:flex;justify-content:center;align-items:center}
#eq-fp .venn span{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;color:var(--pergamino);border:1px solid var(--oro)}
#eq-fp .venn .a{background:rgba(214,169,76,.16);margin-right:-26px}
#eq-fp .venn .b{background:rgba(120,150,210,.16)}
#eq-fp .pantalla{gap:9px}
#eq-fp .tarjeta-app h4{margin:0 0 2px;font-family:var(--f-titulo);font-weight:400;font-size:.9rem;color:var(--oro-claro)}
#eq-fp .pantalla .tarjeta-app{font-size:.76rem;padding:8px 11px}
#eq-fp .rueda-app{width:226px;height:226px}
@media (max-width:900px){#eq-fp .pestanas{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;scroll-snap-type:x mandatory}#eq-fp .pestana{flex:0 0 170px;scroll-snap-align:start}}

#eq-fp .herramientas .herramienta:first-child{grid-column:span 2}
@media (max-width:540px){#eq-fp .herramientas .herramienta:first-child{grid-column:auto}}
#eq-fp .pestanas .pestana:last-child:nth-child(odd){grid-column:1/-1}
#eq-fp .rotulo-app{font-size:.72rem;color:var(--suave);margin-bottom:-4px}
#eq-fp .consultar-app{align-self:flex-start;background:var(--oro);color:#1a1206;border-radius:999px;padding:5px 14px;font-size:.74rem;font-weight:600}
#eq-fp .demo .envoltura>*{min-width:0}
#eq-fp .pestanas{max-width:100%}
/* detalles de terminación */
#eq-fp .heroe h1 em{font-style:normal;background:linear-gradient(180deg,var(--oro-claro),var(--oro));-webkit-background-clip:text;background-clip:text;color:transparent}
#eq-fp .mazo .carta{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#eq-fp .mazo:hover .c1{transform:rotate(-16deg) translateX(-14px)}
#eq-fp .mazo:hover .c3{transform:rotate(16deg) translateX(14px)}
#eq-fp .mazo:hover .c2{transform:translateX(-50%) translateY(-8px)}
#eq-fp .separador{display:flex;justify-content:center;padding-block:4px;color:var(--oro);opacity:.7;letter-spacing:.6em;font-size:.8rem}
#eq-fp .barra-celular{display:none}
@media (max-width:700px){
  #eq-fp .barra-celular{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(8,17,31,.94);border-top:1px solid var(--linea);backdrop-filter:blur(8px)}
  #eq-fp .barra-celular .boton{flex:1;min-height:46px;padding:0 12px;font-size:.92rem}
  #eq-fp{padding-bottom:70px}
}


/* ---------- punto 8: celular arriba, ruedas grandes, pantallas que se recorren solas, vista celular ---------- */
#eq-fp .heroe-celular{display:flex;justify-content:center}
#eq-fp .heroe-celular .telefono{width:320px}
@media (max-width:860px){#eq-fp .heroe-celular{margin-top:8px}#eq-fp .heroe-celular .telefono{width:300px}}
@media (max-width:420px){#eq-fp .heroe-celular .telefono{width:280px}}
#eq-fp .pantalla{position:absolute;inset:78px 0 0;padding:0;display:none;overflow:hidden}
#eq-fp .pantalla.activa{display:block}
#eq-fp .rollo{display:flex;flex-direction:column;gap:9px;padding:0 14px 22px;will-change:transform}
#eq-fp .rueda-app{width:100%;max-width:100%;height:auto;aspect-ratio:1;margin:2px 0 0;border-radius:50%;overflow:hidden;position:relative;background:var(--noche)}
#eq-fp .rueda-app img{width:100%;height:100%;border-radius:0;transform:scale(1.22);opacity:1;transition:none}
#eq-fp .rueda-app .barrido{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(242,214,143,0),rgba(242,214,143,.35) 8%,transparent 9%);opacity:0}
#eq-fp .pantalla.activa .rueda-app .barrido{animation:barrido 2.2s .4s ease-out 1 forwards}
#eq-fp .datos-app{font-size:.72rem;color:var(--suave)}
#eq-fp .titulo-app.chico{font-size:.95rem}
#eq-fp .chips-datos{display:flex;flex-wrap:wrap;gap:6px}
#eq-fp .chips-datos span{border:1px solid var(--linea);border-radius:999px;padding:4px 10px;font-size:.72rem;color:var(--suave)}
#eq-fp .chips-datos b{color:var(--oro-claro);font-weight:600;margin-left:3px}
#eq-fp .subtit-app{font-family:var(--f-titulo);font-size:.92rem;color:var(--oro-claro);margin-top:6px}
#eq-fp .tabla-app{width:100%;border-collapse:collapse;font-size:.68rem;font-variant-numeric:tabular-nums}
#eq-fp .tabla-app th{text-align:left;font-weight:600;color:var(--oro);padding:4px 3px;border-bottom:1px solid var(--linea)}
#eq-fp .tabla-app td{padding:4px 3px;border-bottom:1px solid rgba(214,169,76,.1);color:var(--texto)}
#eq-fp .tabla-app i{font-style:normal;color:var(--oro)}
#eq-fp .casas-app{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
#eq-fp .casas-app.dos{grid-template-columns:1fr 1fr}
#eq-fp .casas-app span{border:1px solid rgba(214,169,76,.16);border-radius:8px;padding:4px 6px;font-size:.66rem;color:var(--texto)}
#eq-fp .casas-app b{display:block;color:var(--oro-claro);font-weight:600}
#eq-fp .partes-app{display:grid;gap:5px}
#eq-fp .partes-app span{font-size:.7rem;color:var(--suave);border-left:2px solid var(--oro);padding-left:8px}
#eq-fp .acciones-app{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#eq-fp .pdf-app{border:1px solid var(--linea);border-radius:999px;padding:6px 12px;font-size:.72rem;color:var(--pergamino)}
#eq-fp .ficha-app{display:block;font-size:.66rem;color:var(--oro);margin-bottom:3px}
#eq-fp .circulos{grid-template-columns:repeat(3,1fr);row-gap:10px}
#eq-fp .circulo span{width:56px;height:56px;font-size:1.6rem}
#eq-fp .circulo small{font-size:.58rem}
#eq-fp .ejemplo{margin-top:8px}
#eq-fp .rueda-grande-marco{border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--linea),0 30px 80px rgba(0,0,0,.5);aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
#eq-fp .rueda-grande-marco img{width:100%;height:100%;transform:scale(1.22)}
#eq-fp .llave .imagen .tres-naipes{display:flex;gap:10px}
#eq-fp .llave .imagen .tres-naipes img{height:180px;width:auto;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.5)}
#eq-fp .llave .imagen .tres-naipes img:nth-child(1){transform:rotate(-6deg)}
#eq-fp .llave .imagen .tres-naipes img:nth-child(3){transform:rotate(6deg)}
@media (max-width:420px){#eq-fp .llave .imagen .tres-naipes img{height:150px}}

@media (prefers-reduced-motion:reduce){#eq-fp .boton,#eq-fp .mazo .carta{transition:none}#eq-fp .aparece{transition:none}#eq-fp .rueda-app img{transition:none}#eq-fp .naipe{transition:none}#eq-fp .pestana .avance,#eq-fp .mesa .naipe,#eq-fp .barrido,#eq-fp .circulo span,#eq-fp .pregunta-app::after,#eq-fp .ondas i{animation:none!important}}

/* celular: título, celular con las herramientas, párrafo, «Desde US$2.99» y recién ahí los dos botones */
@media (max-width:860px){
  #eq-fp .heroe{padding-block:24px 44px}
  #eq-fp .heroe .envoltura{gap:16px}
  #eq-fp .heroe .envoltura>div:first-child{display:contents}
  #eq-fp .heroe .ceja{order:1;font-size:.6rem;letter-spacing:.12em;white-space:nowrap}
  #eq-fp .heroe h1{order:2;margin-top:0;max-width:none;font-size:clamp(1.8rem,7.4vw,2.4rem)}
  #eq-fp .heroe .botones{order:6;margin-top:6px;gap:10px}
  #eq-fp .heroe .botones .boton{flex:1 1 100%;min-height:48px}
  #eq-fp .heroe .heroe-celular{order:3;margin-top:6px}
  #eq-fp .heroe .bajada{order:4;margin-top:10px;font-size:1.02rem}
  #eq-fp .heroe .nota{order:5;margin-top:0}
  #eq-fp .heroe .ver-demo{order:7;margin-top:0}
}
/* la barra de abajo aparece recién cuando ya pasaste los botones del inicio */
@media (max-width:700px){
  #eq-fp .barra-celular{transform:translateY(110%);transition:transform .25s}
  body.con-barra #eq-fp .barra-celular{transform:none}
}
@media (prefers-reduced-motion:reduce){#eq-fp .barra-celular{transition:none}}

/* «Así se ve tu cuenta» en celular: el celular primero y, pegada arriba, una tira de opciones chicas que se desliza con el dedo */
#eq-fp .desc-herr{display:none}
@media (max-width:900px){
  #eq-fp .demo .envoltura{gap:14px}
  #eq-fp .demo .demo-texto{display:contents}
  #eq-fp .demo .ceja{order:1}
  #eq-fp .demo .titulo-seccion{order:2;margin-top:0}
  #eq-fp .demo .bajada{order:3;margin-top:0}
  #eq-fp .demo .tira-herr{order:4;min-width:0;max-width:100%;position:sticky;top:calc(76px + env(safe-area-inset-top,0px));z-index:15;padding:6px 6px 8px;background:rgba(8,17,31,.94);border:1px solid var(--linea);border-radius:22px;backdrop-filter:blur(8px)}
  #eq-fp .demo .pestanas{display:flex;gap:6px;margin:0;padding:0 0 2px;overflow-x:auto;scroll-snap-type:none;scrollbar-width:none}
  #eq-fp .demo .pestanas::-webkit-scrollbar{display:none}
  #eq-fp .demo .pestana{flex:0 0 auto;padding:6px 14px 9px;border-radius:999px}
  #eq-fp .demo .pestana span{display:none}
  #eq-fp .demo .pestana b{font-size:.9rem;white-space:nowrap}
  #eq-fp .demo .pestanas .pestana:last-child:nth-child(odd){grid-column:auto}
  #eq-fp .demo .desc-herr{display:block;margin:4px 0 0;text-align:center;color:var(--suave);font-size:.86rem}
  #eq-fp .demo .telefono{order:5;grid-row:auto}
  #eq-fp .demo .control{order:6;margin-top:0}
}

/* aparición al bajar: cada bloque sube suave; sólo con JS, y quieto si la persona pidió menos movimiento */
.js-rv #eq-fp .rv{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js-rv #eq-fp .rv.rv-ok{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-rv #eq-fp .rv{opacity:1;transform:none;transition:none}}

/* ---------- Lo propio del sitio (no está en la muestra porque allá no hay compra ni formulario de verdad) ---------- */
/* La barra vieja de abajo y el texto escondido para buscadores */
#fp-cta-sticky{display:none!important}
/* Membresía: el interruptor muestra una sola cara (fpCiclo cambia #planes[data-ciclo]); sin JS se ve la mensual */
#eq-fp #planes .fp-ciclo-cara{display:flex;flex-direction:column;gap:14px;flex:1}
#eq-fp #planes[data-ciclo="mensual"] .fp-ciclo-cara[data-cara="anual"],#eq-fp #planes[data-ciclo="anual"] .fp-ciclo-cara[data-cara="mensual"]{display:none}
#eq-fp #planes .plan .boton{margin-top:auto;width:100%;font:inherit;font-weight:600}
#eq-fp #planes .plan button.boton{cursor:pointer}
/* WhatsApp: en el celular no hay burbuja (decisión de Diego del 19/10/2026); queda la línea bajo los precios. En la computadora, la burbuja de siempre */
#eq-fp .fp-planes-duda{display:none}
@media (max-width:639px){
  .fp-wa-flotante{display:none!important}
  #eq-fp .fp-planes-duda{display:block;margin:18px auto 0;max-width:60ch;text-align:center;color:var(--suave);font-size:1rem}
  #eq-fp .fp-planes-duda a{color:var(--oro-claro);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:13px 0;margin:-13px 0}
}
/* Gratis: a la izquierda lo que ves gratis, a la derecha el formulario de siempre (el mismo de la muestra, con su resultado) */
#eq-fp .gratis{text-align:left}
#eq-fp .gratis .envoltura{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
#eq-fp .gratis .envoltura>*{min-width:0}
#eq-fp .gratis .fp-signo-caja{background:var(--noche);border:1px solid var(--linea);border-radius:18px;padding:28px;box-shadow:none;max-width:none;margin:0;text-align:left}
#eq-fp .gratis .fp-form-gratis label{color:var(--pergamino);font-size:.9rem}
#eq-fp .gratis .fp-form-gratis input{background:rgba(255,255,255,.04);border:1px solid var(--linea);border-radius:10px;min-height:48px;color:var(--pergamino)}
#eq-fp .gratis .fp-form-gratis .fp-btn-primary{border-radius:999px;background:linear-gradient(180deg,var(--oro-claro),var(--oro));color:#1a1206;min-height:52px}
/* con el resultado a la vista, el formulario ocupa todo el ancho y el texto de la izquierda se va */
#eq-fp .gratis .envoltura:has(.fp-signo-resultado--revelado){grid-template-columns:1fr}
#eq-fp .gratis .envoltura:has(.fp-signo-resultado--revelado) .gratis-texto{display:none}
@media (max-width:860px){#eq-fp .gratis .envoltura{grid-template-columns:1fr;gap:28px}}
/* Preguntas: la respuesta con el texto de siempre */
#eq-fp .preguntas summary h3{all:unset}
#eq-fp .preguntas summary::-webkit-details-marker{display:none}
#eq-fp .gratis .fp-form-gratis,#eq-fp .gratis .fp-form-gratis input,#eq-fp .gratis .fp-form-gratis label,#eq-fp .gratis .fp-form-gratis .fp-campo-ayuda{font-family:var(--f-cuerpo)}
#eq-fp .gratis .fp-form-gratis .fp-campo-ayuda{color:var(--suave);font-size:.82rem}
/* Como el pedido 50: los cuatro precios en fila recién desde 1240 px (antes el interruptor Mensual/Anual queda apretado); de 621 a 1239 px, de a dos */
@media (max-width:1239px) and (min-width:621px){#eq-fp .precios{grid-template-columns:1fr 1fr}}
#eq-fp .interruptor button{white-space:nowrap}
/* El formulario gratis se ve en todos los anchos (front-page.css lo escondía en la computadora porque antes estaba repetido en el inicio) */
@media (min-width:960px){#eq-fp section#signo-gratis{display:block}}
#eq-fp section#signo-gratis{padding-block:clamp(64px,9vw,112px)}
/* Ronda 127 (19/10/2026, Diego: «no la veo igual a la muestra, se ve medio violeta aún»; subida otra vez porque el primer intento se frenó en una prueba): el cielo animado de siempre (las mismas constelaciones que se
   mueven y se unen con el dedo), pero sobre el azul noche de la muestra en vez del violeta de la Ronda 78. Y los colores violeta que front-page.css todavía
   usa en el formulario gratis, su resultado y la ventana de compra pasan al azul de la muestra. */
#eq-fp #fp-fondo-interactivo{background:var(--noche)}
#eq-fp{--eq-cielo:#08111f;--eq-panel:rgba(15,29,51,.72)}
body.home,body.page-template-default.home{background:#08111f}
/* Ronda 141 (24/10/2026, Diego: «que ni bien pones un dato ese campo desaparece y aparece el siguiente»): el formulario gratis de a una
   pregunta (el script está al final de front-page.php). Arriba «Atrás», «Paso N de M» y la barrita; el paso nuevo entra deslizándose. */
#eq-fp .fp-form-gratis .fp-paso-oculto{display:none!important}
#eq-fp .fp-pasos-cab{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin:0 0 18px}
#eq-fp .fp-pasos-atras{grid-row:1;grid-column:1;background:none;border:0;padding:8px 4px;margin:-8px 0 -8px -4px;color:var(--oro-claro);font:inherit;font-size:.95rem;cursor:pointer}
#eq-fp .fp-pasos-atras[hidden]{display:none}
#eq-fp .fp-pasos-n{grid-row:1;grid-column:2;justify-self:end;color:var(--suave);font-size:.9rem}
#eq-fp .fp-pasos-barra{grid-row:2;grid-column:1/-1;display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
#eq-fp .fp-pasos-barra span{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--oro),var(--oro-claro));transition:width .35s ease}
#eq-fp .fp-pasos-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:14px 0 0}
#eq-fp .fp-pasos-siguiente{min-height:48px;padding:0 26px;border-radius:999px;border:0;background:linear-gradient(180deg,var(--oro-claro),var(--oro));color:#1a1206;font:inherit;font-weight:600;font-size:1rem;cursor:pointer}
#eq-fp .fp-pasos-saltear{min-height:48px;padding:0 6px;border:0;background:none;color:var(--suave);font:inherit;font-size:1rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#eq-fp .fp-pasos-siguiente[hidden],#eq-fp .fp-pasos-saltear[hidden]{display:none}
#eq-fp .fp-pasos-siguiente:focus-visible,#eq-fp .fp-pasos-saltear:focus-visible,#eq-fp .fp-pasos-atras:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px}
@keyframes fpPasoEntra{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes fpPasoEntraAtras{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
#eq-fp .fp-form-gratis .fp-paso-entra{animation:fpPasoEntra .35s ease both}
#eq-fp .fp-form-gratis .fp-paso-entra-atras{animation:fpPasoEntraAtras .35s ease both}
@media (prefers-reduced-motion:reduce){#eq-fp .fp-form-gratis .fp-paso-entra,#eq-fp .fp-form-gratis .fp-paso-entra-atras{animation:none}#eq-fp .fp-pasos-barra span{transition:none}}