.comparativa-page{--bw-ink-950:#070708;--bw-ink-900:#0d0d10;--bw-ink-850:#141418;--bw-ink-800:#1a1a20;--bw-ink-700:#24242c;--bw-ink-600:#2f2f38;--bw-ink-300:#9aa0ac;--bw-ink-200:#c4c8d0;--bw-ink-100:#e6e8ec;--cp-bg:#f5f6f8;--cp-bg2:#fff;--cp-panel:#ffffffb3;--cp-panel-2:#ffffffe6;--cp-border:#0d0d101a;--cp-border-2:#0d0d102e;--cp-text:var(--bw-ink-900);--cp-muted:#5a6172;--cp-accent:#f5d000;--cp-accent-hover:#ffe02e;--cp-accent-weak:#f5d00029;--cp-accent2:#e30613;--cp-accent2-hover:#ff1a28;--cp-accent2-weak:#e306132e;--cp-ok:#30d158;--cp-warn:#ffb020;--cp-no:#ff453a;--cp-b2b:#0a84ff;--cp-plus:#e30613;--cp-bc:#f5d000;--cp-app:#9aa0ac;--cp-font-display:"Space Grotesk", "Inter Tight", system-ui, sans-serif;--cp-font-sans:"Inter Tight", "Space Grotesk", system-ui, sans-serif;background:radial-gradient(900px 600px at 10% -10%, #f5d00038, transparent 60%), radial-gradient(900px 700px at 110% 10%, #e306131f, transparent 60%), radial-gradient(700px 500px at 50% 110%, #f5d0001a, transparent 60%), var(--cp-bg);color:var(--cp-text);font-family:var(--cp-font-sans);-webkit-font-smoothing:antialiased;line-height:1.55}.comparativa-page *{box-sizing:border-box}.comparativa-page .hero{text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.comparativa-page .hero:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#f5f6f866 100%),repeating-linear-gradient(45deg,#0d0d1006 0 2px,#0000 2px 20px);position:absolute;inset:0}.comparativa-page .hero h1{font-family:var(--cp-font-display);letter-spacing:-.03em;color:var(--bw-ink-950);margin:0 0 14px;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;position:relative}.comparativa-page .hero h1 em{color:var(--cp-accent);font-style:normal}.comparativa-page .hero h1 strong{color:var(--cp-accent2);font-weight:700}.comparativa-page .hero p.lead{max-width:760px;color:var(--cp-muted);margin:0 auto;font-size:1.1rem;position:relative}.comparativa-page .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--cp-accent);background:var(--cp-accent-weak);border:1px solid #f5d00059;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-block;position:relative}.comparativa-page .wrap{max-width:1280px;margin:0 auto;padding:0 24px 80px}.comparativa-page .platforms{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:40px 0 50px;display:grid}.comparativa-page .pcard{background:var(--cp-panel);border:1px solid var(--cp-border);backdrop-filter:blur(10px);border-radius:16px;padding:18px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.comparativa-page .pcard:after{content:"";background:linear-gradient(135deg, transparent, var(--clr,transparent), transparent);-webkit-mask-composite:xor;opacity:0;border-radius:16px;padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.comparativa-page .pcard:hover{transform:translateY(-3px)}.comparativa-page .pcard:hover:after{opacity:1}.comparativa-page .pcard h3{margin:0 0 6px;font-size:1.1rem}.comparativa-page .pcard .tag{color:var(--cp-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.comparativa-page .pcard p{color:var(--cp-muted);margin:8px 0 0;font-size:.85rem}.comparativa-page .pcard.ps{--clr:var(--cp-accent2)}.comparativa-page .pcard.sy,.comparativa-page .pcard.sh{--clr:var(--cp-accent)}.comparativa-page .pcard.bc{--clr:var(--cp-accent2)}.comparativa-page .legend{background:var(--cp-panel);border:1px solid var(--cp-border);backdrop-filter:blur(8px);border-radius:14px;flex-wrap:wrap;gap:14px 22px;margin-bottom:30px;padding:16px 20px;font-size:.88rem;display:flex}.comparativa-page .legend b{color:var(--cp-text);font-weight:600}.comparativa-page .legend span{color:var(--cp-muted);align-items:center;gap:6px;display:inline-flex}.comparativa-page .ico{text-align:center;width:1.1em;display:inline-block}.comparativa-page .ico.ok{color:var(--cp-ok)}.comparativa-page .ico.warn{color:var(--cp-warn)}.comparativa-page .ico.no{color:var(--cp-no)}.comparativa-page .ico.b2b{color:var(--cp-b2b)}.comparativa-page .ico.plus{color:var(--cp-plus)}.comparativa-page .ico.bc{color:var(--cp-bc)}.comparativa-page .ico.app{color:var(--cp-app)}.comparativa-page .controls{z-index:50;backdrop-filter:blur(14px);border:1px solid var(--cp-border);background:#ffffffd9;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:30px 0 16px;padding:14px;display:flex;position:sticky;top:0}.comparativa-page .search{background:var(--cp-panel);border:1px solid var(--cp-border);min-width:220px;color:var(--cp-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:.95rem}.comparativa-page .search:focus{border-color:var(--cp-accent)}.comparativa-page .chip{background:var(--cp-panel);border:1px solid var(--cp-border);color:var(--cp-muted);cursor:pointer;user-select:none;border-radius:999px;padding:8px 14px;font-size:.82rem;transition:all .2s}.comparativa-page .chip:hover{color:var(--cp-text);border-color:var(--cp-accent)}.comparativa-page .chip.active{background:var(--cp-accent);color:var(--bw-ink-950);border-color:var(--cp-accent);font-weight:600}.comparativa-page .section{margin:36px 0}.comparativa-page .section h2{letter-spacing:-.01em;align-items:center;gap:12px;margin:0 0 14px;font-size:1.55rem;font-weight:700;display:flex}.comparativa-page .section h2:before{content:"";background:var(--cp-accent);border-radius:3px;width:5px;height:24px}.comparativa-page .section:nth-of-type(2n) h2:before{background:var(--cp-accent2)}.comparativa-page .tablewrap{background:var(--cp-panel);border:1px solid var(--cp-border);backdrop-filter:blur(8px);border-radius:14px;overflow:hidden}.comparativa-page table{border-collapse:collapse;width:100%;font-size:.9rem}.comparativa-page thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--cp-muted);border-bottom:1px solid var(--cp-border);background:#0d0d100a;padding:14px 12px;font-size:.78rem;font-weight:600}.comparativa-page thead th:first-child{min-width:240px}.comparativa-page tbody td{vertical-align:top;border-bottom:1px solid #0d0d100d;padding:11px 12px}.comparativa-page tbody tr:hover{background:#f5d00012}.comparativa-page tbody tr:last-child td{border-bottom:none}.comparativa-page td.feat{color:var(--cp-text);font-weight:500}.comparativa-page td.cell{text-align:center;white-space:nowrap;font-size:.95rem}.comparativa-page .summary{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px;display:grid}.comparativa-page .scard{background:var(--cp-panel);border:1px solid var(--cp-border);backdrop-filter:blur(8px);border-radius:16px;padding:22px;position:relative;overflow:hidden}.comparativa-page .scard:before{content:"";background:linear-gradient(90deg, var(--c1,var(--cp-accent)), var(--c2,var(--cp-accent2)));height:3px;position:absolute;top:0;left:0;right:0}.comparativa-page .scard h4{margin:0 0 10px;font-size:1.1rem}.comparativa-page .scard p{color:var(--cp-muted);margin:0;font-size:.92rem}.comparativa-page .scard.ps{--c1:var(--cp-accent2);--c2:var(--cp-accent2-hover)}.comparativa-page .scard.ss{--c1:var(--cp-accent);--c2:var(--cp-accent-hover)}.comparativa-page .scard.sp{--c1:var(--cp-accent2);--c2:var(--cp-accent)}.comparativa-page .scard.sh{--c1:var(--cp-accent);--c2:var(--cp-accent2)}.comparativa-page .scard.bc{--c1:var(--cp-accent2);--c2:var(--cp-accent-hover)}.comparativa-page .foot{text-align:center;color:var(--cp-muted);padding:30px 0 0;font-size:.82rem}.comparativa-page tr.hide{display:none}@keyframes cp-pulse{0%,to{opacity:.4}50%{opacity:1}}.comparativa-page .pulse{animation:2s ease-in-out infinite cp-pulse}@media (width<=780px){.comparativa-page thead th:first-child{min-width:160px}.comparativa-page table{font-size:.82rem}.comparativa-page td.cell{font-size:.9rem}}
