/* ════════════════════════════════════════════════════════════════════
 * Aiden · Página de Apps móviles
 * Slug: /apps-moviles/ · scopeado a .aiden-page-apps-moviles
 * Mismo design system que Partners pero con phones 3D y wizard
 * ════════════════════════════════════════════════════════════════════ */

.aiden-page-apps-moviles{
  --bl500:#3D72B0;--bl600:#2D5A8E;
  --pu500:#6E5CA8;--pu600:#574A87;
  --am500:#C49545;--am600:#8E702A;
  --or500:#C97A45;--or600:#9A5732;
  --gn500:#3F9651;--gn600:#2F7A3F;
  --ro50:#FAEDEC;--ro500:#C95A55;--ro600:#9A3F3B;
  background:var(--n50);
  color:var(--n900);
  font-family:var(--fb);
  font-size:15px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.aiden-page-apps-moviles *{box-sizing:border-box}
.aiden-page-apps-moviles a{color:inherit;text-decoration:none}
.aiden-page-apps-moviles button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}
.aiden-page-apps-moviles img{display:block;max-width:100%}
.aiden-page-apps-moviles .ap2-w{max-width:1180px;margin:0 auto;padding:0 24px}

/* ═══ Botones ═══ */
.ap2-btn{padding:10px 20px;border-radius:9999px;font-family:var(--fb);font-weight:600;font-size:14px;border:1.5px solid transparent;cursor:pointer;transition:all .15s var(--ease);display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;line-height:1.4}
.ap2-btn:hover{transform:translateY(-1px)}
.ap2-btn-primary{background:var(--t500);color:#fff;border-color:var(--t500)}
.ap2-btn-primary:hover{background:var(--t600);border-color:var(--t600)}
.ap2-btn-ghost{background:transparent;color:var(--n700);border-color:var(--n200)}
.ap2-btn-ghost:hover{background:var(--n50);color:var(--n900)}
.ap2-btn-dark{background:var(--n900);color:#fff;border-color:var(--n900)}
.ap2-btn-dark:hover{background:var(--n800);border-color:var(--n800)}
.ap2-btn-white{background:#fff;color:var(--n900);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.ap2-btn-white:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.ap2-btn-lg{padding:13px 24px;font-size:15px}
.ap2-btn-sm{padding:7px 14px;font-size:13px}
.ap2-btn svg{width:16px;height:16px}

/* ═══ Section header ═══ */
.aiden-page-apps-moviles section{padding:88px 0}
.ap2-sec-h{text-align:center;max-width:680px;margin:0 auto 56px}
.ap2-sec-h-eyebrow{display:inline-block;padding:5px 14px;border-radius:9999px;background:var(--t50);border:1px solid var(--t200);font-size:11.5px;font-weight:600;color:var(--t700);letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}
.ap2-sec-h h2{font-family:var(--fd);font-weight:800;font-size:clamp(30px,3.8vw,44px);letter-spacing:-.035em;line-height:1.1;color:var(--n950);margin-bottom:14px}
.ap2-sec-h h2 em{font-style:normal;color:var(--t500)}
.ap2-sec-h p{font-size:16px;line-height:1.6;color:var(--n500)}

/* ═══ HERO ═══ */
.ap2-hero{padding:64px 0 80px;position:relative;overflow:hidden}
.ap2-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.ap2-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:var(--t50);border:1px solid var(--t200);font-size:12px;font-weight:600;color:var(--t700);margin-bottom:24px;letter-spacing:.02em}
.ap2-hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--t500);animation:ap2Pulse 2.4s ease-in-out infinite}
@keyframes ap2Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}
.ap2-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.045em;color:var(--n950);margin-bottom:22px}
.ap2-hero h1 strong{color:var(--t500);font-weight:800}
.ap2-hero-sub{font-size:18px;line-height:1.55;color:var(--n600);margin-bottom:32px;max-width:540px}
.ap2-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.ap2-hero-trust{font-size:13px;color:var(--n500);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ap2-hero-trust strong{color:var(--n800);font-weight:600}
.ap2-hero-trust-dot{width:3px;height:3px;border-radius:50%;background:var(--n300)}

/* Hero phones 3D */
.ap2-hero-phones{position:relative;height:560px;display:flex;align-items:center;justify-content:center;perspective:1800px}
.ap2-hero-phone{position:absolute;width:240px;height:480px;border-radius:36px;padding:8px;background:linear-gradient(135deg,#252525,#0a0a0a);box-shadow:0 24px 60px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;transition:transform .8s var(--ease)}
.ap2-hero-phone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative;background:#fff}
.ap2-hero-phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:#0a0a0a;border-radius:0 0 14px 14px;z-index:5}
.ap2-hero-phone-1{transform:translateX(-90px) rotate(-8deg) rotateY(15deg);z-index:1}
.ap2-hero-phone-2{transform:translateX(60px) rotate(6deg) rotateY(-12deg) translateY(-20px);z-index:2}
.ap2-hero-phone-1 .ap2-hero-phone-screen{background:linear-gradient(180deg,#0E7A67,#13967E)}
.ap2-hero-phone-2 .ap2-hero-phone-screen{background:#fff}
.ap2-hero-phone-1-content{padding:48px 20px 20px;color:#fff;height:100%;display:flex;flex-direction:column}
.ap2-hero-phone-1-content h3{font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:4px;line-height:1.15}
.ap2-hero-phone-1-content p{font-size:12px;opacity:.85;margin-bottom:20px}
.ap2-hero-phone-1-items{flex:1;display:flex;flex-direction:column;gap:8px}
.ap2-hero-phone-1-item{background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 12px;border-radius:12px;font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.ap2-hero-phone-1-item span{opacity:.85}
.ap2-hero-phone-1-cta{margin-top:16px;background:#fff;color:var(--t600);padding:12px;border-radius:12px;text-align:center;font-weight:700;font-size:12px;font-family:var(--fd)}
.ap2-hero-phone-2-content{padding:48px 16px 16px;height:100%;display:flex;flex-direction:column}
.ap2-hero-phone-2-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--n400);margin-bottom:4px}
.ap2-hero-phone-2-title{font-family:var(--fd);font-weight:800;font-size:18px;color:var(--n950);margin-bottom:14px;letter-spacing:-.02em;line-height:1.2}
.ap2-hero-phone-2-card{background:var(--n50);border-radius:14px;padding:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.ap2-hero-phone-2-card-img{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--am500),var(--or500))}
.ap2-hero-phone-2-card-2 .ap2-hero-phone-2-card-img{background:linear-gradient(135deg,var(--pu500),var(--bl500))}
.ap2-hero-phone-2-card-3 .ap2-hero-phone-2-card-img{background:linear-gradient(135deg,var(--gn500),var(--t500))}
.ap2-hero-phone-2-card-t{font-family:var(--fd);font-weight:700;font-size:12px;color:var(--n900);line-height:1.2}
.ap2-hero-phone-2-card-s{font-size:10px;color:var(--n400);margin-top:2px}
.ap2-hero-phone-2-card-p{margin-left:auto;font-family:var(--fd);font-weight:800;font-size:12px;color:var(--t600)}
.ap2-hero-phone-2-btn{margin-top:auto;background:var(--n900);color:#fff;padding:11px;border-radius:12px;text-align:center;font-weight:700;font-size:12px;font-family:var(--fd)}

/* Phone con imagen real (cuando hay aiden_img) */
.ap2-hero-phone-img-screen{position:absolute;inset:0;width:100%;height:100%;border-radius:28px;overflow:hidden}
.ap2-hero-phone-img-screen img{width:100%;height:100%;object-fit:cover}

.ap2-hero-store-badges{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.ap2-hero-store-badge{background:#fff;border:1px solid var(--n150);border-radius:12px;padding:8px 14px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--n800);font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.ap2-hero-store-badge svg{width:16px;height:16px}

/* ═══ STATS BAR ═══ */
.ap2-stats-bar{background:var(--n900);padding:48px 0}
.ap2-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.ap2-stats-item-num{font-family:var(--fd);font-weight:800;font-size:clamp(28px,3.2vw,42px);color:#fff;letter-spacing:-.04em;margin-bottom:6px}
.ap2-stats-item-num em{font-style:normal;color:var(--t300)}
.ap2-stats-item-label{font-size:12px;color:var(--n400);font-weight:500;text-transform:uppercase;letter-spacing:.08em}

/* ═══ SCOPE · honestidad ═══ */
.ap2-scope{background:var(--n0);border-top:1px solid var(--n100);border-bottom:1px solid var(--n100)}
.ap2-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:0 auto}
.ap2-scope-col{background:var(--n50);border:1px solid var(--n150);border-radius:18px;padding:32px}
.ap2-scope-col--yes{background:linear-gradient(180deg,var(--gn50),#fff);border-color:var(--gn500)}
.ap2-scope-col--no{background:linear-gradient(180deg,#fff,var(--n25));border-color:var(--n200)}
.ap2-scope-col-h{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:800;font-size:18px;letter-spacing:-.02em;margin-bottom:20px;color:var(--n950)}
.ap2-scope-col-h-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}
.ap2-scope-col--yes .ap2-scope-col-h-ico{background:var(--gn500)}
.ap2-scope-col--no .ap2-scope-col-h-ico{background:var(--n400)}
.ap2-scope-col-h-ico svg{width:18px;height:18px}
.ap2-scope-list{display:flex;flex-direction:column;gap:10px}
.ap2-scope-item{display:flex;gap:10px;font-size:14px;line-height:1.5;color:var(--n700)}
.ap2-scope-item-ico{flex-shrink:0;width:18px;height:18px;color:var(--gn600);margin-top:2px}
.ap2-scope-col--no .ap2-scope-item-ico{color:var(--n400)}
.ap2-scope-item-ico svg{width:18px;height:18px}
.ap2-scope-item strong{color:var(--n900);font-weight:600}
.ap2-scope-disclaimer{text-align:center;font-size:13px;color:var(--n500);margin-top:32px;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.6}
.ap2-scope-disclaimer a{color:var(--t600);font-weight:600;text-decoration:underline;text-decoration-color:var(--t200);text-underline-offset:3px}
.ap2-scope-disclaimer a:hover{text-decoration-color:var(--t500)}

/* ═══ PLANS ═══ */
.ap2-plans-section{background:var(--n50)}
.ap2-plans-wrap{max-width:1080px;margin:0 auto}
.ap2-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ap2-plan{background:var(--n0);border:1px solid var(--n150);border-radius:20px;padding:32px 28px;position:relative;transition:all .25s var(--ease)}
.ap2-plan:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06)}
.ap2-plan--featured{background:linear-gradient(180deg,#0E7A67,#13967E);color:#fff;border:none;transform:scale(1.02)}
.ap2-plan--featured:hover{transform:scale(1.02) translateY(-4px)}
.ap2-plan-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--n900);color:#fff;padding:4px 14px;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ap2-plan-tag{font-family:var(--fd);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--n500);margin-bottom:6px}
.ap2-plan--featured .ap2-plan-tag{color:rgba(255,255,255,.7)}
.ap2-plan-name{font-family:var(--fd);font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--n950);margin-bottom:6px}
.ap2-plan--featured .ap2-plan-name{color:#fff}
.ap2-plan-desc{font-size:13px;color:var(--n500);margin-bottom:24px;line-height:1.5;min-height:38px}
.ap2-plan--featured .ap2-plan-desc{color:rgba(255,255,255,.85)}
.ap2-plan-price{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--n100)}
.ap2-plan--featured .ap2-plan-price{border-bottom-color:rgba(255,255,255,.18)}
.ap2-plan-price-setup{font-family:var(--fd);font-weight:800;font-size:36px;letter-spacing:-.03em;color:var(--n950);line-height:1.1}
.ap2-plan--featured .ap2-plan-price-setup{color:#fff}
.ap2-plan-price-setup small{font-size:13px;color:var(--n400);font-weight:500;font-family:var(--fb);margin-left:6px}
.ap2-plan--featured .ap2-plan-price-setup small{color:rgba(255,255,255,.7)}
.ap2-plan-price-mo{font-size:13px;color:var(--n500);margin-top:6px}
.ap2-plan--featured .ap2-plan-price-mo{color:rgba(255,255,255,.85)}
.ap2-plan-price-mo strong{font-family:var(--fd);font-weight:700;color:var(--n900)}
.ap2-plan--featured .ap2-plan-price-mo strong{color:#fff}
.ap2-plan-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.ap2-plan-feature{display:flex;gap:10px;font-size:13.5px;line-height:1.5;color:var(--n700)}
.ap2-plan--featured .ap2-plan-feature{color:rgba(255,255,255,.95)}
.ap2-plan-feature-ico{flex-shrink:0;width:16px;height:16px;color:var(--t500);margin-top:3px}
.ap2-plan--featured .ap2-plan-feature-ico{color:#A8E6D9}
.ap2-plan-feature-ico svg{width:16px;height:16px}
.ap2-plan-feature strong{color:var(--n900);font-weight:600}
.ap2-plan--featured .ap2-plan-feature strong{color:#fff}
.ap2-plan-cta{display:block;text-align:center;padding:12px 20px;border-radius:9999px;font-family:var(--fb);font-weight:600;font-size:14px;transition:all .15s var(--ease)}
.ap2-plan-cta-light{background:var(--n900);color:#fff}
.ap2-plan-cta-light:hover{background:var(--n800)}
.ap2-plan-cta-featured{background:#fff;color:var(--t600)}
.ap2-plan-cta-featured:hover{box-shadow:0 4px 14px rgba(0,0,0,.15)}

/* ═══ WIZARD ═══ */
.ap2-wizard-section{background:var(--n0);border-top:1px solid var(--n100);border-bottom:1px solid var(--n100)}
.ap2-wizard{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--n150);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.02),0 16px 48px rgba(0,0,0,.05)}
.ap2-wizard-progress{display:flex;background:var(--n50);padding:18px 24px;gap:8px;border-bottom:1px solid var(--n100)}
.ap2-wizard-step-i{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--n400);transition:color .3s}
.ap2-wizard-step-i.active{color:var(--n900)}
.ap2-wizard-step-i.done{color:var(--t600)}
.ap2-wizard-step-i-num{width:24px;height:24px;border-radius:50%;background:var(--n100);color:var(--n400);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:11px;flex-shrink:0;transition:all .3s}
.ap2-wizard-step-i.active .ap2-wizard-step-i-num{background:var(--n900);color:#fff}
.ap2-wizard-step-i.done .ap2-wizard-step-i-num{background:var(--t500);color:#fff}
.ap2-wizard-step-i-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap2-wizard-body{padding:40px;min-height:480px;position:relative}
.ap2-wizard-step{display:none;animation:ap2WzIn .35s var(--ease) both}
.ap2-wizard-step.active{display:block}
@keyframes ap2WzIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.ap2-wizard-step-h{margin-bottom:28px}
.ap2-wizard-step-h h3{font-family:var(--fd);font-weight:800;font-size:26px;color:var(--n950);letter-spacing:-.025em;margin-bottom:8px}
.ap2-wizard-step-h p{font-size:14px;color:var(--n500)}
.ap2-wz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ap2-wz-grid--2{grid-template-columns:repeat(2,1fr)}
.ap2-wz-card{background:var(--n50);border:2px solid var(--n100);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s var(--ease);text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:6px;position:relative}
.ap2-wz-card:hover{border-color:var(--t300);background:var(--t50)}
.ap2-wz-card.selected{border-color:var(--t500);background:var(--t50)}
.ap2-wz-card.selected::after{content:'';position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--t500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.ap2-wz-card-ico{width:38px;height:38px;border-radius:10px;background:var(--n0);border:1px solid var(--n150);display:flex;align-items:center;justify-content:center;color:var(--t600);margin-bottom:4px}
.ap2-wz-card-ico svg{width:18px;height:18px}
.ap2-wz-card.selected .ap2-wz-card-ico{background:var(--t500);color:#fff;border-color:var(--t500)}
.ap2-wz-card-name{font-family:var(--fd);font-weight:700;font-size:14px;color:var(--n950);letter-spacing:-.01em}
.ap2-wz-card-desc{font-size:12px;color:var(--n500);line-height:1.4}
.ap2-wz-counter{font-size:12px;color:var(--n500);margin-top:14px;display:flex;justify-content:space-between;align-items:center}
.ap2-wz-counter strong{color:var(--n900);font-family:var(--fd);font-weight:700}

.ap2-wz-result{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.ap2-wz-result-l{display:flex;justify-content:center;align-items:center}
.ap2-wz-result-r h4{font-family:var(--fd);font-weight:800;font-size:14px;color:var(--n500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.ap2-wz-result-plan{font-family:var(--fd);font-weight:800;font-size:32px;color:var(--n950);letter-spacing:-.03em;margin-bottom:8px}
.ap2-wz-result-plan em{font-style:normal;color:var(--t500)}
.ap2-wz-result-d{font-size:14px;color:var(--n600);line-height:1.55;margin-bottom:20px}
.ap2-wz-result-pricing{background:var(--n50);border:1px solid var(--n150);border-radius:14px;padding:18px;margin-bottom:20px}
.ap2-wz-result-pricing-r{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0}
.ap2-wz-result-pricing-r:first-child{padding-top:0}
.ap2-wz-result-pricing-r:last-child{padding-bottom:0}
.ap2-wz-result-pricing-r:not(:last-child){border-bottom:1px solid var(--n100)}
.ap2-wz-result-pricing-l{font-size:13px;color:var(--n600)}
.ap2-wz-result-pricing-v{font-family:var(--fd);font-weight:700;font-size:18px;color:var(--n950);letter-spacing:-.02em}
.ap2-wz-result-ctas{display:flex;gap:10px;flex-wrap:wrap}
.ap2-wz-result-platforms{font-size:12px;color:var(--n500);margin-top:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ap2-wz-result-platforms-i{padding:4px 10px;background:var(--n50);border:1px solid var(--n150);border-radius:9999px;font-size:11px;font-weight:600;color:var(--n700);display:inline-flex;align-items:center;gap:5px}
.ap2-wz-result-platforms-i svg{width:11px;height:11px}

.ap2-wizard-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;border-top:1px solid var(--n100);background:var(--n25)}
.ap2-wizard-nav-btn{padding:10px 20px;border-radius:9999px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s var(--ease)}
.ap2-wizard-nav-btn-back{color:var(--n600);background:transparent;border-color:var(--n200)}
.ap2-wizard-nav-btn-back:hover{background:var(--n100);color:var(--n900)}
.ap2-wizard-nav-btn-back:disabled{opacity:.4;cursor:not-allowed}
.ap2-wizard-nav-btn-next{background:var(--t500);color:#fff;border-color:var(--t500);display:inline-flex;align-items:center;gap:6px}
.ap2-wizard-nav-btn-next:hover{background:var(--t600);border-color:var(--t600)}
.ap2-wizard-nav-btn-next:disabled{opacity:.4;cursor:not-allowed;background:var(--n300);border-color:var(--n300)}
.ap2-wizard-nav-btn-next svg{width:14px;height:14px}

.ap2-wz-phone{width:200px;height:400px;border-radius:32px;padding:7px;background:linear-gradient(135deg,#252525,#0a0a0a);box-shadow:0 16px 40px rgba(0,0,0,.15);position:relative;flex-shrink:0}
.ap2-wz-phone-screen{width:100%;height:100%;border-radius:25px;overflow:hidden;position:relative;background:#fff;display:flex;flex-direction:column}
.ap2-wz-phone-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:75px;height:20px;background:#0a0a0a;border-radius:0 0 12px 12px;z-index:5}
.ap2-wz-phone-content{padding:38px 14px 14px;height:100%;display:flex;flex-direction:column}
.ap2-wz-phone-h{font-family:var(--fd);font-weight:800;font-size:16px;color:var(--n950);margin-bottom:2px;letter-spacing:-.02em}
.ap2-wz-phone-s{font-size:10px;color:var(--n400);margin-bottom:14px}
.ap2-wz-phone-feature{padding:8px 10px;background:var(--n50);border:1px solid var(--n100);border-radius:9px;font-size:10px;font-weight:600;color:var(--n800);display:flex;align-items:center;gap:6px;margin-bottom:6px;animation:ap2WzFIn .4s var(--ease) both}
.ap2-wz-phone-feature:nth-child(2){animation-delay:.05s}
.ap2-wz-phone-feature:nth-child(3){animation-delay:.1s}
.ap2-wz-phone-feature:nth-child(4){animation-delay:.15s}
.ap2-wz-phone-feature:nth-child(5){animation-delay:.2s}
.ap2-wz-phone-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--t500);flex-shrink:0}
@keyframes ap2WzFIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
.ap2-wz-phone-cta{margin-top:auto;background:var(--t500);color:#fff;padding:10px;border-radius:10px;text-align:center;font-weight:700;font-size:11px;font-family:var(--fd)}

/* ═══ SHOWCASE técnico (dashboard + phones) ═══ */
.ap2-techshow{background:var(--n50)}
.ap2-techshow-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;max-width:1180px;margin:0 auto}
.ap2-techshow-frame{border-radius:20px;overflow:hidden;background:var(--n100);position:relative;box-shadow:0 1px 2px rgba(0,0,0,.02),0 16px 48px rgba(0,0,0,.06);transition:all .35s var(--ease)}
.ap2-techshow-frame:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(0,0,0,.02),0 24px 64px rgba(0,0,0,.1)}
.ap2-techshow-frame--main{aspect-ratio:16/10}
.ap2-techshow-frame--side{aspect-ratio:4/5}
.ap2-techshow-frame img{width:100%;height:100%;object-fit:cover}

/* ═══ TEMPLATES SHOWCASE ═══ */
.ap2-templates-section{background:var(--n0);border-top:1px solid var(--n100);border-bottom:1px solid var(--n100)}
.ap2-templates-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1180px;margin:0 auto}
.ap2-template{background:var(--n50);border:1px solid var(--n150);border-radius:18px;padding:18px 14px;text-align:center;transition:all .25s var(--ease)}
.ap2-template:hover{transform:translateY(-3px);border-color:var(--t300);box-shadow:0 8px 24px rgba(0,0,0,.06);background:#fff}
.ap2-template-phone{width:84px;height:158px;border-radius:14px;padding:3px;margin:0 auto 14px;background:linear-gradient(135deg,#252525,#0a0a0a);box-shadow:0 8px 16px rgba(0,0,0,.1);position:relative}
.ap2-template-phone-screen{width:100%;height:100%;border-radius:11px;overflow:hidden;position:relative}
.ap2-template-phone-screen img{width:100%;height:100%;object-fit:cover}
.ap2-template-phone-notch{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:30px;height:8px;background:#0a0a0a;border-radius:0 0 5px 5px;z-index:5}
.ap2-template-phone-1 .ap2-template-phone-screen{background:linear-gradient(180deg,var(--am500),var(--or500))}
.ap2-template-phone-2 .ap2-template-phone-screen{background:linear-gradient(180deg,var(--pu500),var(--bl500))}
.ap2-template-phone-3 .ap2-template-phone-screen{background:linear-gradient(180deg,var(--gn500),var(--t500))}
.ap2-template-phone-4 .ap2-template-phone-screen{background:linear-gradient(180deg,var(--ro500),var(--am500))}
.ap2-template-phone-5 .ap2-template-phone-screen{background:linear-gradient(180deg,var(--bl500),var(--t500))}
.ap2-template-phone-content{position:relative;z-index:1;padding:18px 8px 8px;color:#fff;height:100%;display:flex;flex-direction:column;gap:4px}
.ap2-template-phone-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.ap2-template-phone-icon svg{width:16px;height:16px;color:#fff}
.ap2-template-phone-h{font-family:var(--fd);font-weight:800;font-size:10px;letter-spacing:-.01em;line-height:1.1}
.ap2-template-phone-l{height:5px;background:rgba(255,255,255,.35);border-radius:3px;margin-top:auto}
.ap2-template-phone-l:nth-last-child(2){width:60%;margin-bottom:3px;margin-top:6px}
.ap2-template-phone-l:last-child{width:40%}
.ap2-template-name{font-family:var(--fd);font-weight:700;font-size:14px;color:var(--n950);margin-bottom:3px;letter-spacing:-.01em}
.ap2-template-d{font-size:11.5px;color:var(--n500);line-height:1.4}

/* ═══ TIMELINE ═══ */
.ap2-how{background:var(--n50)}
.ap2-timeline{max-width:780px;margin:0 auto;position:relative;padding:0 0 0 60px}
.ap2-timeline::before{content:'';position:absolute;left:24px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--t300),var(--t100));border-radius:2px}
.ap2-timeline-step{position:relative;padding:0 0 36px;opacity:0;transform:translateY(20px);transition:all .5s var(--ease)}
.ap2-timeline-step.visible{opacity:1;transform:translateY(0)}
.ap2-timeline-step:last-child{padding-bottom:0}
.ap2-timeline-num{position:absolute;left:-60px;top:0;width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--t300);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:18px;color:var(--t600);z-index:1;transition:all .4s var(--ease)}
.ap2-timeline-step.visible .ap2-timeline-num{background:var(--t500);color:#fff;border-color:var(--t500)}
.ap2-timeline-step-h{font-family:var(--fd);font-weight:700;font-size:18px;color:var(--n950);margin-bottom:6px;letter-spacing:-.015em;display:flex;align-items:center;gap:10px}
.ap2-timeline-step-h-days{font-size:11px;font-weight:600;color:var(--t600);background:var(--t50);padding:3px 8px;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--fd)}
.ap2-timeline-step-d{font-size:14.5px;color:var(--n600);line-height:1.6}

/* ═══ FEATURES ═══ */
.ap2-features-section{background:var(--n0);border-top:1px solid var(--n100);border-bottom:1px solid var(--n100)}
.ap2-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 40px;max-width:1080px;margin:0 auto}
.ap2-feature{display:flex;flex-direction:column;align-items:flex-start}
.ap2-feature-icon{width:44px;height:44px;border-radius:12px;background:var(--n50);border:1px solid var(--n150);display:flex;align-items:center;justify-content:center;color:var(--t600);margin-bottom:16px}
.ap2-feature-icon svg{width:20px;height:20px;stroke-width:2}
.ap2-feature-name{font-family:var(--fd);font-weight:700;font-size:16px;color:var(--n950);margin-bottom:8px;letter-spacing:-.005em}
.ap2-feature-d{font-size:14px;color:var(--n600);line-height:1.55}

/* ═══ CASO de uso · showcase final ═══ */
.ap2-case{background:var(--n50)}
.ap2-case-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;max-width:1180px;margin:0 auto}
.ap2-case-frame{border-radius:20px;overflow:hidden;background:var(--n100);position:relative;box-shadow:0 1px 2px rgba(0,0,0,.02),0 16px 48px rgba(0,0,0,.06);transition:all .35s var(--ease)}
.ap2-case-frame:hover{transform:translateY(-3px)}
.ap2-case-frame--main{aspect-ratio:16/10}
.ap2-case-frame--side{aspect-ratio:4/5}
.ap2-case-frame img{width:100%;height:100%;object-fit:cover}

/* ═══ FAQ ═══ */
.ap2-faq-section{background:var(--n0);border-top:1px solid var(--n100);border-bottom:1px solid var(--n100)}
.ap2-faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.ap2-faq-item{background:var(--n50);border:1px solid var(--n150);border-radius:14px;overflow:hidden;transition:all .25s var(--ease)}
.ap2-faq-item.open{border-color:var(--t300);box-shadow:0 2px 8px rgba(19,150,126,.06),0 8px 24px rgba(0,0,0,.04);background:#fff}
.ap2-faq-q{width:100%;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--fd);font-weight:700;font-size:15px;color:var(--n950);letter-spacing:-.005em}
.ap2-faq-q:hover{color:var(--t600)}
.ap2-faq-plus{position:relative;width:18px;height:18px;flex-shrink:0;transition:transform .3s var(--ease)}
.ap2-faq-plus::before,.ap2-faq-plus::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:1.8px;background:currentColor;transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.ap2-faq-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.ap2-faq-item.open .ap2-faq-plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.ap2-faq-a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.ap2-faq-item.open .ap2-faq-a-wrap{grid-template-rows:1fr}
.ap2-faq-a{overflow:hidden;padding:0 22px;font-size:14.5px;line-height:1.65;color:var(--n600)}
.ap2-faq-item.open .ap2-faq-a{padding:0 22px 18px}

/* ═══ CTA SECTION ═══ */
.ap2-cta-section{background:var(--t500);padding:96px 24px;text-align:center;position:relative;overflow:hidden}
.ap2-cta-orb{position:absolute;border-radius:50%;pointer-events:none}
.ap2-cta-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent);top:-200px;left:-100px}
.ap2-cta-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(0,0,0,.1),transparent);bottom:-150px;right:-80px}
.ap2-cta-section h2{font-family:var(--fd);font-weight:800;font-size:clamp(34px,4vw,48px);color:#fff;letter-spacing:-.04em;margin-bottom:14px;line-height:1.1;position:relative;z-index:1}
.ap2-cta-section h2 em{font-style:normal;background:linear-gradient(135deg,#A8E6D9,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap2-cta-section p{font-size:17px;color:rgba(255,255,255,.85);margin-bottom:32px;max-width:540px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.ap2-cta-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}

/* ═══ Reveal animations ═══ */
.ap2-rv{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .55s var(--ease)}
.ap2-rv.visible{opacity:1;transform:translateY(0)}

/* ═══ Placeholder de imagen (mismo del showcase de la página About) ═══ */
.aiden-page-apps-moviles .ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--n400);background:linear-gradient(135deg,var(--n50),var(--n100))}
.aiden-page-apps-moviles .ph--teal{background:linear-gradient(135deg,#E8F5F1,#B8DDD2)}
.aiden-page-apps-moviles .ph--purple{background:linear-gradient(135deg,#F0EAFB,#D4C2F0)}
.aiden-page-apps-moviles .ph--amber{background:linear-gradient(135deg,#FAF5EB,#F2E5C7)}
.aiden-page-apps-moviles .ph-ico{width:48px;height:48px;background:rgba(0,0,0,.04);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--n500)}
.aiden-page-apps-moviles .ph-ico svg{width:22px;height:22px}
.aiden-page-apps-moviles .ph-txt{font-size:13px;font-weight:600;color:var(--n500);text-align:center;line-height:1.45;letter-spacing:.01em}

/* ═══ RESPONSIVE ═══ */
@media (max-width:920px){
  .ap2-hero-grid{grid-template-columns:1fr;gap:40px}
  .ap2-hero{padding:48px 0 56px}
  .ap2-hero-phones{height:420px;transform:scale(.85)}
  .ap2-stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .ap2-scope-grid{grid-template-columns:1fr}
  .ap2-plans-grid{grid-template-columns:1fr;gap:16px}
  .ap2-plan--featured{transform:none}
  .ap2-plan--featured:hover{transform:translateY(-4px)}
  .ap2-templates-grid{grid-template-columns:repeat(2,1fr)}
  .ap2-features-grid{grid-template-columns:1fr}
  .ap2-techshow-grid,.ap2-case-grid{grid-template-columns:1fr}
  .aiden-page-apps-moviles section{padding:64px 0}
  .ap2-timeline{padding-left:54px}
  .ap2-timeline::before{left:20px}
  .ap2-timeline-num{left:-54px;width:42px;height:42px;font-size:15px}
  .ap2-wizard-body{padding:24px;min-height:auto}
  .ap2-wizard-nav{padding:14px 20px}
  .ap2-wz-grid{grid-template-columns:repeat(2,1fr)}
  .ap2-wz-result{grid-template-columns:1fr;gap:24px}
  .ap2-wz-phone{width:170px;height:340px}
  .ap2-wizard-step-i-label{display:none}
}