/* ============================================================================
   INKSETUP · STUDIO — capa visual "mesa de trabajo de noche"
   · Se carga al final, después de launch.css / brand.css / examples.css.
   · TODOS los selectores viven bajo body.ink-studio. No toca el marcado.
   · Respeta [hidden], data-account-*, launch-motion.js (.js-motion / .is-in).
   ========================================================================== */

body.ink-studio{
  /* tokens propios de la capa (no cambian brand.css) */
  --is-carbon:#0f0d0a; --is-carbon-2:#16130f; --is-carbon-3:#1d1914; --is-carbon-4:#262119;
  --is-papel:#efe9df; --is-papel-2:#f7f3ea; --is-papel-borde:#d9d0c0;
  --is-oro:#d4b46a; --is-oro-2:#e7cf8e; --is-oro-3:#8c7439; --is-cobre:#c56a4e;
  --is-tinta:#f2ece2; --is-tinta-2:#b9ae9b; --is-tinta-3:#9b8f7c; --is-papel-tinta:#5f564b;
  --is-linea:rgba(212,180,106,.13); --is-linea-2:rgba(212,180,106,.28); --is-linea-3:rgba(242,236,226,.08);
  --is-ease:cubic-bezier(.16,1,.3,1); --is-t:.42s;
  --is-sombra:0 40px 90px -40px rgba(0,0,0,.85), 0 18px 40px -24px rgba(0,0,0,.7);
  --is-r:18px; --is-r-sm:12px;

  background:var(--is-carbon) !important; color:var(--is-tinta);
  font-family:var(--font-body); -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
/* mesa: luz cálida arriba a la izquierda + grano fino; fijo, no se mueve con el scroll */
body.ink-studio::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1100px 700px at 8% -8%, rgba(212,180,106,.13), transparent 62%),
    radial-gradient(900px 600px at 100% 100%, rgba(197,106,78,.07), transparent 60%);
}
body.ink-studio::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;
  background:url(/ejemplos/assets/grain.png) repeat;background-size:160px 160px;mix-blend-mode:screen}
body.ink-studio>:not(dialog){position:relative;z-index:1}

body.ink-studio .launch-wrap{max-width:1200px;padding:0 32px 96px}
body.ink-studio ::selection{background:var(--is-oro);color:#1a1510}
body.ink-studio :focus-visible{outline:3px solid var(--is-oro);outline-offset:3px;border-radius:4px}

/* ---------- tipografía base ---------- */
body.ink-studio h1,body.ink-studio h2,body.ink-studio h3{font-family:var(--font-display);color:var(--is-tinta);text-wrap:balance}
body.ink-studio p{color:var(--is-tinta-2)}
body.ink-studio .eyebrow,body.ink-studio .launch-card .eyebrow{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--is-oro);font-weight:500;margin:0 0 14px}
body.ink-studio .eyebrow::before{content:"";width:22px;height:1px;background:var(--is-oro);opacity:.8}

/* ============================================================================
   CABECERA — una sola línea, pegada arriba, con desenfoque
   ========================================================================== */
body.ink-studio .launch-header{
  --is-hx:max(32px,calc((100vw - 1200px)/2 + 32px));position:sticky;top:0;z-index:40;margin:0 calc(50% - 50vw) 8px;padding:14px var(--is-hx);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  background:rgba(15,13,10,.72);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--is-linea);transition:padding var(--is-t) var(--is-ease),background var(--is-t)}
body.ink-studio.is-scrolled .launch-header{padding:9px var(--is-hx);background:rgba(15,13,10,.86)}
body.ink-studio .release-identity{display:contents}
body.ink-studio .brand{grid-column:1;grid-row:1;display:inline-flex;align-items:center}
body.ink-studio .brand img{height:30px;width:auto;transition:transform var(--is-t) var(--is-ease)}
body.ink-studio.is-scrolled .brand img{transform:scale(.92);transform-origin:left center}
body.ink-studio .release-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
body.ink-studio .release-nav a{position:relative;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--is-tinta-2);
  text-decoration:none;min-height:44px;display:inline-flex;align-items:center;transition:color .18s}
body.ink-studio .release-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:1.5px;background:var(--is-oro);
  transform:scaleX(0);transform-origin:left;transition:transform .28s var(--is-ease)}
body.ink-studio .release-nav a:hover{color:var(--is-tinta)}
body.ink-studio .release-nav a:hover::after,body.ink-studio .release-nav a[aria-current=page]::after{transform:scaleX(1)}
body.ink-studio .release-nav a[aria-current=page]{color:var(--is-tinta);text-decoration:none}
body.ink-studio .release-nav a[href="/planes"]{border:1px solid var(--is-linea-2);color:var(--is-oro-2);background:rgba(212,180,106,.06);
  padding:0 16px;margin-left:6px;transition:border-color .2s,background .2s,transform .2s var(--is-ease)}
body.ink-studio .release-nav a[href="/planes"]::after{display:none}
body.ink-studio .release-nav a[href="/planes"]:hover{border-color:var(--is-oro);background:rgba(212,180,106,.12);transform:translateY(-1px)}
body.ink-studio .release-account{grid-column:3;grid-row:1;display:flex;gap:6px;align-items:center;font-size:13.5px}
body.ink-studio .release-account a{color:var(--is-tinta-2);text-decoration:none;padding:9px 12px;border-radius:8px;min-height:40px;display:inline-flex;align-items:center;transition:color .18s,background .18s}
body.ink-studio .release-account a:hover{color:var(--is-tinta);background:rgba(242,236,226,.05)}
body.ink-studio .release-account a.account-register{color:#1a1510;background:var(--is-oro);font-weight:600;padding:0 16px;
  box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25);transition:background .2s,transform .2s var(--is-ease),box-shadow .2s}
body.ink-studio .release-account a.account-register:hover{background:var(--is-oro-2);transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(212,180,106,.5)}
body.ink-studio .release-account span[data-account-local]{font-family:var(--font-mono);font-size:11px;color:var(--is-tinta-3)}

/* ============================================================================
   HERO — titular editorial + la mesa (hoja de papel con la muestra)
   ========================================================================== */
body.ink-studio .launch-hero{
  margin:46px 0 22px;padding:0 0 54px;border-bottom:1px solid var(--is-linea);
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:16px 72px;align-items:center}
body.ink-studio .launch-hero h1{
  font-size:clamp(42px,5.6vw,78px);line-height:.98;letter-spacing:-.035em;font-weight:700;margin:6px 0 24px;max-width:none}
body.ink-studio .launch-hero h1 span,body.ink-studio [data-inkpeers-shell] .launch-hero h1 span{
  display:block;color:transparent;background:linear-gradient(92deg,var(--is-oro-2) 0%,var(--is-oro) 55%,#b8954a 100%);
  -webkit-background-clip:text;background-clip:text}
body.ink-studio .launch-hero>p:not(.eyebrow):not(.hero-proof){font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--is-tinta-2);max-width:52ch;margin:0}
body.ink-studio .launch-hero>div>p:not(.eyebrow){font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--is-tinta-2);max-width:52ch}
body.ink-studio .launch-hero .hero-proof,body.ink-studio .launch-hero>p.hero-proof{
  font-family:var(--font-mono)!important;font-size:12.5px!important;letter-spacing:.02em;color:var(--is-tinta-3)!important;margin-top:18px}
body.ink-studio .public-actions{gap:12px;margin-top:26px}

body.ink-studio .launch-hero:not(:has(.hero-mesa)){display:block;max-width:860px}
body.ink-studio .launch-hero:not(:has(.hero-mesa)) .page-sections{margin:26px 0 0}
/* la mesa: dos hojas apiladas, la de arriba con la muestra */
body.ink-studio .hero-mesa{max-width:470px;justify-self:end;position:relative;isolation:isolate}
body.ink-studio .hero-mesa::before{content:"";position:absolute;inset:4% -3% auto 3%;height:94%;border-radius:12px;
  background:#e4dccb;opacity:.9;transform:rotate(2.4deg);z-index:-1;box-shadow:var(--is-sombra)}
body.ink-studio .mesa-stage{
  aspect-ratio:4/5;border-radius:12px;background:var(--is-papel-2);border:10px solid var(--is-papel);
  box-shadow:var(--is-sombra),inset 0 0 0 1px rgba(0,0,0,.06);transform:rotate(-1.4deg);overflow:hidden;
  transition:transform .6s var(--is-ease),box-shadow .6s var(--is-ease)}
body.ink-studio .hero-mesa:hover .mesa-stage,body.ink-studio .hero-mesa:focus-within .mesa-stage{transform:rotate(-.6deg) translateY(-3px)}
body.ink-studio .mesa-stage img{object-fit:contain;background:var(--is-papel-2)}   /* el dibujo entero, nunca recortado */
body.ink-studio .mesa-line{background:var(--is-oro);box-shadow:0 0 18px 3px rgba(212,180,106,.65)}
/* la nota con las mezclas: tarjeta carbón que asoma por abajo */
body.ink-studio .mesa-caps{
  left:-6px;right:auto;bottom:-8px;width:min(92%,420px);margin:0;padding:12px 14px 13px;border-radius:12px;
  background:rgba(22,19,15,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--is-linea-2);box-shadow:0 24px 50px -24px rgba(0,0,0,.9);transform:rotate(1.4deg);
  grid-template-columns:1fr 1fr;gap:6px 14px}
body.ink-studio .mesa-caps-t{color:var(--is-oro);font-size:10.5px;letter-spacing:.14em;margin-bottom:4px}
body.ink-studio .mesa-caps .cap b{color:var(--is-tinta);font-size:12.5px}
body.ink-studio .mesa-caps .cap-r{color:var(--is-tinta-3);font-family:var(--font-mono);font-size:10.5px}
body.ink-studio .mesa-caps .cap i{border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
/* pestañas: control segmentado */
body.ink-studio .mesa-tabs{margin-top:26px;gap:3px;padding:4px;border:1px solid var(--is-linea);border-radius:12px;background:var(--is-carbon-2);width:100%;flex-wrap:nowrap}
body.ink-studio .mesa-tabs label{border:0;border-radius:8px;min-height:40px;padding:0 11px;font-size:11px;letter-spacing:.07em;white-space:nowrap;color:var(--is-tinta-2);
  display:inline-flex;align-items:center;cursor:pointer;transition:background .2s,color .2s}
body.ink-studio .mesa-tabs label:hover{color:var(--is-tinta);background:rgba(242,236,226,.05)}
body.ink-studio #mesa-foto:checked~.mesa-tabs label[for=mesa-foto],body.ink-studio #mesa-trace:checked~.mesa-tabs label[for=mesa-trace],
body.ink-studio #mesa-classic:checked~.mesa-tabs label[for=mesa-classic],body.ink-studio #mesa-rostros:checked~.mesa-tabs label[for=mesa-rostros]{
  background:var(--is-oro);color:#1a1510;font-weight:600}
body.ink-studio .mesa-tabs a{margin-left:auto;padding:0 10px;color:var(--is-oro-2);border-bottom:0;min-height:40px;display:inline-flex;align-items:center;font-size:11.5px;white-space:nowrap}
body.ink-studio .mesa-tabs a:hover{color:var(--is-oro)}
body.ink-studio .hero-mesa input:focus-visible+*{outline:3px solid var(--is-oro);outline-offset:2px}

/* ============================================================================
   ÍNDICE DE PÁGINA (.page-sections) — línea discreta en mono
   ========================================================================== */
body.ink-studio .page-sections{margin:0 0 72px;gap:0;align-items:center}
body.ink-studio .page-sections a{border:0;border-radius:0;padding:10px 0;margin-right:26px;min-height:44px;font-family:var(--font-mono);font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--is-tinta-3);position:relative;transition:color .2s}
body.ink-studio .page-sections a::before{content:"";position:absolute;left:0;bottom:6px;width:100%;height:1px;background:var(--is-oro);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--is-ease)}
body.ink-studio .page-sections a:hover{color:var(--is-oro-2)}
body.ink-studio .page-sections a:hover::before{transform:scaleX(1)}

/* ============================================================================
   SECCIONES — numeradas, con titulares grandes
   ========================================================================== */
body.ink-studio main{counter-reset:is-sec}
body.ink-studio section[aria-labelledby=tools-heading],body.ink-studio .public-section{margin-top:104px;counter-increment:is-sec;position:relative}
body.ink-studio section[aria-labelledby=tools-heading]>h2,body.ink-studio .public-section>h2{
  font-size:clamp(32px,4.2vw,56px);line-height:1.02;letter-spacing:-.03em;font-weight:700;margin:8px 0 18px;max-width:18ch}
body.ink-studio section[aria-labelledby=tools-heading]>h2::before,body.ink-studio .public-section>h2::before{
  content:"0" counter(is-sec);display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--is-oro-3);margin-bottom:14px;font-weight:500}
body.ink-studio section[aria-labelledby=tools-heading]>h2::before{display:none}  /* ya lleva eyebrow */
body.ink-studio .section-intro,body.ink-studio section[aria-labelledby]>p:not(.eyebrow):not(.price-strip){font-size:17px;line-height:1.55;max-width:64ch;color:var(--is-tinta-2)}
body.ink-studio .public-section>h2+p{margin-top:-4px}

/* ---------- tarjetas ---------- */
body.ink-studio .launch-grid{gap:22px}
body.ink-studio .launch-card{
  border-radius:var(--is-r);padding:26px;border:1px solid var(--is-linea);
  background:linear-gradient(180deg,var(--is-carbon-3),var(--is-carbon-2));
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 30px 60px -40px rgba(0,0,0,.8);
  transition:transform var(--is-t) var(--is-ease),border-color var(--is-t),box-shadow var(--is-t)}
body.ink-studio .launch-card:hover{transform:translateY(-4px);border-color:var(--is-linea-2);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 40px 70px -36px rgba(0,0,0,.9)}
body.ink-studio .launch-card h2,body.ink-studio .launch-card h3{font-size:24px;letter-spacing:-.02em;line-height:1.15;margin:4px 0 10px}
body.ink-studio .launch-card>p:not(.eyebrow){font-size:15px;line-height:1.55;color:var(--is-tinta-2)}
body.ink-studio .launch-card .eyebrow{margin-bottom:8px}
/* miniatura = la muestra sobre papel, con margen, dibujo entero */
body.ink-studio .card-thumb,body.ink-studio .launch-tools .launch-card .card-thumb{
  margin:0 0 20px;padding:12px;border-radius:12px;background:var(--is-papel);aspect-ratio:1/1;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 10px 30px -18px rgba(0,0,0,.8);transition:transform var(--is-t) var(--is-ease)}
body.ink-studio .card-thumb img,body.ink-studio .card-compare img{object-fit:contain!important;object-position:center;background:var(--is-papel-2);border-radius:6px;transition:transform .7s var(--is-ease),opacity .5s}
body.ink-studio .launch-card:hover .card-thumb .thumb-img{transform:scale(1.025)}
body.ink-studio .card-compare img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
body.ink-studio .cmp-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;background:rgba(22,19,15,.9);color:var(--is-oro-2);border:1px solid var(--is-linea-2);border-radius:999px;padding:6px 10px}
/* la primera herramienta (Complete) destacada con marco dorado */
body.ink-studio .launch-tools .launch-card:first-child{border-color:var(--is-linea-2);
  background:linear-gradient(180deg,#27211a,#1a1611);box-shadow:0 0 0 1px rgba(212,180,106,.08),0 40px 80px -40px rgba(212,180,106,.25)}
body.ink-studio .launch-tools .launch-card:first-child:has(.public-price)::before{background:var(--is-oro);color:#1a1510;border-radius:999px;padding:6px 10px}
body.ink-studio .launch-card>[data-account-visitor],body.ink-studio .launch-card>[data-account-member]{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
body.ink-studio .launch-card>[data-account-visitor][hidden],body.ink-studio .launch-card>[data-account-member][hidden]{display:none!important}
body.ink-studio .launch-card>[data-account-visitor] .public-sample,body.ink-studio .launch-card>[data-account-member] .public-sample{margin-top:2px}
body.ink-studio .public-sample{font-size:14px;color:var(--is-tinta-2);text-decoration:none;border-bottom:1px solid var(--is-linea-2);padding-bottom:2px;transition:color .2s,border-color .2s;margin-top:14px;display:inline-block}
body.ink-studio .public-sample:hover{color:var(--is-oro-2);border-color:var(--is-oro)}

/* ---------- botones ---------- */
body.ink-studio .button,body.ink-studio [data-inkpeers-shell] :is(button.primary,.button,.btn){
  border-radius:10px;min-height:48px;padding:0 22px;font-weight:600;font-size:15px;letter-spacing:-.005em;
  background:linear-gradient(180deg,var(--is-oro-2),var(--is-oro));color:#1a1510;border:1px solid rgba(0,0,0,.15);
  box-shadow:0 1px 0 rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .22s var(--is-ease),box-shadow .22s,filter .22s}
body.ink-studio .button:hover,body.ink-studio [data-inkpeers-shell] :is(button.primary,.button,.btn):hover{
  background:linear-gradient(180deg,#f0dca3,var(--is-oro-2));transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(212,180,106,.55),inset 0 1px 0 rgba(255,255,255,.4)}
body.ink-studio .button:active,body.ink-studio button:active{transform:translateY(0) scale(.985)}
body.ink-studio .button.secondary,body.ink-studio [data-inkpeers-shell] :is(.button.secondary,.btn.ghost),
body.ink-studio .launch-tools .launch-card:not(:first-child) .button{
  background:transparent;color:var(--is-tinta);border:1px solid var(--is-linea-2);box-shadow:none}
body.ink-studio .button.secondary:hover,body.ink-studio [data-inkpeers-shell] :is(.button.secondary,.btn.ghost):hover,
body.ink-studio .launch-tools .launch-card:not(:first-child) .button:hover{
  background:rgba(212,180,106,.08);border-color:var(--is-oro);color:var(--is-oro-2);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(212,180,106,.4)}

/* ---------- formación (Plan Aprendiz) ---------- */
body.ink-studio .public-course{
  margin-top:104px;padding:clamp(28px,4vw,52px);border-radius:22px;border:1px solid var(--is-linea-2);
  background:
    radial-gradient(700px 300px at 0% 0%, rgba(212,180,106,.14), transparent 60%),
    linear-gradient(180deg,#1d1811,#15120d);
  box-shadow:0 50px 100px -60px rgba(212,180,106,.35);position:relative;overflow:hidden}
body.ink-studio .public-course::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;
  border:1px solid rgba(212,180,106,.18);box-shadow:inset 0 0 0 40px rgba(212,180,106,.03)}
body.ink-studio .public-course h2{font-size:clamp(34px,4.6vw,60px);letter-spacing:-.03em;margin:0 0 14px}
body.ink-studio .public-course h2::before{display:none}
body.ink-studio .public-course>p{font-size:17px;line-height:1.6;max-width:66ch;color:var(--is-tinta-2)}
body.ink-studio .public-course .button{margin-top:18px}

/* ---------- tira de precios ---------- */
body.ink-studio .price-strip{margin:22px 0 0;padding:20px 26px;border-radius:14px;border:1px solid var(--is-linea);background:var(--is-carbon-2);gap:10px 34px;color:var(--is-tinta-2);font-size:14px}
body.ink-studio .price-strip b{font-size:22px;color:var(--is-tinta);font-weight:700;letter-spacing:-.02em}
body.ink-studio .price-strip a{color:var(--is-oro-2);border-color:var(--is-oro-3)}

/* ---------- cierre ---------- */
body.ink-studio .public-final{margin-top:104px;padding:72px 0 0;border-top:1px solid var(--is-linea);text-align:center}
body.ink-studio .public-final h2{font-size:clamp(34px,5vw,66px);letter-spacing:-.035em;line-height:1;max-width:16ch;margin:0 auto 10px}
body.ink-studio .public-final h2::before{display:none}
body.ink-studio .public-final .public-actions{justify-content:center}

body.ink-studio .release-footer{margin-top:72px;padding-top:26px;border-top:1px solid var(--is-linea);color:var(--is-tinta-3);font-size:13px}
body.ink-studio .release-footer a{color:var(--is-tinta-2);text-decoration:none;border-bottom:1px solid var(--is-linea-2)}
body.ink-studio .release-footer a:hover{color:var(--is-oro-2);border-color:var(--is-oro)}

/* ============================================================================
   PÁGINAS SECUNDARIAS (planes · ejemplos · cuenta · ayuda) — mismo lenguaje
   ========================================================================== */
body.ink-studio .billing-grid .launch-card{padding:26px}
body.ink-studio .launch-card .public-price,body.ink-studio .launch-card>p.public-price,body.ink-studio .billing-grid .billing-price{font-family:var(--font-display);font-weight:700;font-size:40px!important;line-height:1;letter-spacing:-.03em;color:var(--is-tinta)!important;margin:18px 0 6px}
body.ink-studio .launch-card .public-price small{font-family:var(--font-mono);font-size:12.5px;color:var(--is-tinta-3);font-weight:500;letter-spacing:.02em}
body.ink-studio .launch-card .plan-capacity{color:var(--is-tinta-2)!important}
body.ink-studio .launch-card>p.plan-pergen,body.ink-studio .plan-pergen{color:var(--is-tinta-3)}
body.ink-studio .inline-peers{border-top:1px solid var(--is-linea);margin-top:18px;padding-top:12px}
body.ink-studio .inline-peers summary{color:var(--is-oro-2);cursor:pointer}
body.ink-studio .plan-faq details{border:1px solid var(--is-linea);border-radius:12px;padding:4px 18px;background:var(--is-carbon-2);margin:10px 0;transition:border-color .2s}
body.ink-studio .plan-faq details[open]{border-color:var(--is-linea-2)}
body.ink-studio .plan-faq summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--is-tinta)}
body.ink-studio .motor-set figure,body.ink-studio main figure:not(.hero-mesa):not(.card-thumb){margin:0}
body.ink-studio .motor-set figure img,body.ink-studio .stencil-thumb{background:var(--is-papel-2);border-radius:10px;border:8px solid var(--is-papel);
  box-shadow:0 24px 50px -30px rgba(0,0,0,.9);object-fit:contain;transition:transform .6s var(--is-ease)}
body.ink-studio .motor-set figure:hover img{transform:translateY(-4px)}
body.ink-studio figcaption{color:var(--is-tinta-2);font-size:14px;margin-top:10px}
body.ink-studio figcaption strong{color:var(--is-tinta)}
body.ink-studio .account-wrap>h1{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.03em}
body.ink-studio #auth-form input:not([type=checkbox]),body.ink-studio input[type=email],body.ink-studio input[type=password],body.ink-studio input[type=text]{
  background:var(--is-carbon-2);border:1px solid var(--is-linea-2);color:var(--is-tinta);border-radius:10px;min-height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s}
body.ink-studio input:focus{border-color:var(--is-oro);box-shadow:0 0 0 3px rgba(212,180,106,.18);outline:0}
body.ink-studio dialog{background:var(--is-carbon-3);color:var(--is-tinta);border:1px solid var(--is-linea-2);border-radius:18px;box-shadow:var(--is-sombra)}
body.ink-studio dialog::backdrop{background:rgba(8,7,5,.72);backdrop-filter:blur(4px)}

/* ============================================================================
   MOVIMIENTO — reutiliza launch-motion.js (.js-motion → .is-in). Solo se
   redefine la curva y la distancia: 18 px, 560 ms, una vez. Entrada del hero
   al cargar: una sola vez, sin depender del scroll.
   ========================================================================== */
html.js-motion body.ink-studio .launch-card,html.js-motion body.ink-studio .public-section>h2,html.js-motion body.ink-studio section[aria-labelledby=tools-heading]>h2,
html.js-motion body.ink-studio .public-course,html.js-motion body.ink-studio .price-strip,html.js-motion body.ink-studio .motor-set figure,html.js-motion body.ink-studio .plan-faq details{
  opacity:0;transform:translateY(12px);transition:opacity .34s var(--is-ease),transform .34s var(--is-ease),border-color var(--is-t),box-shadow var(--is-t)}
html.js-motion body.ink-studio :is(.launch-card,h2,.public-course,.price-strip,figure,details,.motor-set figure).is-in,html.js-motion body.ink-studio .is-in{opacity:1!important;transform:none!important}
html.js-motion body.ink-studio .launch-grid>.launch-card:nth-child(2),html.js-motion body.ink-studio .motor-set figure:nth-child(2){transition-delay:70ms}
html.js-motion body.ink-studio .launch-grid>.launch-card:nth-child(3),html.js-motion body.ink-studio .motor-set figure:nth-child(3){transition-delay:140ms}
html.js-motion body.ink-studio .launch-card.is-in:hover{transform:translateY(-4px)!important;transition-delay:0ms}

@keyframes is-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes is-mesa{from{opacity:0;transform:rotate(-1.4deg) translateY(12px) scale(.99)}to{opacity:1;transform:rotate(-1.4deg) translateY(0) scale(1)}}
html.js-motion body.ink-studio .launch-hero>div:not([hidden]){animation:is-rise .35s var(--is-ease) both}
html.js-motion body.ink-studio .launch-hero>div:nth-of-type(n+3):not([hidden]){animation-delay:.08s}
html.js-motion body.ink-studio .launch-hero>p.hero-proof:not([hidden]){animation:is-rise .35s var(--is-ease) .14s both}
html.js-motion body.ink-studio .hero-mesa .mesa-stage{animation:is-mesa .35s var(--is-ease) .06s both}
html.js-motion body.ink-studio .hero-mesa .mesa-tabs,html.js-motion body.ink-studio .hero-mesa .mesa-caps{animation:is-rise .35s var(--is-ease) .24s both}
html.js-motion body.ink-studio .page-sections{animation:is-rise .35s var(--is-ease) .3s both}

@media (prefers-reduced-motion:reduce){
  body.ink-studio *,body.ink-studio *::before,body.ink-studio *::after{animation:none!important;transition:none!important}
  html.js-motion body.ink-studio .launch-card,html.js-motion body.ink-studio .public-section>h2,html.js-motion body.ink-studio section[aria-labelledby=tools-heading]>h2,
  html.js-motion body.ink-studio .public-course,html.js-motion body.ink-studio .price-strip,html.js-motion body.ink-studio .motor-set figure,html.js-motion body.ink-studio .plan-faq details{opacity:1;transform:none}
  body.ink-studio .launch-card:hover,html.js-motion body.ink-studio .launch-card.is-in:hover,body.ink-studio .button:hover,body.ink-studio .button.secondary:hover,
  body.ink-studio .launch-tools .launch-card:not(:first-child) .button:hover,body.ink-studio .release-account a.account-register:hover,body.ink-studio .release-nav a[href="/planes"]:hover,
  body.ink-studio .motor-set figure:hover img,body.ink-studio .launch-card:hover .card-thumb .thumb-img,body.ink-studio .hero-mesa:hover .mesa-stage,body.ink-studio .hero-mesa:focus-within .mesa-stage{transform:none!important}
  body.ink-studio .mesa-stage{transform:none}
}

/* ============================================================================
   RESPONSIVE — 1024 / 900 / 720 / 480
   ========================================================================== */
@media (max-width:1024px){
  body.ink-studio .launch-wrap{padding:0 24px 72px}
  body.ink-studio .launch-header{--is-hx:24px;padding:12px var(--is-hx)}
  body.ink-studio .launch-hero{gap:16px 40px}
}
@media (max-width:900px){
  body.ink-studio .launch-header{grid-template-columns:auto auto;grid-template-rows:auto auto;gap:10px 16px}
  body.ink-studio .brand{grid-column:1;grid-row:1}
  body.ink-studio .release-account{grid-column:2;grid-row:1;justify-self:end}
  body.ink-studio .release-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:0;margin:0 -8px}
  body.ink-studio .release-nav a[href="/planes"]{margin-left:auto}
  body.ink-studio .launch-hero{grid-template-columns:1fr;gap:18px;margin-top:22px;padding-bottom:40px}
  body.ink-studio .hero-mesa{justify-self:start;max-width:520px;margin-top:22px}
  body.ink-studio .mesa-caps{left:8px;right:8px;width:auto;bottom:8px;transform:none}
  body.ink-studio section[aria-labelledby=tools-heading],body.ink-studio .public-section,body.ink-studio .public-course,body.ink-studio .public-final{margin-top:72px}
}
@media (max-width:720px){
  body.ink-studio .launch-wrap{padding:0 18px 56px}
  body.ink-studio .launch-header{--is-hx:18px;padding:10px var(--is-hx)}
  body.ink-studio .release-account a:not(.account-register){display:none}
  body.ink-studio .release-nav a{padding:10px 9px;font-size:13.5px}
  body.ink-studio .launch-hero h1{font-size:clamp(36px,10vw,48px);margin-bottom:16px}
  body.ink-studio .mesa-stage{transform:none;border-width:8px}
  html.js-motion body.ink-studio .hero-mesa .mesa-stage{animation-name:is-rise}   /* sin rotación en móvil */
  body.ink-studio .hero-mesa::before{display:none}
  body.ink-studio .hero-mesa:hover .mesa-stage{transform:none}
  body.ink-studio .mesa-tabs{width:100%;flex-wrap:wrap}
  body.ink-studio .mesa-tabs label{flex:1 1 calc(50% - 4px);justify-content:center;min-height:44px}
  body.ink-studio .mesa-tabs a{margin-left:0;flex:1 1 100%;justify-content:center;min-height:44px}
  body.ink-studio .mesa-caps{position:absolute;left:8px;right:8px;bottom:8px;width:auto;margin:0;transform:none;grid-template-columns:1fr 1fr;gap:4px 10px;padding:9px 11px 10px}
  body.ink-studio .mesa-caps .cap b{font-size:11.5px}
  body.ink-studio .mesa-caps .cap-r{font-size:10px}
  body.ink-studio .page-sections{margin-bottom:48px}
  body.ink-studio .page-sections a{margin-right:18px}
  body.ink-studio .launch-card{padding:20px}
  body.ink-studio .card-thumb,body.ink-studio .launch-tools .launch-card .card-thumb{padding:10px;margin-bottom:16px}
  body.ink-studio .public-actions .button{width:100%}
  body.ink-studio .price-strip{padding:16px 18px;gap:8px 18px}
  body.ink-studio .public-final{padding-top:48px}
}
@media (max-width:480px){
  body.ink-studio .brand img{height:26px}
  body.ink-studio .launch-card .public-price,body.ink-studio .launch-card>p.public-price,body.ink-studio .billing-grid .billing-price{font-size:32px!important}
  body.ink-studio .release-nav a[href="/planes"]{padding:0 12px}
}