/* Veriko landing — producto (rediseño). Hereda base/shell/.hero/.steps/.caps/.paths de home.css.
   Lo único propio: el panel mock del hero (M2 = reveal del producto real). Tokens-only. */

/* Ritmo vertical más compacto (mismo criterio que soluciones/developers: el padding
   inferior del hero y el superior de las secciones se sumaban y dejaban demasiado aire). */
.product-page .hero{padding:44px 0 40px}
.product-page .sec{padding:40px 0}
@media(min-width:768px){.product-page .hero{padding:56px 0 48px}.product-page .sec{padding:52px 0}}
@media(min-width:1100px){.product-page .hero{padding:64px 0 56px}.product-page .sec{padding:60px 0}}

/* ---- M2: panel mock (producto real en un marco) ---- */
.panel-mock{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:pm-rise .7s cubic-bezier(.22,1,.36,1) both}
.pm-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface-sunken)}
.pm-dots{display:inline-flex;gap:5px;flex:none}
.pm-dots i{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong);display:inline-block}
.pm-title{font-size:13px;font-weight:600;color:var(--color-text-secondary)}
.pm-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--color-border)}
.pm-row:last-child{border-bottom:none}
.pm-bank{width:34px;height:34px;border-radius:8px;background:var(--color-surface-sunken);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:var(--color-text-secondary);flex:none;letter-spacing:.02em}
.pm-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.pm-acct{font-family:var(--font-family-mono);font-size:12.5px;color:var(--color-text-primary);letter-spacing:-.01em}
.pm-amt{font-family:var(--font-family-mono);font-size:11.5px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}
.pm-verdict{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px;flex:none;white-space:nowrap}
.pm-verdict svg{width:13px;height:13px;stroke-width:2.5}
.pm-verdict.ok{background:var(--color-success-light);color:var(--color-success-text)}
.pm-verdict.no{background:var(--color-surface-sunken);color:var(--color-text-secondary)}
.pm-glow{position:absolute;inset:-30px -10px;background:radial-gradient(60% 50% at 60% 35%,var(--color-primary-light),transparent 70%);z-index:-1;opacity:.6}
@keyframes pm-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.panel-mock{animation:none}}

/* ---- Flujo OCR: 4 pasos (1 → 2 → 4) ---- */
@media(min-width:768px){.steps-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.steps-4{grid-template-columns:repeat(4,1fr)}}