/* ═══════════ PROBADOR · estilos (assets/home/css/probador.css) ═══════════
   La página /prueba-diseno-tarjeta. Viene del paquete misdatos-probador; los
   tokens que en ese paquete daba refinamiento.css se definen aquí, solo para
   el probador, para no tocar el resto del sitio. Sin el formulario de correo:
   al final hay un enlace a /plans. */

.probador{
  --ink-1:#0e1726; --ink-3:#566173;
  --on-dark-1:#f4f7fb; --on-dark-2:#c3cdda;
  --accent-ink:#7a3df0; --focus:#8b3dff;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --dur-fast:180ms; --dur-press:150ms;
  --fs-item:1.0625rem; --fs-ui:.9375rem; --fs-small:.875rem; --fs-meta:.8125rem;
  --space-block:clamp(36px,2rem + 1.5vw,56px);
}
.probador .md-icon{width:1em;height:1em;flex:none;display:block}

.probador{background:var(--soft)}
/* Las reglas de display de abajo no deben ganarle al atributo hidden */
[data-probador] [hidden]{display:none !important}
.pr-head{max-width:40rem;margin-bottom:var(--space-block)}
.pr-head .lead{margin-bottom:0}

.pr-grid{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);
  gap:clamp(28px,1rem + 2.5vw,56px);
  align-items:start;
}

/* ── Escenario ─────────────────────────────────────────────────────────── */
.pr-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:28px;
  color:var(--on-dark-1);
  background:
    radial-gradient(60% 70% at 78% 28%,rgba(122,61,240,.34),transparent 70%),
    radial-gradient(55% 55% at 8% 100%,rgba(255,116,82,.20),transparent 70%),
    linear-gradient(140deg,#0b1626 0%,#060d18 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 80px rgba(7,17,30,.26);
}
/* Rejilla de puntos tenue, el mismo material que la banda de cierre */
.pr-stage::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse at 60% 45%,#000 20%,transparent 75%);
  mask-image:radial-gradient(ellipse at 60% 45%,#000 20%,transparent 75%);
}
.pr-scene{position:relative;aspect-ratio:16/11;perspective:1400px}

/* Teléfono */
.pr-phone{
  position:absolute;right:8%;top:8%;
  height:84%;aspect-ratio:9/19;
  container-type:inline-size;
  border-radius:15% / 7.1%;
  background:#090c11;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.45);
  transform:rotate(4deg);
}
.pr-screen{position:absolute;inset:3.4cqi;border-radius:12cqi;overflow:hidden;background:linear-gradient(180deg,#1b2333 0%,#0b111d 100%)}
.pr-screen::after{content:"";position:absolute;z-index:3;top:3cqi;left:50%;width:30cqi;height:8.5cqi;border-radius:99px;background:#090c11;transform:translateX(-50%)}

.pr-lock{
  position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:7cqi;
  color:#e8edf5;
  transition:opacity 200ms ease,filter 200ms ease;
}
.pr-lock-time{font-size:21cqi;font-weight:300;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.pr-lock-hint{display:inline-flex;align-items:center;gap:2.5cqi;padding:3cqi 5cqi;border-radius:99px;background:rgba(255,255,255,.08);font-size:5.4cqi;color:#c3cdda}
.pr-lock-hint .md-icon{width:6.5cqi;height:6.5cqi}

.pr-profile{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;
  padding:15cqi 7cqi 7cqi;
  background:#f6f7fa;color:#172033;
  opacity:0;filter:blur(6px);transform:scale(1.03);
  transition:opacity 220ms ease,filter 220ms ease,transform 260ms var(--ease-out);
}
.pr-profile > *{opacity:0;transform:translateY(3cqi);transition:opacity 160ms ease,transform 160ms ease}
.pr-p-top{align-self:stretch;display:flex;justify-content:space-between;align-items:center;font-size:4.6cqi;color:#5d6878}
.pr-p-top b{font-weight:800;color:#182233}
.pr-p-top .md-icon{width:5.5cqi;height:5.5cqi}
.pr-avatar{
  position:relative;width:32cqi;aspect-ratio:1;margin:8cqi 0 4cqi;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;
  background:var(--grad);
  box-shadow:0 0 0 1.4cqi #fff,0 3cqi 8cqi rgba(23,32,51,.18);
}
.pr-avatar::before{content:attr(data-initials);font-size:11cqi;font-weight:700;color:#fff;letter-spacing:.02em}
.pr-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-p-name{margin:0;max-width:100%;font-size:7.4cqi;font-weight:700;letter-spacing:-.01em;text-align:center;line-height:1.2;overflow-wrap:anywhere}
.pr-p-role{margin:1.5cqi 0 0;max-width:100%;font-size:4.8cqi;color:#5d6878;text-align:center;line-height:1.3;overflow-wrap:anywhere}
.pr-p-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:2.6cqi;align-self:stretch;margin:7cqi 0 5cqi}
.pr-p-actions span{display:grid;place-items:center;height:13cqi;border-radius:4cqi;background:#fff;box-shadow:inset 0 0 0 1px #e4e8ef;font-size:4.6cqi;font-weight:700;color:#2a3548}
.pr-p-actions .md-icon{width:5.4cqi;height:5.4cqi}
.pr-p-save{align-self:stretch;padding:4cqi;border-radius:4.5cqi;background:#0b1725;color:#fff;text-align:center;font-size:4.8cqi;font-weight:600}
.pr-p-link{align-self:stretch;display:flex;align-items:center;gap:3cqi;margin-top:3cqi;padding:4cqi;border-radius:4.5cqi;background:#fff;box-shadow:inset 0 0 0 1px #e8ebf1;font-size:4.6cqi;color:#3b4657}
.pr-p-link .md-icon{width:5cqi;height:5cqi;color:var(--accent-ink)}

/* Teléfono despierto: el perfil entra escalonado */
.pr-stage.is-awake .pr-lock{opacity:0;filter:blur(4px)}
.pr-stage.is-awake .pr-profile{opacity:1;filter:none;transform:none;transition:opacity 320ms var(--ease-out),filter 320ms var(--ease-out),transform 420ms var(--ease-out)}
.pr-stage.is-awake .pr-profile > *{
  opacity:1;transform:none;
  transition:opacity 360ms var(--ease-out) calc(80ms + var(--k,0) * 40ms),transform 460ms var(--ease-out) calc(80ms + var(--k,0) * 40ms);
}

/* Onda NFC en el punto de contacto (la coloca motion) */
.pr-ripple{
  position:absolute;z-index:4;left:0;top:0;width:22%;aspect-ratio:1;
  border-radius:50%;border:2px solid rgba(255,138,76,.85);
  opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.3);
}

/* Tarjeta física: negro mate, 85.6 × 54 mm */
.pr-card-move{position:absolute;z-index:5;left:6%;bottom:13%;width:56%}
.pr-tilt{transform-style:preserve-3d;will-change:auto}
/* El giro de -6° va aparte del volteo, para que la tarjeta gire sobre su propio eje. */
.pr-angle{transform:rotate(-6deg);transform-style:preserve-3d}
.pr-flip{position:relative;transform-style:preserve-3d;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pr-flip.is-dragging{cursor:grabbing}
/* isolation: cada cara contiene sus propias mezclas (grano y brillo); si no, el
   navegador aísla .pr-flip y aplana el 3D, y se ve la cara de atrás en espejo. */
.pr-face{isolation:isolate;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pr-card.pr-card-back{position:absolute;inset:0;transform:rotateY(180deg);display:grid;place-items:center}

/* Colores: cada uno define su cara, su texto y su grano. Negro mate es el de siempre. */
.pr-stage{
  --card-face:radial-gradient(120% 110% at 0% 0%,rgba(255,255,255,.07),transparent 52%),linear-gradient(158deg,#1c1f25 0%,#121418 46%,#0a0b0e 100%);
  --card-edge:rgba(255,255,255,.08);
  --card-name:#f3f5f8; --card-role:#9aa3b2;
  --card-name-empty:rgba(243,245,248,.34); --card-role-empty:rgba(154,163,178,.5);
  --card-nfc:rgba(255,255,255,.38);
  --card-grain:.32; --card-grain-blend:soft-light;
}
.pr-stage[data-finish="blanca"]{
  --card-face:radial-gradient(120% 110% at 0% 0%,rgba(255,255,255,.95),transparent 55%),linear-gradient(158deg,#fbfbfa 0%,#eeede9 52%,#dddcd7 100%);
  --card-edge:rgba(255,255,255,.7);
  --card-name:#15171c; --card-role:#5b616d;
  --card-name-empty:rgba(21,23,28,.3); --card-role-empty:rgba(91,97,109,.5);
  --card-nfc:rgba(21,23,28,.36);
  --card-grain:.16; --card-grain-blend:multiply;
}
.pr-stage[data-finish="gris"]{
  --card-face:radial-gradient(120% 110% at 0% 0%,rgba(255,255,255,.16),transparent 55%),linear-gradient(158deg,#8f949c 0%,#6d727b 50%,#4f535b 100%);
  --card-edge:rgba(255,255,255,.18);
  --card-name:#f7f8fa; --card-role:#e1e4ea;
  --card-name-empty:rgba(247,248,250,.45); --card-role-empty:rgba(225,228,234,.55);
  --card-nfc:rgba(255,255,255,.55);
  --card-grain:.26; --card-grain-blend:soft-light;
}

.pr-card{
  position:relative;
  container-type:inline-size;
  aspect-ratio:85.6 / 54;
  border-radius:3.7% / 5.9%;
  overflow:hidden;
  background:var(--card-face);
  transition:background 240ms ease;
  box-shadow:
    inset 0 1px 0 var(--card-edge),
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 2px 4px rgba(0,0,0,.35),
    0 28px 50px rgba(0,0,0,.5);
}
/* Grano mate */
.pr-card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--card-grain);mix-blend-mode:var(--card-grain-blend);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* La foto del visitante en lugar del logo: un círculo con el anillo del
   degradado de la marca. Sin foto muestra sus iniciales. */
.pr-card-photo{position:absolute;top:7.5cqi;left:7.5cqi;width:17cqi;aspect-ratio:1;padding:.75cqi;border-radius:50%;background:var(--grad);box-shadow:0 1.5cqi 4cqi rgba(0,0,0,.45)}
.pr-card-photo-in{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(158deg,#23262d,#0e1013)}
.pr-card-photo-in::before{content:attr(data-initials);font-size:5.2cqi;font-weight:700;letter-spacing:.02em;color:rgba(243,245,248,.85)}
.pr-card-photo-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-card-nfc{position:absolute;top:8cqi;right:7.5cqi;color:var(--card-nfc)}
.pr-card-nfc .md-icon{width:7.5cqi;height:7.5cqi}
.pr-card-id{position:absolute;left:7.5cqi;right:31cqi;bottom:8cqi}
/* QR de ejemplo abajo a la derecha, en su recuadro blanco para que se lea en cualquier color. */
.pr-card-qr{position:absolute;right:7cqi;bottom:7cqi;width:19cqi;aspect-ratio:1;padding:1.4cqi;border-radius:2.4cqi;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 1cqi 3cqi rgba(0,0,0,.28)}
.pr-card-qr svg{display:block;width:100%;height:100%}
.pr-card-name{
  margin:0;
  font-size:calc(7cqi * var(--fit,1));
  font-weight:600;letter-spacing:-.012em;line-height:1.15;
  color:var(--card-name);
  white-space:nowrap;overflow:hidden;
}
.pr-card-role{
  margin:1.8cqi 0 0;
  font-size:3.6cqi;font-weight:500;letter-spacing:.04em;line-height:1.3;
  color:var(--card-role);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pr-card-name.is-empty{color:var(--card-name-empty)}
.pr-card-role.is-empty{color:var(--card-role-empty)}

/* Reverso: el fondo del visitante a todo lo ancho; sin fondo, el logo al centro. */
.pr-back-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-back-logo{width:44cqi;height:auto}
.pr-back-logo--dark{display:none}
/* El logo del reverso sigue al tono del color: oscuro sobre tarjetas claras. */
.pr-stage[data-tone="light"] .pr-back-logo--light{display:none}
.pr-stage[data-tone="light"] .pr-back-logo--dark{display:block}
.pr-card-back.has-image .pr-back-logo{display:none}
/* Brillo que sigue al puntero: discreto, es mate */
.pr-sheen{
  position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(55% 75% at var(--sx,25%) var(--sy,0%),rgba(255,255,255,.11),transparent 62%);
}

/* Barra bajo el escenario */
.pr-stage-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:0 clamp(16px,2.4vw,28px) clamp(16px,2.4vw,24px);
}
.pr-finish{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-small);color:var(--on-dark-2)}
.pr-finish i{width:14px;height:14px;border-radius:50%;background:var(--card-face);box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.pr-stage-actions{display:flex;flex-wrap:wrap;gap:10px}
.pr-tap,.pr-flip-btn{min-height:44px;padding:10px 18px}
.pr-flip-btn .md-icon{width:18px;height:18px}
.pr-tap .md-icon{width:18px;height:18px}
.pr-stage.is-tapping .pr-tap,.pr-stage.is-tapping .pr-flip-btn{pointer-events:none}

/* ── Controles ─────────────────────────────────────────────────────────── */
.pr-form{display:grid;gap:32px;padding-top:4px}
.pr-fields{display:grid;gap:20px}

.pr-drop{
  display:flex;align-items:center;gap:16px;
  padding:14px 16px;
  border:1px dashed #c4cbd7;border-radius:16px;background:#fff;
  cursor:pointer;
  transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease,transform var(--dur-press) var(--ease-out);
  -webkit-tap-highlight-color:transparent;
}
@media (hover:hover) and (pointer:fine){.pr-drop:hover{border-color:var(--accent-ink);background:#fbfaff}}
.pr-drop:active{transform:scale(.99)}
.pr-drop.is-dragover{border-color:var(--accent-ink);border-style:solid;background:#f7f4ff}
.pr-photo:has(#pr-file:focus-visible) .pr-drop{outline:2px solid var(--focus);outline-offset:3px}
.pr-drop-preview{
  position:relative;flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;
  color:var(--accent-ink);background:#f4f2fe;box-shadow:inset 0 0 0 1px #e7e2fb;
}
.pr-drop-preview .md-icon{width:24px;height:24px}
.pr-drop-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pr-drop-text{display:grid;gap:2px}
.pr-drop-title{font-size:var(--fs-ui);font-weight:650;color:var(--ink-1)}
.pr-drop-text small{font-size:var(--fs-meta);line-height:1.4;color:var(--ink-3)}
.pr-photo-remove{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 2px;
  border:0;background:none;cursor:pointer;
  font-size:var(--fs-small);font-weight:600;color:var(--ink-3);
  transition:color var(--dur-fast) ease;
}
.pr-photo-remove:hover{color:var(--ink-1)}
.pr-photo-remove .md-icon{width:16px;height:16px}

/* La foto "revela" una sola vez al llegar */
.pr-reveal{animation:pr-reveal 520ms var(--ease-out) both}
@keyframes pr-reveal{
  from{clip-path:circle(0% at 50% 50%);filter:blur(6px)}
  to{clip-path:circle(71% at 50% 50%);filter:none}
}

/* Selector de color */
.pr-finishes{margin:0;padding:0;border:0;min-width:0}
.pr-finishes legend{padding:0;margin-bottom:10px;font-size:var(--fs-small);font-weight:600;color:var(--ink-1)}
.pr-swatches{display:flex;flex-wrap:wrap;gap:10px}
.pr-swatch{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 10px;border:1px solid #d3d9e3;border-radius:999px;background:#fff;cursor:pointer;font-size:var(--fs-small);font-weight:600;color:var(--ink-1);transition:border-color 150ms ease,box-shadow 150ms ease,transform var(--dur-press) var(--ease-out)}
.pr-swatch:active{transform:scale(.97)}
.pr-swatch input{position:absolute;opacity:0;pointer-events:none}
.pr-swatch:has(input:checked){border-color:var(--accent-ink);box-shadow:0 0 0 3px rgba(122,61,240,.15)}
.pr-swatch:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}
.pr-swatch-dot{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pr-swatch-dot--negro{background:linear-gradient(158deg,#2a2e35,#0a0b0e)}
.pr-swatch-dot--blanca{background:linear-gradient(158deg,#fff,#dddcd7)}
.pr-swatch-dot--gris{background:linear-gradient(158deg,#9aa0a8,#4f535b)}
/* Personalizar: el arcoíris hasta que se elige un color; luego, ese color. */
.pr-swatch-dot--custom{background:conic-gradient(#ff4d4d,#ffb84d,#f5f03d,#4dd17a,#4db8ff,#7a5cff,#ff4dd2,#ff4d4d)}

/* Selector de color propio */
.pr-picker{display:grid;gap:14px;margin-top:14px;padding:14px;border:1px solid #d3d9e3;border-radius:16px;background:#fff;transform-origin:top left;animation:pr-picker-in 180ms var(--ease-out)}
@keyframes pr-picker-in{from{opacity:0;transform:scale(.97) translateY(-4px)}}
.pr-sv{
  --hue:261;
  position:relative;height:150px;border-radius:10px;cursor:crosshair;touch-action:none;
  background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue) 100% 50%));
}
.pr-sv:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.pr-sv-thumb{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.3);pointer-events:none}
.pr-sv.is-dragging .pr-sv-thumb{transform:translate(-50%,-50%) scale(1.15)}
.pr-picker-row{display:flex;align-items:center;gap:12px}
.pr-eyedrop{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #d3d9e3;border-radius:10px;background:#fff;color:var(--ink-1);cursor:pointer;transition:border-color 150ms ease,transform var(--dur-press) var(--ease-out)}
.pr-eyedrop:hover{border-color:var(--accent-ink)}
.pr-eyedrop:active{transform:scale(.95)}
.pr-eyedrop:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.pr-eyedrop .md-icon{width:18px;height:18px}
.pr-picker-preview{flex:none;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pr-hue{flex:1;min-width:0;height:14px;margin:0;border-radius:99px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background:linear-gradient(to right,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}
.pr-hue::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.25)}
.pr-hue::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.25)}
.pr-hue:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.pr-hex-field input{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase}
/* La vista previa del reverso es rectangular, como la tarjeta */
.pr-drop-preview--card{border-radius:10px;width:72px;height:auto;aspect-ratio:85.6 / 54}

.pr-field{display:grid;gap:8px}
.pr-field label{font-size:var(--fs-small);font-weight:600;color:var(--ink-1)}
.pr-field input{
  width:100%;height:52px;padding:0 16px;
  font-size:1rem;color:var(--ink-1);
  background:#fff;border:1px solid #d3d9e3;border-radius:12px;
  transition:border-color 150ms ease,box-shadow 150ms ease;
}
.pr-field input::placeholder{color:#687386;opacity:1}
@media (hover:hover) and (pointer:fine){.pr-field input:hover{border-color:#b6bfcc}}
.pr-field input:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 4px rgba(122,61,240,.15)}
.pr-field input[aria-invalid="true"]{border-color:#c62f3a;box-shadow:0 0 0 4px rgba(198,47,58,.12)}

.pr-msg{margin:10px 0 0;font-size:var(--fs-small);line-height:1.45;color:#b4232f;animation:pr-msg 180ms var(--ease-out)}
@keyframes pr-msg{from{opacity:0;transform:translateY(-3px)}}
.pr-visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media (max-width:980px){
  .pr-grid{grid-template-columns:1fr}
  .pr-form{max-width:560px}
}
@media (max-width:560px){
  .pr-stage{border-radius:22px;margin-inline:-4px}
  .pr-scene{aspect-ratio:5/4}
  .pr-phone{right:8%;top:7%;height:84%}
  .pr-card-move{left:4%;bottom:12%;width:56%}
  .pr-stage-bar{flex-direction:column;align-items:stretch;gap:12px}
  .pr-stage-actions{display:grid;grid-template-columns:1fr}
  .pr-tap,.pr-flip-btn{padding-inline:14px}
  .pr-finish{justify-content:center}
  .pr-next .btn{width:100%}
}

/* ── Movimiento reducido: sin inclinación ni viaje; el teléfono solo se enciende ── */
@media (prefers-reduced-motion:reduce){
  .pr-profile,.pr-stage.is-awake .pr-profile{transform:none;filter:none}
  .pr-profile > *,.pr-stage.is-awake .pr-profile > *{transform:none;transition:opacity 200ms ease}
  .pr-reveal{animation:pr-fade 200ms ease both}
  .pr-ripple{display:none}
  .pr-drop:active{transform:none}
  .pr-picker{animation:none}
}
@keyframes pr-fade{from{opacity:0}}

/* ── Siguiente paso: en lugar del correo, un enlace a elegir plan ── */
.pr-next{padding-top:28px;border-top:1px solid #e1e6ee}
.pr-next h3{margin:0 0 6px;font-size:var(--fs-item);font-weight:650;letter-spacing:-.01em;color:var(--ink-1)}
.pr-next p{margin:0;font-size:var(--fs-ui);line-height:1.55;color:var(--ink-3)}
.pr-next .btn{margin-top:18px;min-height:52px;padding:0 26px}
.pr-next .btn:active{transform:scale(.97)}
.pr-next small{display:block;margin-top:12px;font-size:var(--fs-meta);color:var(--ink-3)}