/* DVYER API · Tienda v6 */
:root {
  --store-bg: #070b12;
  --store-bg-soft: #0a101a;
  --store-panel: #0d1420;
  --store-panel-2: #101925;
  --store-panel-3: #141f2e;
  --store-line: rgba(148, 163, 184, 0.16);
  --store-line-strong: rgba(148, 163, 184, 0.28);
  --store-text: #eef5ff;
  --store-muted: #8fa0b8;
  --store-muted-2: #66768c;
  --store-accent: #3b82f6;
  --store-accent-strong: #2563eb;
  --store-accent-soft: rgba(59, 130, 246, 0.14);
  --store-cyan: #22d3ee;
  --store-violet: #8b5cf6;
  --store-green: #34d399;
  --store-amber: #fbbf24;
  --store-red: #fb7185;
  --store-sidebar-width: 248px;
  --store-appbar-height: 72px;
  --store-radius: 14px;
  --store-radius-lg: 20px;
  --store-shadow: 0 22px 60px rgba(0, 0, 0, 0.30);
  --store-font: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --store-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}
.yape-name-field{display:grid;gap:7px;margin-top:14px}.yape-name-field span{color:var(--store-muted);font-size:10px;font-weight:700}.yape-name-field input{width:100%;min-height:43px;padding:0 13px;color:var(--store-text);border:1px solid var(--store-line);border-radius:10px;background:var(--store-panel);font:600 11px var(--store-sans)}.yape-name-field input:focus{outline:2px solid rgba(59,130,246,.28);border-color:#3b82f6}.yape-order-result{display:grid;gap:8px}.yape-order-result>span{color:var(--store-muted-2);font-size:9px;font-weight:800;text-transform:uppercase}.yape-order-result>strong{color:#22c55e;font-size:32px;letter-spacing:-.05em}.yape-order-result p,.yape-order-result small{margin:0;color:var(--store-muted);font-size:11px;line-height:1.55}.yape-order-result b{color:var(--store-text)}

body.store-page[data-theme="light"] {
  --store-bg: #f4f7fb;
  --store-bg-soft: #edf2f8;
  --store-panel: #ffffff;
  --store-panel-2: #f8fafc;
  --store-panel-3: #edf3f9;
  --store-line: rgba(15, 23, 42, 0.10);
  --store-line-strong: rgba(15, 23, 42, 0.18);
  --store-text: #102033;
  --store-muted: #52657d;
  --store-muted-2: #7a899c;
  --store-accent-soft: rgba(37, 99, 235, 0.09);
  --store-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--store-appbar-height) + 22px); }
html, body { margin: 0; padding: 0; max-width: 100%; }
body.store-page {
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--store-text);
  background: radial-gradient(circle at 78% 3%, rgba(37, 99, 235, 0.09), transparent 31rem), var(--store-bg);
  font-family: var(--store-font);
  font-size: 14px;
  line-height: 1.55;
}
body.store-page.menu-open { overflow: hidden; }
body.store-page a { color: inherit; }
body.store-page button, body.store-page input { font: inherit; }
img { max-width: 100%; display: block; }
h1, h2, h3, p, small { margin: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 9999; transform: translateY(-160%); padding: 10px 14px; color: #fff; border-radius: 8px; background: var(--store-accent-strong); text-decoration: none; transition: transform .18s ease; }
.skip-link:focus { transform: translateY(0); }
.scroll-progress { position: fixed; top: 0; left: 0; z-index: 1000; width: 0; height: 2px; background: linear-gradient(90deg, var(--store-accent), var(--store-cyan)); box-shadow: 0 0 12px rgba(59,130,246,.7); }

.store-shell { min-height: 100vh; display: grid; grid-template-columns: var(--store-sidebar-width) minmax(0,1fr); }
.store-sidebar { position: sticky; top: 0; z-index: 60; height: 100vh; display: flex; flex-direction: column; padding: 20px 16px; overflow-y: auto; border-right: 1px solid var(--store-line); background: rgba(7,11,18,.96); backdrop-filter: blur(18px); }
body.store-page[data-theme="light"] .store-sidebar { background: rgba(255,255,255,.96); }
.sidebar-brand { min-height: 48px; display: flex; align-items: center; gap: 11px; padding: 5px 8px; text-decoration: none; }
.brand-symbol { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(59,130,246,.36); border-radius: 11px; background: linear-gradient(145deg, rgba(59,130,246,.18), rgba(34,211,238,.06)); box-shadow: inset 0 0 18px rgba(59,130,246,.08); }
.brand-symbol img { width: 32px; height: 32px; object-fit: contain; }
.brand-copy { display: grid; }
.brand-copy strong { font-size: 15px; font-weight: 800; letter-spacing: .08em; }
.brand-copy small { color: var(--store-muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.sidebar-status { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 18px 5px 20px; padding: 9px 10px; border: 1px solid var(--store-line); border-radius: 10px; background: var(--store-panel); }
.status-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; }
.status-badge.is-online { color: var(--store-green); }
.status-badge.is-offline { color: var(--store-red); }
.status-badge i, .eyebrow i, .online-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(52,211,153,.10); }
.sidebar-status small { color: var(--store-muted-2); font-size: 10px; }
.sidebar-nav { display: grid; gap: 4px; margin-bottom: 20px; }
.sidebar-nav p { margin: 0 8px 7px; color: var(--store-muted-2); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.sidebar-nav a { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 8px 10px; color: var(--store-muted); border: 1px solid transparent; border-radius: 9px; text-decoration: none; font-size: 12px; font-weight: 600; transition: .18s ease; }
.sidebar-nav a:hover { color: var(--store-text); background: var(--store-panel); border-color: var(--store-line); }
.sidebar-nav a[aria-current="page"] { color: #dbeafe; border-color: rgba(59,130,246,.24); background: linear-gradient(90deg, rgba(59,130,246,.18), rgba(59,130,246,.06)); box-shadow: inset 3px 0 0 var(--store-accent); }
body.store-page[data-theme="light"] .sidebar-nav a[aria-current="page"] { color: #1e40af; }
.sidebar-nav svg { width: 16px; height: 16px; flex: 0 0 auto; }
.sidebar-sections a { min-height: 34px; font-size: 11px; }
.nav-dot { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; }
.dot-blue { background: var(--store-accent); }.dot-cyan { background: var(--store-cyan); }.dot-violet { background: var(--store-violet); }.dot-amber { background: var(--store-amber); }
.sidebar-help { margin-top: auto; display: grid; gap: 8px; padding: 14px; border: 1px solid rgba(59,130,246,.22); border-radius: 12px; background: linear-gradient(145deg, rgba(59,130,246,.12), rgba(139,92,246,.05)); }
.sidebar-help > span { font-size: 11px; font-weight: 800; }
.sidebar-help p { color: var(--store-muted); font-size: 10px; line-height: 1.5; }
.sidebar-help a { color: #93c5fd; font-size: 10px; font-weight: 800; text-decoration: none; }
.sidebar-backdrop { display: none; }

.store-stage { min-width: 0; }
.store-appbar { position: sticky; top: 0; z-index: 45; min-height: var(--store-appbar-height); display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 34px; border-bottom: 1px solid var(--store-line); background: rgba(7,11,18,.82); backdrop-filter: blur(18px); }
body.store-page[data-theme="light"] .store-appbar { background: rgba(244,247,251,.86); }
.appbar-left, .appbar-actions { display: flex; align-items: center; gap: 14px; }
.breadcrumb { display: flex; align-items: center; gap: 9px; color: var(--store-muted-2); font-size: 12px; }
.breadcrumb i { opacity: .6; font-style: normal; }.breadcrumb strong { color: var(--store-text); }
.icon-button { width: 38px; height: 38px; display: inline-grid; place-items: center; padding: 0; color: var(--store-muted); border: 1px solid var(--store-line); border-radius: 9px; background: var(--store-panel); cursor: pointer; transition: .18s ease; }
.icon-button:hover { color: var(--store-text); border-color: var(--store-line-strong); }.icon-button svg { width: 17px; height: 17px; }
.menu-toggle, .mobile-brand { display: none; }.theme-icon-sun { display: none; }body.store-page[data-theme="light"] .theme-icon-moon { display: none; }body.store-page[data-theme="light"] .theme-icon-sun { display: block; }
.appbar-link { color: var(--store-muted); text-decoration: none; font-size: 12px; font-weight: 700; }.appbar-link:hover { color: var(--store-text); }
.account-button { min-height: 38px; display: inline-flex; align-items: center; padding: 0 15px; color: #fff; border-radius: 9px; background: var(--store-accent-strong); text-decoration: none; font-size: 12px; font-weight: 800; }
.account-plan { color: var(--store-muted); font-size: 11px; }.account-plan strong { color: var(--store-text); }

.store-content { width: min(1320px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 120px; }
.store-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(420px,.96fr); gap: 52px; align-items: center; min-height: 520px; padding: 48px; overflow: hidden; border: 1px solid var(--store-line); border-radius: 24px; background: linear-gradient(135deg, rgba(59,130,246,.10), rgba(13,20,32,.72) 42%, rgba(139,92,246,.08)); box-shadow: var(--store-shadow); }
body.store-page[data-theme="light"] .store-hero { background: linear-gradient(135deg, rgba(59,130,246,.08), rgba(255,255,255,.95) 45%, rgba(139,92,246,.05)); }
.store-hero::before { content:""; position:absolute; width:340px; height:340px; right:35%; top:-210px; border-radius:50%; background:rgba(34,211,238,.10); filter:blur(10px); pointer-events:none; }
.hero-copy { position: relative; z-index: 1; display: grid; gap: 22px; }
.eyebrow { width: fit-content; display: inline-flex; align-items: center; gap: 9px; padding: 7px 11px; color: #93c5fd; border: 1px solid rgba(59,130,246,.28); border-radius: 999px; background: rgba(59,130,246,.09); font-size: 10px; font-weight: 800; letter-spacing: .10em; text-transform: uppercase; }
.eyebrow i { color: var(--store-green); }
.hero-copy h1 { max-width: 780px; font-size: clamp(2.4rem, 4.8vw, 4.75rem); line-height: 1.01; letter-spacing: -.065em; }
.hero-copy h1 span { color: #77a8ff; }
body.store-page[data-theme="light"] .hero-copy h1 span { color: #2563eb; }
.hero-copy > p { max-width: 650px; color: var(--store-muted); font-size: 15px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; text-decoration: none; font-size: 12px; font-weight: 800; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease; }
.button:hover { transform: translateY(-1px); }.button svg { width: 16px; height: 16px; }
.button-primary { color: #fff; border-color: #3b82f6; background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 10px 24px rgba(37,99,235,.20); }
.button-primary:hover { background: linear-gradient(135deg, #4c8df7, #2f6be0); }
.button-secondary { color: var(--store-text); border-color: var(--store-line); background: var(--store-panel); }
.button-secondary:hover { border-color: var(--store-line-strong); background: var(--store-panel-2); }
.hero-trust { display: flex; flex-wrap: wrap; gap: 18px; color: var(--store-muted); font-size: 10px; font-weight: 700; }.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }.online-dot { color: var(--store-green); }
.hero-visual { position: relative; min-width: 0; }
.hero-image-frame { position: relative; aspect-ratio: 1/1; overflow: hidden; border: 1px solid rgba(148,163,184,.22); border-radius: 22px; background: var(--store-panel); box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.hero-image-frame > img { width: 100%; height: 100%; object-fit: cover; }
.image-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,7,18,.08), rgba(3,7,18,.16) 44%, rgba(3,7,18,.92)); }
.visual-topline { position: absolute; top: 18px; left: 18px; right: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; color: #eaf2ff; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(7,11,18,.62); backdrop-filter: blur(12px); font-size: 10px; }.visual-topline span { display:flex; align-items:center; gap:7px; }.visual-topline span i { width:7px; height:7px; border-radius:50%; background:var(--store-green); box-shadow:0 0 0 4px rgba(52,211,153,.11); }.visual-topline strong { font-family:var(--store-mono); font-size:10px; }
.visual-offer { position: absolute; left: 24px; right: 24px; bottom: 24px; display: grid; gap: 4px; color: #fff; }.visual-offer small { color:#93c5fd; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.visual-offer strong { font-size:38px; letter-spacing:-.05em; }.visual-offer span { color:#c8d5e9; font-size:11px; }
.floating-proof { position:absolute; z-index:2; min-width:120px; display:grid; gap:1px; padding:12px 14px; border:1px solid rgba(148,163,184,.22); border-radius:12px; background:rgba(13,20,32,.88); box-shadow:0 18px 40px rgba(0,0,0,.25); backdrop-filter:blur(16px); }.floating-proof span,.floating-proof small{color:#9aaac0;font-size:9px}.floating-proof strong{font-size:20px;letter-spacing:-.04em}.proof-one{left:-28px;bottom:58px}.proof-two{right:-28px;top:82px}
body.store-page[data-theme="light"] .floating-proof { background:rgba(255,255,255,.90); }

.store-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px; }
.store-metrics article { min-height:84px; display:flex; align-items:center; gap:13px; padding:15px; border:1px solid var(--store-line); border-radius:14px; background:var(--store-panel); }
.metric-icon { min-width:42px; height:42px; display:grid; place-items:center; padding:0 8px; border-radius:11px; font-family:var(--store-mono); font-size:11px; font-weight:700; }.metric-icon.blue{color:#93c5fd;background:rgba(59,130,246,.12)}.metric-icon.cyan{color:#67e8f9;background:rgba(34,211,238,.11)}.metric-icon.violet{color:#c4b5fd;background:rgba(139,92,246,.11)}.metric-icon.green{color:#6ee7b7;background:rgba(52,211,153,.11)}
.store-metrics div { display:grid; gap:2px; }.store-metrics small { color:var(--store-muted-2); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.store-metrics strong { font-size:12px; }

.plan-advisor { display:grid; grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr); gap:28px; align-items:center; margin-top:56px; padding:26px; border:1px solid var(--store-line); border-radius:18px; background:var(--store-panel); }
.section-kicker { display:block; margin-bottom:7px; color:#79a9ff; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.plan-advisor h2,.section-heading h2,.faq-intro h2,.store-cta h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.045em}.plan-advisor p,.section-heading p,.faq-intro p,.store-cta p{margin-top:8px;color:var(--store-muted);font-size:12px;line-height:1.65}
.advisor-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.advisor-options button { min-height:68px; display:grid; gap:3px; text-align:left; padding:12px; color:var(--store-muted); border:1px solid var(--store-line); border-radius:11px; background:var(--store-panel-2); cursor:pointer; transition:.18s ease; }.advisor-options button:hover,.advisor-options button.is-active{color:var(--store-text);border-color:rgba(59,130,246,.42);background:var(--store-accent-soft);box-shadow:inset 0 0 0 1px rgba(59,130,246,.08)}.advisor-options span{font-size:11px;font-weight:800}.advisor-options small{color:var(--store-muted-2);font-size:9px}

.plans-section,.comparison-section,.process-section,.faq-section { margin-top:72px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }.section-heading > div:first-child{max-width:650px}.cycle-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;color:var(--store-muted);border:1px solid var(--store-line);border-radius:999px;background:var(--store-panel);font-size:10px;font-weight:700}.cycle-chip i{width:7px;height:7px;border-radius:50%;background:var(--store-green)}
.plans-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.plan-card { position:relative; min-width:0; overflow:hidden; border:1px solid var(--store-line); border-radius:20px; background:var(--store-panel); box-shadow:0 14px 40px rgba(0,0,0,.10); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.plan-card:hover { transform:translateY(-3px); border-color:var(--store-line-strong); box-shadow:0 22px 50px rgba(0,0,0,.18); }.plan-card.is-selected{border-color:rgba(59,130,246,.62);box-shadow:0 0 0 2px rgba(59,130,246,.11),0 22px 55px rgba(10,47,110,.20)}
.recommended-ribbon { position:absolute; z-index:5; top:17px; right:-37px; width:144px; padding:6px 0; color:#fff; background:linear-gradient(90deg,#7c3aed,#4f46e5); text-align:center; font-size:8px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; transform:rotate(40deg); box-shadow:0 8px 18px rgba(79,70,229,.25); }
.plan-media { position:relative; height:220px; overflow:hidden; border-bottom:1px solid var(--store-line); background:var(--store-bg-soft); }.plan-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,11,18,.62))}.plan-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.plan-card:hover .plan-media img{transform:scale(1.035)}
.plan-tag,.current-plan-badge{position:absolute;z-index:2;left:14px;bottom:14px;display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,11,18,.72);backdrop-filter:blur(10px);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.plan-tag.free{color:#6ee7b7}.plan-tag.lite{color:#67e8f9}.plan-tag.plus{color:#c4b5fd}.plan-tag.pro{color:#fcd34d}.current-plan-badge{left:auto;right:14px;color:#dbeafe;border-color:rgba(59,130,246,.38);background:rgba(37,99,235,.78)}
.plan-body{display:grid;gap:17px;padding:22px}.plan-title-row{display:flex;align-items:start;justify-content:space-between;gap:18px}.plan-title-row > div:first-child{display:grid;gap:2px}.plan-title-row small{color:var(--store-muted-2);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.plan-title-row h3{font-size:28px;line-height:1.05;letter-spacing:-.05em}.plan-price{text-align:right}.plan-price strong{display:block;font-size:24px;line-height:1;letter-spacing:-.05em}.plan-price span{display:block;margin-top:5px;color:var(--store-muted-2);font-size:9px}.plan-body > p{min-height:44px;color:var(--store-muted);font-size:11px;line-height:1.65}
.plan-capacity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-capacity span{display:grid;gap:4px;padding:11px;border:1px solid var(--store-line);border-radius:10px;background:var(--store-panel-2)}.plan-capacity small{color:var(--store-muted-2);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.plan-capacity strong{font-family:var(--store-mono);font-size:12px}
.plan-body ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.plan-body li{position:relative;padding-left:20px;color:var(--store-muted);font-size:10px}.plan-body li::before{content:"✓";position:absolute;left:0;color:var(--store-green);font-weight:900}.plan-actions{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(150px,1.3fr);gap:8px}.plan-actions .button{width:100%}

.comparison-table-wrap{overflow-x:auto;border:1px solid var(--store-line);border-radius:18px;background:var(--store-panel)}.comparison-table{width:100%;min-width:780px;border-collapse:collapse;text-align:center}.comparison-table th,.comparison-table td{padding:15px 14px;border-right:1px solid var(--store-line);border-bottom:1px solid var(--store-line);font-size:10px}.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}.comparison-table thead th{color:var(--store-text);background:var(--store-panel-2);font-size:11px}.comparison-table thead th:first-child,.comparison-table tbody th{text-align:left}.comparison-table tbody th{color:var(--store-muted);font-weight:700}.comparison-table tbody td{color:var(--store-muted)}.comparison-table .is-highlighted{background:rgba(59,130,246,.075)}.comparison-table thead .is-highlighted{color:#93c5fd}.comparison-table thead span{display:block;margin-top:3px;color:var(--store-accent);font-size:7px;letter-spacing:.08em;text-transform:uppercase}.comparison-actions button{min-width:78px;min-height:32px;color:var(--store-text);border:1px solid var(--store-line);border-radius:8px;background:var(--store-panel-2);font-size:9px;font-weight:800;cursor:pointer}.comparison-actions .is-highlighted button{color:#fff;border-color:var(--store-accent);background:var(--store-accent-strong)}

.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.process-grid article{position:relative;min-height:210px;padding:22px;border:1px solid var(--store-line);border-radius:16px;background:var(--store-panel)}.process-grid article > span{position:absolute;top:16px;right:18px;color:var(--store-muted-2);font-family:var(--store-mono);font-size:10px}.process-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:26px;border-radius:11px}.process-icon svg{width:19px;height:19px}.process-icon.blue{color:#93c5fd;background:rgba(59,130,246,.12)}.process-icon.violet{color:#c4b5fd;background:rgba(139,92,246,.12)}.process-icon.green{color:#6ee7b7;background:rgba(52,211,153,.12)}.process-grid h3{margin-bottom:8px;font-size:14px}.process-grid p{color:var(--store-muted);font-size:10px;line-height:1.65}

.faq-section{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:48px;align-items:start}.faq-intro{position:sticky;top:calc(var(--store-appbar-height) + 28px)}.faq-intro a{display:inline-flex;margin-top:18px;color:#93c5fd;font-size:10px;font-weight:800;text-decoration:none}.faq-list{display:grid;border-top:1px solid var(--store-line)}.faq-list details{border-bottom:1px solid var(--store-line)}.faq-list summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 4px;cursor:pointer;list-style:none;font-size:12px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{position:relative;width:18px;height:18px;flex:0 0 auto}.faq-list summary span::before,.faq-list summary span::after{content:"";position:absolute;left:3px;right:3px;top:8px;height:1px;background:var(--store-muted)}.faq-list summary span::after{transform:rotate(90deg);transition:transform .18s ease}.faq-list details[open] summary span::after{transform:rotate(0)}.faq-list details p{padding:0 42px 20px 4px;color:var(--store-muted);font-size:11px;line-height:1.75}

.store-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:72px;padding:34px;border:1px solid rgba(59,130,246,.26);border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,.13),rgba(139,92,246,.07));}.store-cta > div:first-child{max-width:690px}.store-cta > div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.store-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px;padding:18px 2px 0;color:var(--store-muted-2);border-top:1px solid var(--store-line);font-size:9px}.store-footer div{display:flex;flex-wrap:wrap;gap:18px}.store-footer a{text-decoration:none}.store-footer a:hover{color:var(--store-text)}

.purchase-dock{position:fixed;z-index:80;left:calc(var(--store-sidebar-width) + 28px);right:28px;bottom:22px;min-height:78px;display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(95px,.36fr)) minmax(190px,.7fr);align-items:center;gap:16px;padding:12px 14px 12px 18px;border:1px solid rgba(59,130,246,.34);border-radius:16px;background:rgba(10,16,26,.92);box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px);transition:transform .25s ease,opacity .25s ease}.purchase-dock.is-hidden{transform:translateY(calc(100% + 35px));opacity:0;pointer-events:none}body.store-page[data-theme="light"] .purchase-dock{background:rgba(255,255,255,.94)}.dock-close{position:absolute;top:-10px;right:-8px;width:25px;height:25px;display:grid;place-items:center;padding:0;color:var(--store-muted);border:1px solid var(--store-line);border-radius:50%;background:var(--store-panel);cursor:pointer}.dock-plan{display:flex;align-items:center;gap:11px}.dock-plan > span{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,#3b82f6,#7c3aed);font-size:14px;font-weight:900}.dock-plan div,.dock-spec,.dock-price{display:grid;gap:2px}.dock-plan small,.dock-spec small,.dock-price small{color:var(--store-muted-2);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.dock-plan strong{font-size:13px}.dock-spec strong{font-family:var(--store-mono);font-size:10px}.dock-price strong{font-size:17px;letter-spacing:-.04em}.purchase-dock .button{width:100%}
.store-toast{position:fixed;z-index:100;right:24px;top:88px;max-width:330px;padding:11px 14px;color:#eaf2ff;border:1px solid rgba(59,130,246,.34);border-radius:10px;background:rgba(13,20,32,.94);box-shadow:0 18px 44px rgba(0,0,0,.30);font-size:10px;font-weight:700;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s ease}.store-toast.is-visible{opacity:1;transform:translateY(0)}

:focus-visible{outline:2px solid var(--store-cyan);outline-offset:3px}
@media (max-width:1180px){.store-content{width:min(100% - 42px,1120px)}.store-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:34px;padding:38px}.store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-one{left:-12px}.proof-two{right:-12px}.advisor-options{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-dock{grid-template-columns:minmax(160px,1fr) repeat(2,minmax(80px,.35fr)) minmax(170px,.65fr)}.dock-spec:nth-of-type(3){display:none}}
@media (max-width:920px){:root{--store-appbar-height:64px}.store-shell{display:block}.store-sidebar{position:fixed;left:0;top:0;z-index:90;width:min(300px,86vw);height:100dvh;transform:translateX(-104%);box-shadow:22px 0 55px rgba(0,0,0,.38);transition:transform .24s ease}.store-sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:85;display:block;border:0;background:rgba(2,6,16,.62);opacity:0;visibility:hidden;transition:.2s ease}.sidebar-backdrop.is-visible{opacity:1;visibility:visible}.store-appbar{padding:0 20px}.menu-toggle,.mobile-brand{display:inline-flex}.mobile-brand{align-items:center;gap:8px;text-decoration:none}.mobile-brand img{width:28px;height:28px}.mobile-brand strong{font-size:12px}.breadcrumb{display:none}.appbar-link,.account-plan{display:none}.store-content{width:min(100% - 32px,850px);padding-top:28px}.store-hero{grid-template-columns:1fr;padding:30px;min-height:0}.hero-copy h1{font-size:clamp(2.45rem,9vw,4rem)}.hero-visual{width:min(100%,560px);margin:0 auto}.plan-advisor{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)}.plan-media{height:100%;min-height:360px;border-right:1px solid var(--store-line);border-bottom:0}.faq-section{grid-template-columns:1fr;gap:22px}.faq-intro{position:static}.store-cta{align-items:flex-start;flex-direction:column}.store-cta > div:last-child{justify-content:flex-start}.purchase-dock{left:16px;right:16px;bottom:14px;grid-template-columns:minmax(140px,1fr) minmax(150px,.7fr)}.dock-spec,.dock-price{display:none}.purchase-dock .button{min-height:42px}}
@media (max-width:680px){.store-appbar{padding:0 14px}.appbar-actions{gap:8px}.account-button{padding:0 11px}.store-content{width:min(100% - 22px,620px);padding-bottom:112px}.store-hero{padding:24px 20px;border-radius:18px}.hero-copy{gap:18px}.hero-copy h1{font-size:clamp(2.15rem,12vw,3.45rem)}.hero-copy > p{font-size:13px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-trust{gap:10px}.hero-visual{margin-top:5px}.floating-proof{display:none}.visual-offer strong{font-size:31px}.store-metrics{grid-template-columns:1fr 1fr}.store-metrics article{min-height:74px;padding:11px}.metric-icon{min-width:36px;height:36px}.plan-advisor{margin-top:42px;padding:20px}.advisor-options{grid-template-columns:1fr 1fr}.plans-section,.comparison-section,.process-section,.faq-section{margin-top:52px}.section-heading{align-items:flex-start;flex-direction:column}.plans-grid{gap:13px}.plan-card{display:block}.plan-media{height:205px;min-height:0;border-right:0;border-bottom:1px solid var(--store-line)}.plan-body{padding:18px;gap:15px}.plan-body > p{min-height:0}.plan-title-row h3{font-size:25px}.plan-price strong{font-size:21px}.plan-actions{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:168px}.faq-list summary{font-size:11px}.store-cta{padding:25px 20px}.store-cta > div:last-child{display:grid;width:100%}.store-footer{align-items:flex-start;flex-direction:column}.purchase-dock{padding:10px;gap:9px;border-radius:13px}.dock-plan > span{width:36px;height:36px}.dock-plan small{display:none}.dock-plan strong{font-size:11px}.purchase-dock .button{padding:0 10px;font-size:10px}.dock-close{display:none}.store-toast{left:16px;right:16px;top:75px;max-width:none}.comparison-table th,.comparison-table td{padding:13px 10px}}
@media (max-width:430px){.mobile-brand strong{display:none}.store-metrics{grid-template-columns:1fr}.advisor-options{grid-template-columns:1fr}.plan-capacity{grid-template-columns:1fr 1fr}.hero-image-frame{border-radius:16px}.visual-topline{top:12px;left:12px;right:12px}.visual-offer{left:17px;right:17px;bottom:17px}.purchase-dock{grid-template-columns:minmax(90px,.8fr) minmax(150px,1.2fr)}}

/* Store v8: rendimiento y pagos */
.rate-showcase{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rate-showcase span{display:grid;gap:3px;padding:11px;border:1px solid rgba(59,130,246,.2);border-radius:10px;background:var(--store-accent-soft)}.rate-showcase small{color:var(--store-muted-2);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.rate-showcase strong{color:var(--store-cyan);font:700 11px var(--store-mono)}
.payment-visual-banner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:28px;margin:24px 0 18px;padding:30px;border:1px solid rgba(59,130,246,.3);border-radius:22px;background:radial-gradient(circle at 92% 15%,rgba(32,217,164,.18),transparent 34%),linear-gradient(135deg,rgba(37,99,235,.16),rgba(124,58,237,.08));box-shadow:var(--store-shadow)}.payment-visual-banner span{color:var(--store-cyan);font:800 9px var(--store-mono);letter-spacing:.12em;text-transform:uppercase}.payment-visual-banner strong{display:block;margin:9px 0;font-size:clamp(20px,2.6vw,34px);line-height:1.15;letter-spacing:-.04em}.payment-visual-banner p{max-width:650px;color:var(--store-muted);font-size:11px;line-height:1.7}.payment-logo-stack{display:flex;align-items:center;justify-content:flex-end}.payment-logo-stack img{width:66px;height:66px;margin-left:-10px;padding:8px;object-fit:contain;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#fff;box-shadow:0 16px 36px rgba(0,0,0,.3);transition:transform .2s ease}.payment-logo-stack img:hover{z-index:2;transform:translateY(-7px) rotate(-2deg)}.payment-methods-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.payment-methods-grid-five .payment-method-card{min-height:215px}.payment-method-informative{background:linear-gradient(155deg,var(--store-panel),rgba(32,217,164,.07))}.payment-method-informative .method-status{color:var(--store-cyan)}
@media(max-width:1180px){.payment-methods-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.payment-visual-banner{grid-template-columns:1fr;padding:22px}.payment-logo-stack{justify-content:flex-start}.payment-logo-stack img{width:54px;height:54px}.payment-methods-grid-five{grid-template-columns:1fr 1fr}}@media(max-width:480px){.payment-methods-grid-five{grid-template-columns:1fr}.payment-logo-stack img{width:46px;height:46px;border-radius:13px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Tienda v7 · tres planes, carrusel y checkout */
.store-hero-v7 { background:
  radial-gradient(circle at 16% 10%, rgba(37,99,235,.20), transparent 34%),
  radial-gradient(circle at 86% 84%, rgba(139,92,246,.16), transparent 35%),
  var(--store-panel); }

.product-showcase,.payments-section { margin-top:64px; }
.product-carousel { position:relative; min-height:350px; overflow:hidden; border:1px solid var(--store-line); border-radius:var(--store-radius-lg); background:var(--store-panel); box-shadow:var(--store-shadow); }
.product-slide { position:absolute; inset:0; display:grid; grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr); align-items:stretch; opacity:0; visibility:hidden; transform:translateX(24px); transition:opacity .35s ease,transform .35s ease,visibility .35s; }
.product-slide.is-active { position:relative; opacity:1; visibility:visible; transform:none; }
.product-slide > img { width:100%; height:350px; object-fit:cover; }
.product-slide > div { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:13px; padding:42px; background:linear-gradient(145deg,var(--store-panel),var(--store-panel-2)); }
.product-slide span { color:var(--store-cyan); font-family:var(--store-mono); font-size:9px; font-weight:700; letter-spacing:.14em; }
.product-slide h3 { font-size:clamp(2.4rem,5vw,4.4rem); line-height:.9; letter-spacing:-.07em; }
.product-slide p { max-width:480px; color:var(--store-muted); font-size:13px; line-height:1.7; }
.product-slide button { min-height:42px; padding:0 18px; color:#fff; border:0; border-radius:9px; background:linear-gradient(135deg,var(--store-accent),var(--store-violet)); font:700 10px var(--store-font); cursor:pointer; }
.carousel-controls { display:flex; gap:8px; }
.carousel-controls button { width:39px; height:39px; border:1px solid var(--store-line); border-radius:10px; color:var(--store-text); background:var(--store-panel); cursor:pointer; }
.carousel-dots { display:flex; justify-content:center; gap:7px; margin-top:14px; }
.carousel-dots button { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:var(--store-line-strong); cursor:pointer; transition:.2s ease; }
.carousel-dots button.is-active { width:27px; background:var(--store-accent); }

.plans-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.plan-card-ultra { border-color:rgba(168,85,247,.40); background:linear-gradient(155deg,var(--store-panel),rgba(88,28,135,.13)); }
.plan-card-ultra.is-selected { border-color:rgba(168,85,247,.72); box-shadow:0 0 0 2px rgba(168,85,247,.13),0 22px 55px rgba(73,26,120,.22); }
.ultra-ribbon,.recommended-ribbon { position:absolute; z-index:5; top:12px; right:12px; padding:7px 10px; border-radius:999px; color:#fff; background:linear-gradient(135deg,#7c3aed,#c026d3); font-size:7px; font-weight:900; letter-spacing:.11em; }
.recommended-ribbon { background:linear-gradient(135deg,#2563eb,#06b6d4); }
.plan-tag.ultra { color:#e9d5ff; }
.button-ultra { background:linear-gradient(135deg,#7c3aed,#c026d3)!important; }

.payment-methods-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.payment-method-card { position:relative; display:grid; gap:13px; min-height:190px; padding:22px; border:1px solid var(--store-line); border-radius:15px; background:var(--store-panel); box-shadow:0 18px 42px rgba(0,0,0,.13); }
.payment-method-card.is-unavailable { opacity:.52; }
.payment-brand { display:flex; align-items:center; gap:12px; }
.payment-brand img { width:45px; height:45px; border-radius:12px; box-shadow:0 8px 18px rgba(0,0,0,.18); }
.payment-brand strong { font-size:15px; }
.method-status { justify-self:start; padding:5px 8px; border:1px solid rgba(52,211,153,.26); border-radius:999px; color:var(--store-green); background:rgba(52,211,153,.07); font-size:8px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.payment-method-card.is-unavailable .method-status { color:var(--store-amber); border-color:rgba(251,191,36,.25); background:rgba(251,191,36,.07); }
.payment-method-card p { color:var(--store-muted); font-size:10px; line-height:1.65; }

.checkout-open { overflow:hidden; }
.checkout-modal { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:20px; }
.checkout-modal[hidden] { display:none; }
.checkout-backdrop { position:absolute; inset:0; border:0; background:rgba(2,6,16,.76); backdrop-filter:blur(8px); }
.checkout-dialog { position:relative; width:min(660px,100%); max-height:calc(100dvh - 40px); overflow:auto; border:1px solid var(--store-line-strong); border-radius:20px; background:var(--store-panel); box-shadow:0 30px 100px rgba(0,0,0,.48); }
.checkout-header { display:flex; align-items:center; justify-content:space-between; padding:22px 24px; border-bottom:1px solid var(--store-line); }
.checkout-header span { color:var(--store-cyan); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.checkout-header h2 { margin-top:3px; font-size:23px; }
.checkout-header > button { width:34px; height:34px; border:1px solid var(--store-line); border-radius:10px; color:var(--store-text); background:var(--store-panel-2); cursor:pointer; }
.checkout-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:16px 24px; border-bottom:1px solid var(--store-line); }
.checkout-summary div { display:grid; gap:4px; padding:11px; border:1px solid var(--store-line); border-radius:10px; background:var(--store-panel-2); }
.checkout-summary small { color:var(--store-muted-2); font-size:8px; font-weight:800; text-transform:uppercase; }
.checkout-summary strong { font-family:var(--store-mono); font-size:11px; }
.checkout-methods { display:grid; gap:8px; padding:20px 24px 10px; }
.checkout-methods > button { display:grid; grid-template-columns:42px 1fr 17px; align-items:center; gap:12px; width:100%; padding:10px 12px; text-align:left; color:var(--store-text); border:1px solid var(--store-line); border-radius:12px; background:var(--store-panel-2); cursor:pointer; }
.checkout-methods > button:hover,.checkout-methods > button.is-selected { border-color:rgba(59,130,246,.58); background:var(--store-accent-soft); }
.checkout-methods > button:disabled { opacity:.38; cursor:not-allowed; }
.checkout-methods img { width:38px; height:38px; border-radius:10px; }
.checkout-methods span { display:grid; gap:3px; }
.checkout-methods strong { font-size:11px; }
.checkout-methods small { color:var(--store-muted); font-size:8px; }
.checkout-methods i { width:14px; height:14px; border:2px solid var(--store-line-strong); border-radius:50%; }
.checkout-methods button.is-selected i { border:4px solid var(--store-accent); }
.checkout-method-detail { margin:8px 24px 0; min-height:80px; padding:15px; border:1px dashed var(--store-line-strong); border-radius:12px; color:var(--store-muted); background:var(--store-bg-soft); font-size:10px; line-height:1.6; }
.method-detail-row,.manual-payment-detail { display:flex; align-items:center; gap:14px; }
.method-detail-row img,.manual-payment-detail > img { width:84px; height:84px; object-fit:contain; border-radius:12px; background:#fff; }
.method-detail-row strong,.manual-payment-detail strong { display:block; margin-bottom:5px; color:var(--store-text); font-size:11px; }
.copy-field { display:flex; align-items:center; gap:8px; margin-top:9px; }
.copy-field code { min-width:0; overflow-wrap:anywhere; color:var(--store-cyan); font-size:9px; }
.copy-field button { padding:6px 8px; color:var(--store-text); border:1px solid var(--store-line); border-radius:7px; background:var(--store-panel); font-size:8px; cursor:pointer; }
.checkout-feedback { min-height:18px; margin:10px 24px 0; color:var(--store-muted); font-size:9px; }
.checkout-feedback[data-type="error"] { color:var(--store-red); }
.checkout-feedback[data-type="info"] { color:var(--store-cyan); }
.checkout-footer { display:flex; justify-content:flex-end; gap:8px; padding:18px 24px 24px; }

@media (max-width:1120px) {
  .plans-grid-three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan-card-ultra { grid-column:1 / -1; display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); }
  .plan-card-ultra .plan-media { min-height:380px; height:100%; border-right:1px solid var(--store-line); border-bottom:0; }
}
@media (max-width:820px) {
  .product-slide { grid-template-columns:1fr; }
  .product-slide > img { height:260px; }
  .product-slide > div { padding:28px; }
  .payment-methods-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .plans-grid-three { grid-template-columns:1fr; }
  .plan-card-ultra { grid-column:auto; display:block; }
  .plan-card-ultra .plan-media { height:205px; min-height:0; border-right:0; border-bottom:1px solid var(--store-line); }
  .product-slide > img { height:220px; }
  .product-slide > div { padding:22px; }
  .checkout-modal { padding:8px; }
  .checkout-dialog { max-height:calc(100dvh - 16px); border-radius:15px; }
  .checkout-summary { grid-template-columns:1fr 1fr; padding:12px 14px; }
  .checkout-summary div:last-child { grid-column:1 / -1; }
  .checkout-header,.checkout-methods,.checkout-footer { padding-left:14px; padding-right:14px; }
  .checkout-method-detail,.checkout-feedback { margin-left:14px; margin-right:14px; }
  .checkout-footer .button { flex:1; }
}

/* New Comparison Grid */
.payment-comparison-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 16px;
}
.payment-comparison-column {
  background: var(--store-panel);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 24px;
  padding: 28px;
  box-shadow: var(--store-shadow);
}
.automatic-column {
  background: linear-gradient(155deg, var(--store-panel), rgba(32,217,164,0.04));
  border-color: rgba(32,217,164,0.15);
}
.manual-column {
  background: linear-gradient(155deg, var(--store-panel), rgba(124,58,237,0.04));
}
.column-header {
  margin-bottom: 24px;
}
.column-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
}
.badge-auto {
  background: rgba(32,217,164,0.15);
  color: var(--store-cyan);
}
.badge-manual {
  background: rgba(124,58,237,0.15);
  color: #a78bfa;
}
.column-header h3 {
  font-size: 20px;
  margin: 0 0 8px;
  color: var(--store-text);
  letter-spacing: -0.02em;
}
.column-header p {
  font-size: 13px;
  color: var(--store-muted);
  margin: 0;
  line-height: 1.6;
}
.payment-methods-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.payment-comparison-column .payment-method-card {
  min-height: auto;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.15);
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.payment-comparison-column .payment-method-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,255,255,0.15);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
@media(max-width: 900px) {
  .payment-comparison-wrapper {
    grid-template-columns: 1fr;
  }
}