:root{--bg-page: #070A12;--bg-card: #0F1626;--bg-card-hover: #151F35;--bg-glass: rgba(15, 22, 38, .85);--border-subtle: rgba(255, 255, 255, .09);--border-highlight: rgba(255, 255, 255, .2);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--color-a: #38BDF8;--color-a-glow: rgba(56, 189, 248, .22);--gradient-a: linear-gradient(135deg, #0284C7 0%, #38BDF8 100%);--color-b: #A78BFA;--color-b-glow: rgba(167, 139, 250, .22);--gradient-b: linear-gradient(135deg, #6366F1 0%, #A78BFA 100%);--winner-emerald: #10B981;--winner-glow: rgba(16, 185, 129, .25);--cta-gold-start: #F59E0B;--cta-gold-end: #EA580C;--cta-gradient: linear-gradient(135deg, var(--cta-gold-start) 0%, var(--cta-gold-end) 100%);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius-xl: 20px;--radius-lg: 14px;--radius-pill: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);background-image:radial-gradient(at 15% 5%,var(--color-a-glow),transparent 40%),radial-gradient(at 85% 5%,var(--color-b-glow),transparent 40%);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}.num-tabular{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.container{max-width:1120px;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--border-subtle);background:#070a12d9;backdrop-filter:blur(12px);padding:1rem 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width:640px){.header-inner{flex-wrap:wrap;row-gap:.6rem}.header-inner>nav{width:100%;flex-wrap:wrap;justify-content:space-between;row-gap:.35rem}.header-inner>nav a{font-size:.82rem;white-space:nowrap}.brand-logo>span{white-space:nowrap}.brand-logo .brand-badge{font-size:.62rem;padding:.12rem .45rem;white-space:normal;line-height:1.25}}@media(max-width:300px){.brand-logo .brand-badge{display:none}}.brand-logo{font-weight:900;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.brand-badge{font-size:.76rem;padding:.18rem .55rem;border-radius:var(--radius-pill);background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:var(--color-a);font-weight:700}.hero-verdict-pill{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem;margin-top:.65rem;padding:.45rem 1.1rem;border-radius:var(--radius-pill);background:#10b98124;border:1px solid rgba(16,185,129,.45);color:#34d399;font-size:.95rem}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:0 20px 40px -15px #0009;transition:transform .2s ease,border-color .2s ease}.bento-card.is-winner{border-color:#10b98173;box-shadow:0 0 35px -5px var(--winner-glow)}.product-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle)}.product-stage.stage-a{background:radial-gradient(circle at 50% 38%,var(--color-a-glow) 0%,rgba(15,22,38,.95) 70%)}.product-stage.stage-b{background:radial-gradient(circle at 50% 38%,var(--color-b-glow) 0%,rgba(15,22,38,.95) 70%)}.stage-top-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:6.75rem;margin-bottom:.5rem}.stage-img-box{display:flex;align-items:center;justify-content:center;height:220px;width:100%}.product-img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.65));transition:transform .35s cubic-bezier(.22,1,.36,1)}.product-stage:hover .product-img{transform:scale(1.05) translateY(-4px)}.stage-tagline{font-size:.88rem;color:var(--text-secondary);text-align:center;margin:.65rem 0;min-height:2.7em}.stage-footer{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:center}.hero-arena-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch;margin:1.25rem 0 .85rem}.vs-orb{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:#0b1120;border:2px solid var(--border-highlight);box-shadow:0 0 25px #000000d9;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem;letter-spacing:.04em}.score-ring-wrap{position:relative;width:78px;height:78px;display:inline-flex;align-items:center;justify-content:center}.score-ring-svg{transform:rotate(-90deg);width:78px;height:78px}.score-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:6}.score-ring-fg{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .55s cubic-bezier(.22,1,.36,1)}.score-ring-value{position:absolute;font-size:1.4rem;font-weight:800}.value-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:var(--radius-pill);background:#f59e0b24;border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:.8rem;font-weight:700}.price-giant{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:.35rem 0 .15rem}.price-prefix{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-right:.25rem}.price-meta{font-size:.8rem;color:var(--text-secondary);margin-bottom:.7rem}.affiliate-notice{font-size:.84rem;color:var(--text-secondary);text-align:center;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.55rem 1rem;margin-bottom:1.5rem}.methodology-callout{font-size:.86rem;color:var(--text-secondary);background:#38bdf80f;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-lg);padding:.75rem 1rem;margin-bottom:1.15rem;line-height:1.55}.btn-affiliate{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.95rem 1.4rem;border-radius:var(--radius-lg);background:var(--cta-gradient);color:#fff;font-weight:800;font-size:1.02rem;text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px -5px #ea580c80;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;cursor:pointer}.btn-affiliate:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ea580cb3;filter:brightness(1.08)}.btn-affiliate:active{transform:translateY(0)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d399b3;animation:pulse-green 2s infinite;flex-shrink:0}@keyframes pulse-green{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.advantage-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:var(--radius-pill);background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:.84rem;font-weight:700}.two-col-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.25rem;margin-bottom:1.75rem}.simulator-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.sim-pill{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.6rem 1.05rem;border-radius:var(--radius-pill);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .18s ease}.sim-pill:hover,.sim-pill.is-active{background:#38bdf829;border-color:var(--color-a);color:var(--text-primary)}.versus-metric-row{padding:1.25rem 0;border-bottom:1px solid var(--border-subtle)}.versus-metric-row:last-child{border-bottom:none}.tug-track{width:100%;height:12px;background:#ffffff12;border-radius:var(--radius-pill);overflow:hidden;margin:.4rem 0}.tug-fill{height:100%;border-radius:var(--radius-pill);transition:width .6s cubic-bezier(.22,1,.36,1)}.tug-fill.win-a{background:var(--gradient-a)}.tug-fill.win-b{background:var(--gradient-b)}.tug-fill.loser{background:#ffffff2e}.sticky-battle-bar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-highlight);transform:translateY(-100%);transition:transform .25s ease;padding:.55rem 0}.sticky-battle-bar.is-visible{transform:translateY(0)}.sticky-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.sticky-scores,.sticky-actions{display:flex;align-items:center;gap:.55rem}.sticky-name{font-weight:800;font-size:.9rem}.sticky-btn{width:auto;padding:.45rem .85rem;font-size:.84rem}.sticky-btn-short{display:none}.verdict-summary-card{margin-bottom:1.25rem;border-color:var(--border-highlight)}.verdict-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;padding-top:.85rem;border-top:1px solid var(--border-subtle)}.verdict-kpi-item{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:10px;padding:.5rem .7rem;display:flex;flex-direction:column;font-size:.88rem}.verdict-kpi-label{font-size:.76rem;color:var(--text-secondary);text-transform:uppercase}.use-case-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.use-case-list li{display:flex;gap:.45rem}.use-case-check{color:var(--winner-emerald);font-weight:900}.diff-table-wrap{margin-top:1rem;overflow-x:auto}.diff-table{width:100%;border-collapse:collapse;font-size:.9rem}.diff-table th,.diff-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border-subtle);text-align:left}.diff-table th{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary)}@media(max-width:640px){.diff-table{font-size:.84rem}.diff-table th,.diff-table td{padding:.55rem .4rem;overflow-wrap:anywhere;hyphens:auto}.diff-table th{font-size:.72rem}.diff-table .diff-prop-name{flex-wrap:wrap;gap:.3rem}}.diff-prop-name,.identical-drawer summary,.related-duel-link{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.diff-delta-badge{font-size:.74rem;padding:.12rem .45rem;border-radius:var(--radius-pill);background:#10b98124;color:#34d399;font-weight:700;white-space:nowrap}.diff-cell-win-a{color:var(--color-a);font-weight:800}.diff-cell-win-b{color:var(--color-b);font-weight:800}.identical-drawer{margin-top:1rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.7rem .95rem}.identical-drawer summary{cursor:pointer;font-weight:700;font-size:.88rem;color:var(--text-secondary);list-style:none}.identical-drawer summary::-webkit-details-marker{display:none}.identical-summary-hint{color:var(--color-a);font-size:.82rem;white-space:nowrap}.related-comparisons{margin-top:1.75rem}.related-links-list{display:flex;flex-direction:column;gap:.5rem}.related-duel-link{padding:.65rem .85rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:12px;text-decoration:none}.related-duel-link:hover,.sheet-pill:hover{border-color:var(--color-a);background:var(--bg-card-hover)}.vs-arrow{font-weight:800;font-size:.85rem;white-space:nowrap;flex-shrink:0}.related-product-sheets{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:.85rem;border-top:1px solid var(--border-subtle)}.sheet-pill{font-size:.85rem;font-weight:700;padding:.45rem .85rem;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--border-subtle);text-decoration:none}@media(max-width:640px){.hero-arena-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero-arena-grid>.stage-a{order:1}.hero-arena-grid>.vs-orb{order:2;position:relative;top:auto;left:auto;transform:none;justify-self:center;margin:-.6rem 0}.hero-arena-grid>.stage-b{order:3}.stage-top-row{flex-wrap:wrap;min-height:0}.stage-top-row>div:first-child{flex:1 1 100%;min-width:0}.stage-top-row>div:last-child{flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:.75rem!important}.stage-img-box{height:145px}.product-img{width:135px;height:135px}.price-giant{font-size:1.35rem}.btn-affiliate{font-size:.88rem;padding:.75rem .85rem}.sticky-scores{display:none}.sticky-actions{width:100%;justify-content:space-between}.sticky-btn{flex:1;padding:.5rem .55rem;font-size:.8rem}.sticky-btn-full{display:none}.sticky-btn-short{display:inline}}@media(prefers-reduced-motion:reduce){*,.product-img,.btn-affiliate,.sticky-battle-bar,.tug-fill,.score-ring-fg{transition:none!important;animation:none!important}}.precio-aviso{font-size:.8rem;color:#fbbf24;margin-top:.2rem}.migas ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0 0 1.1rem;font-size:.84rem;color:var(--text-muted)}.migas li+li:before{content:"›";margin-right:.35rem}.migas a{color:var(--text-secondary);text-decoration:none}.migas [aria-current=page]{overflow-wrap:anywhere}.legal h1{font-size:1.8rem;font-weight:900;margin-bottom:1rem}.legal h2{font-size:1.15rem;font-weight:800;margin:1.5rem 0 .5rem}.legal p,.legal li{color:var(--text-secondary);line-height:1.6}.legal p+p{margin-top:.6rem}.legal ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}.legal a{color:var(--color-a);overflow-wrap:anywhere}.btn-affiliate:has(.etiqueta-afiliado){flex-wrap:wrap;row-gap:.15rem}.etiqueta-afiliado{flex-basis:100%;text-align:center;font-size:.68rem;font-weight:600;letter-spacing:.02em;opacity:.85}
