:root{--bg:#f7f8fb;--surface:#fff;--surface2:#f0f3f8;--ink:#0f172a;--muted:#667085;--line:#e5e7eb;--blue:#2563eb;--blue2:#1d4ed8;--green:#059669;--greenbg:#ecfdf5;--amber:#b45309;--amberbg:#fff7ed;--red:#dc2626;--shadow:0 18px 55px rgba(15,23,42,.08);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.82)}.nav-wrap{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font:700 20px "Space Grotesk",sans-serif;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:22px;height:22px}.brand-mark span{display:block;width:5px;border-radius:5px;background:var(--blue)}.brand-mark span:nth-child(1){height:9px;opacity:.6}.brand-mark span:nth-child(2){height:15px;opacity:.8}.brand-mark span:nth-child(3){height:22px}.nav-links{display:flex;gap:22px;margin-left:12px}.nav-links a{color:#475467;text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--ink)}.ghost-btn{margin-left:auto;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:12px;font:600 13px inherit;color:#344054;cursor:pointer}.hero{padding:72px 0 52px;background:radial-gradient(circle at 75% 20%,#dbeafe 0,rgba(219,234,254,.65) 16%,transparent 40%),linear-gradient(180deg,#fff 0,#f7f8fb 100%)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#475467;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.eyebrow.small{font-size:10px;color:#64748b}.pulse{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(44px,6vw,76px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em;max-width:820px;margin:16px 0 18px}h1 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:680px;color:var(--muted);font-size:18px;line-height:1.65}.searchbar{display:flex;max-width:720px;align-items:center;background:#fff;border:1px solid #dfe4ec;border-radius:16px;padding:6px 6px 6px 16px;box-shadow:0 15px 40px rgba(37,99,235,.08);margin-top:28px}.search-icon{font-size:25px;line-height:1;color:#98a2b3;margin-right:10px}.searchbar input{flex:1;border:0;outline:0;font:500 15px inherit;color:var(--ink);background:transparent}.searchbar button,.primary{border:0;background:var(--blue);color:#fff;border-radius:12px;padding:12px 20px;font:700 14px inherit;cursor:pointer}.searchbar button:hover,.primary:hover{background:var(--blue2)}.quick-searches{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;color:#98a2b3;font-size:12px}.quick-searches button{border:0;background:transparent;color:#475467;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.hero-stat-card{background:#111827;color:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-stat-card:before{content:"";position:absolute;inset:-40px auto auto 60%;width:180px;height:180px;background:rgba(37,99,235,.5);filter:blur(65px);border-radius:50%}.mini-label{color:#94a3b8;font-size:10px;letter-spacing:.14em;font-weight:700}.stat-price{font:700 52px/1 "Space Grotesk",sans-serif;letter-spacing:-.05em;margin-top:12px}.stat-title{color:#cbd5e1;margin-top:6px}.stat-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.good-chip{display:inline-flex;padding:6px 10px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.24);color:#6ee7b7;border-radius:999px;font-size:12px;font-weight:700}.stat-row strong{font:700 22px "Space Grotesk",sans-serif;color:#6ee7b7}.mini-chart{height:82px;margin:24px -4px 12px;display:flex;align-items:flex-end;gap:6px}.mini-chart span{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#60a5fa,#2563eb);min-height:8px;opacity:.95}.stat-foot{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;display:flex;justify-content:space-between;color:#94a3b8;font-size:12px}.stat-foot b{color:#fff}
.section{padding:78px 0}.soft{background:#eef3f9}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-head.center{justify-content:center;text-align:center}.section-head h2{font:700 42px/1 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin:10px 0}.section-head p{color:var(--muted);margin-bottom:0;max-width:640px}.view-tools{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{border:1px solid var(--line);background:#fff;color:#667085;border-radius:999px;padding:9px 13px;font:600 12px inherit;cursor:pointer}.filter-pill.active{color:var(--blue);border-color:#bfdbfe;background:#eff6ff}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid rgba(229,231,235,.95);border-radius:20px;padding:16px;box-shadow:0 8px 28px rgba(15,23,42,.04);display:flex;flex-direction:column;min-height:320px}.product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.art{height:128px;border-radius:15px;background:linear-gradient(145deg,#eef2ff,#f8fafc);display:grid;place-items:center;font-size:54px;margin-bottom:14px}.status-chip{font-size:10px;font-weight:700;padding:6px 8px;border-radius:999px}.status-chip.green{background:var(--greenbg);color:var(--green)}.status-chip.blue{background:#eff6ff;color:var(--blue)}.status-chip.amber{background:var(--amberbg);color:var(--amber)}.product-card h3{font-size:16px;line-height:1.35;margin:0 0 8px}.seller{font-size:11px;color:#98a2b3;margin-bottom:15px}.price-line{display:flex;align-items:baseline;gap:8px}.current-price{font:700 25px "Space Grotesk",sans-serif}.old-price{text-decoration:line-through;color:#98a2b3;font-size:12px}.drop{color:var(--green);font-size:12px;font-weight:700}.product-meta{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#667085;font-size:11px}.product-meta b{color:#344054}.btn-link{border:0;background:transparent;color:var(--blue);font:700 12px inherit;cursor:pointer;padding:0}
.analysis-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:20px}.analysis-card,.decision-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.analysis-card{padding:24px}.decision-card{padding:24px}.card-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;color:#98a2b3}.product-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px}.big-art{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;background:#eff6ff;font-size:28px}.product-summary h3{margin-bottom:5px;font-size:17px}.product-summary p{margin-bottom:0;color:#98a2b3;font-size:11px}.summary-price{text-align:right}.summary-price small{display:block;color:#98a2b3;font-size:9px;letter-spacing:.1em}.summary-price strong{display:block;font:700 30px "Space Grotesk",sans-serif;margin-top:3px}.summary-price span{color:var(--green);font-size:11px;font-weight:700}.legend{display:flex;gap:18px;color:#667085;font-size:11px;margin:22px 0 8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.now{background:var(--blue)}.dot.avg{background:#f59e0b}.chart-wrap{background:#f8fafc;border:1px solid #edf0f5;border-radius:16px;padding:10px 10px 0}.chart-wrap svg{width:100%;height:auto}.chart-wrap text{font:11px "DM Sans",sans-serif;fill:#98a2b3}.gridlines line{stroke:#e5e7eb;stroke-width:1}.avg-line{fill:none;stroke:#f59e0b;stroke-width:2;stroke-dasharray:7 6}.price-line{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round}.last-dot{fill:#fff;stroke:#2563eb;stroke-width:4}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.metric-row div{padding:11px 12px;background:#f8fafc;border-radius:12px}.metric-row span{display:block;font-size:10px;color:#98a2b3}.metric-row b{display:block;font-size:14px;margin-top:3px}.metric-row b.blue{color:var(--blue)}.decision-card h3{font:700 25px "Space Grotesk",sans-serif;margin:8px 0 17px}.signal-box{display:flex;gap:12px;padding:15px;border-radius:16px;margin-bottom:18px}.signal-box.positive{background:var(--greenbg);border:1px solid #d1fae5}.signal-icon{width:32px;height:32px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--green);font-weight:800}.signal-box strong{font-size:14px}.signal-box p{font-size:11px;color:#667085;line-height:1.5;margin:4px 0 0}.compare-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}.compare-list div{display:flex;justify-content:space-between;padding:11px 0;font-size:12px}.compare-list span{color:#667085}.note{color:#667085;font-size:11px;line-height:1.6;margin:16px 0}.wide{width:100%}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.steps article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.steps span{font:700 14px "Space Grotesk",sans-serif;color:var(--blue)}.steps h3{font-size:16px;margin:10px 0 8px}.steps p{color:#667085;font-size:12px;line-height:1.6;margin-bottom:0}.footer{padding:30px 0 48px;border-top:1px solid var(--line);background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:end}.footer-brand{font-size:18px}.footer p{color:#98a2b3;font-size:11px;margin:8px 0 0}.status{display:flex;align-items:center;gap:8px;color:#667085;font-size:11px}.status i{width:7px;height:7px;border-radius:50%;background:#10b981}.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#111827;color:#fff;padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.hero-grid,.analysis-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav-links{display:none}.nav-wrap{height:64px}.hero{padding-top:48px}.hero-grid{gap:30px}.section{padding:56px 0}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:34px}.products-grid,.metric-row,.steps{grid-template-columns:1fr}.product-summary{grid-template-columns:auto 1fr}.summary-price{grid-column:1/-1;text-align:left}.footer-inner{align-items:flex-start;flex-direction:column}.searchbar{border-radius:14px}.searchbar button{padding:11px 15px}}

.catalog-head{align-items:flex-end}.catalog-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sort-wrap{display:flex;gap:7px;align-items:center;color:#667085;font-size:11px}.sort-wrap select{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 30px 9px 12px;color:#344054;font:600 12px inherit;outline:0}.category-bar{display:flex;gap:8px;overflow:auto;padding:2px 2px 10px;margin-bottom:2px;scrollbar-width:thin}.category-pill{border:1px solid var(--line);background:#fff;color:#475467;border-radius:999px;padding:9px 13px;font:600 12px inherit;cursor:pointer;white-space:nowrap}.category-pill:hover{border-color:#bfdbfe;background:#f8fbff;color:var(--blue)}.category-pill.active{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 5px 15px rgba(37,99,235,.16)}.catalog-meta{display:flex;justify-content:space-between;gap:12px;color:#98a2b3;font-size:11px;margin:10px 0 16px}.catalog-meta>span:last-child{display:flex;align-items:center;gap:6px}.photo-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981}.photo-art{display:block;overflow:hidden;position:relative}.photo-art img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.photo-art.broken:after{content:'Imagen no disponible';display:grid;place-items:center;height:100%;color:#98a2b3;font-size:11px}.category-mini{font-size:10px;color:#98a2b3;font-weight:700;letter-spacing:.02em}.status-chip.gray{background:#f2f4f7;color:#667085}.card-actions{display:flex;gap:10px;align-items:center}.card-actions a{white-space:nowrap}.catalog-more{display:flex;justify-content:center;padding-top:28px}.catalog-more .primary{padding:12px 22px}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #d0d5dd;border-radius:20px;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#667085}.empty-state strong{color:#344054}.skeleton-card{background:#fff;border:1px solid rgba(229,231,235,.95);border-radius:20px;padding:16px;min-height:320px;overflow:hidden}.skeleton-img,.skeleton-line{background:linear-gradient(90deg,#f0f2f5 25%,#e7ebf0 37%,#f0f2f5 63%);background-size:400% 100%;animation:shimmer 1.35s ease infinite;border-radius:12px}.skeleton-img{height:128px;margin-bottom:16px}.skeleton-line{height:12px;margin-bottom:12px}.skeleton-line.short{width:45%}.skeleton-line.price{width:32%;height:26px;margin-top:18px}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.big-art img{width:100%;height:100%;object-fit:contain}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hero-badges span{font-size:11px;font-weight:600;color:#475467;background:#fff;border:1px solid #e6eaf0;border-radius:999px;padding:7px 10px}.btn-link{white-space:nowrap}
@media(max-width:980px){.catalog-head{align-items:flex-start}.catalog-tools{justify-content:flex-start}.catalog-meta{flex-direction:column}}
@media(max-width:700px){.catalog-tools{width:100%}.sort-wrap{width:100%;justify-content:space-between}.sort-wrap select{flex:1}.category-bar{margin-right:-2px}.catalog-meta{font-size:10px}.card-actions{flex-direction:column;align-items:flex-end;gap:4px}.product-meta{align-items:flex-end}}