.cmp-page{padding-bottom:120px}.cmp-breadcrumb{gap:var(--space-sm);margin:var(--space-md) 0;color:var(--color-text-light);flex-wrap:wrap;font-size:.875rem;display:flex}.cmp-breadcrumb a{color:var(--color-primary)}.cmp-breadcrumb a:hover{text-decoration:underline}.cmp-breadcrumb .separator{color:var(--color-text-hint)}.cmp-breadcrumb .current{color:var(--color-text-light)}:root{--cmp-header-h:48px}@media (width<=700px){:root{--cmp-header-h:58px}}.cmp-hero{margin:var(--space-lg) 0}.cmp-hero h1{color:var(--color-text);font-size:1.6rem;font-weight:800;line-height:1.25}.cmp-hero-sub{color:var(--color-text-light);margin-top:var(--space-xs)}.cmp-toolbar{top:var(--cmp-header-h);z-index:60;background:var(--color-surface);border-bottom:1px solid var(--color-divider);box-shadow:var(--shadow-sm);padding:var(--space-sm) 0;position:sticky}.cmp-toolbar-inner{max-width:1200px;padding:0 var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:0 auto;display:flex}.cmp-toolbar-info{color:var(--color-text);font-size:.875rem;font-weight:800}.cmp-toolbar-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.cmp-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-divider);white-space:nowrap;font-size:.8125rem;font-weight:600;transition:all .2s}.cmp-btn:hover{background:var(--color-divider)}.cmp-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cmp-btn.active:hover{background:var(--color-primary-light)}.cmp-cards{gap:var(--space-md);margin:var(--space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.cmp-card{background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-divider);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,transform .2s;animation:.4s backwards cmpCardIn;overflow:hidden}.cmp-card:nth-child(2){animation-delay:80ms}.cmp-card:nth-child(3){animation-delay:.16s}.cmp-card:nth-child(4){animation-delay:.24s}@keyframes cmpCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cmp-card.cmp-best{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 18%, transparent)}.cmp-card-image{aspect-ratio:16/9;object-fit:cover;background:var(--color-surface-variant);width:100%}.cmp-card-body{padding:var(--space-md)}.cmp-card-top{gap:var(--space-md);align-items:flex-start;display:flex}.cmp-card-title{color:var(--color-text);font-size:.95rem;font-weight:700;line-height:1.3}.cmp-card-loc{color:var(--color-text-light);margin-top:2px;font-size:.78rem}.cmp-card-price{color:var(--color-primary);margin-top:4px;font-size:1.05rem;font-weight:800}.cmp-badges{margin-top:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.cmp-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-secondary) 14%, transparent);color:var(--color-accent-light);padding:2px 8px;font-size:.68rem;font-weight:700}.cmp-badge.cmp-badge-best{background:var(--color-success);color:#fff}.cmp-badge.cmp-badge-extra{background:var(--color-surface-variant);color:var(--color-text-light)}.cmp-ring{flex-shrink:0}.cmp-ring-track{stroke:var(--color-divider)}.cmp-ring-value{stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset .6s}.cmp-ring-value.excelente{stroke:var(--color-success)}.cmp-ring-value.muybueno{stroke:#ff8a00}.cmp-ring-value.bueno{stroke:var(--color-warning)}.cmp-ring-value.regular{stroke:var(--color-error)}.cmp-ring-label{fill:var(--color-text);font-size:1rem;font-weight:800}.cmp-ring-caption{fill:var(--color-text-light);font-size:.62rem}.cmp-breakdown{margin-top:var(--space-sm);border-top:1px solid var(--color-divider);padding-top:var(--space-sm)}.cmp-breakdown summary{cursor:pointer;color:var(--color-primary);font-size:.8rem;font-weight:700;list-style:none}.cmp-breakdown summary:before{content:"▾ "}.cmp-breakdown[open] summary:before{content:"▴ "}.cmp-breakdown-row{padding:var(--space-xs) 0;border-bottom:1px dashed var(--color-divider)}.cmp-breakdown-row:last-child{border-bottom:none}.cmp-bd-head{justify-content:space-between;font-size:.75rem;font-weight:600;display:flex}.cmp-bd-head em{color:var(--color-text-hint);font-style:normal;font-weight:500}.cmp-bd-bar{background:var(--color-surface-variant);border-radius:999px;height:6px;margin:3px 0;overflow:hidden}.cmp-bd-fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .5s}.cmp-bd-score{color:var(--color-text);font-size:.72rem;font-weight:700}.cmp-bd-reason{color:var(--color-text-light);font-size:.7rem;line-height:1.4}.cmp-section-title{color:var(--color-text);margin:var(--space-xl) 0 var(--space-md);align-items:center;gap:var(--space-sm);font-size:1.3rem;font-weight:800;display:flex}.cmp-analysis-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.cmp-analysis-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-divider)}.cmp-analysis-icon{font-size:1.4rem}.cmp-analysis-card h3{color:var(--color-text);margin:var(--space-xs) 0;font-size:.95rem;font-weight:700}.cmp-analysis-card p{color:var(--color-text-light);font-size:.85rem;line-height:1.6}.cmp-scenarios-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.cmp-scenario-card{border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.cmp-scenario-icon{font-size:1.5rem}.cmp-scenario-card h3{color:var(--color-text);margin:var(--space-xs) 0;font-size:.9rem;font-weight:700}.cmp-scenario-desc{color:var(--color-text-light);font-size:.78rem}.cmp-scenario-winner{color:var(--color-primary);margin-top:var(--space-xs);align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:inline-flex}.cmp-scenario-reason{color:var(--color-text-light);margin-top:4px;font-size:.75rem;line-height:1.5}.cmp-table-wrap{margin:var(--space-lg) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-divider);background:var(--color-surface);overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;min-width:680px}.cmp-table th,.cmp-table td{padding:var(--space-sm) var(--space-md);text-align:center;border-bottom:1px solid var(--color-divider);vertical-align:middle;font-size:.85rem}.cmp-label-cell{white-space:nowrap;background:var(--color-surface);z-index:2;min-width:170px;box-shadow:1px 0 0 var(--color-divider);font-weight:600;position:sticky;left:0;text-align:left!important}.cmp-label-cell .cmp-row-icon{opacity:.8;margin-right:6px}.cmp-col-head{min-width:140px;color:var(--color-text);background:var(--color-surface);font-weight:700}.cmp-col-head.cmp-best-col{background:color-mix(in srgb, var(--color-success) 7%, var(--color-surface))}.cmp-col-head-letter{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:4px;font-size:.78rem;font-weight:800;display:inline-flex}.cmp-col-head .cmp-col-score{color:var(--color-primary);font-size:1.1rem;font-weight:800}.cmp-section-row th{background:var(--color-surface-variant);color:var(--color-text);text-align:left;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-xs) var(--space-md);font-size:.7rem;font-weight:800;position:sticky;left:0}.cmp-row-identical td,.cmp-row-identical th{color:var(--color-text-hint)}.cmp-best-cell{background:color-mix(in srgb, var(--color-success) 9%, transparent);font-weight:800}.cmp-best-cell:after{content:" ✓";color:var(--color-success);font-weight:800}.cmp-note{color:var(--color-text-hint);text-align:left;padding:var(--space-xs) var(--space-md);background:var(--color-surface-variant);border-radius:var(--radius-sm);margin-top:4px;font-size:.72rem}.cmp-only-differences .cmp-row-identical{display:none}.cmp-no-highlight .cmp-best-cell{background:0 0;font-weight:400}.cmp-no-highlight .cmp-best-cell:after{content:""}.cmp-radar-wrap{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;flex-direction:column;display:flex}.cmp-radar-svg{width:100%;max-width:420px}.cmp-radar-legend{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.cmp-radar-legend-item{color:var(--color-text);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.cmp-radar-legend-swatch{border-radius:3px;width:12px;height:12px}.cmp-methodology{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-divider);padding:var(--space-lg);margin:var(--space-lg) 0}.cmp-methodology h3{color:var(--color-text);margin-bottom:var(--space-sm);font-size:1rem;font-weight:800}.cmp-methodology p{color:var(--color-text-light);font-size:.82rem;line-height:1.6}.cmp-weights{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.cmp-weight-item{align-items:center;gap:var(--space-sm);font-size:.78rem;display:flex}.cmp-weight-name{color:var(--color-text);flex:1;font-weight:600}.cmp-weight-pct{color:var(--color-primary);font-weight:800}.cmp-share-row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.cmp-floating-bar{z-index:95;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-sm);animation:.3s cmpBarIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes cmpBarIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cmp-floating-bar a{background:var(--color-secondary);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.cmp-floating-bar a:hover{background:var(--color-secondary-light)}.cmp-floating-clear{color:#fffc;text-underline-offset:2px;background:0 0;font-size:.75rem;text-decoration:underline}.cmp-picker-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.cmp-picker-card{border:2px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.cmp-picker-card:hover{box-shadow:var(--shadow-md)}.cmp-picker-card.selected{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 18%, transparent)}.cmp-picker-check{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-divider);width:30px;height:30px;color:var(--color-text-hint);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.cmp-picker-card.selected .cmp-picker-check{background:var(--color-success);border-color:var(--color-success);color:#fff}.cmp-picker-search{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.875rem}.cmp-picker-footer{background:var(--color-surface);border-top:1px solid var(--color-divider);padding:var(--space-md);margin-top:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex;position:sticky;bottom:0}@media (width<=700px){.cmp-toolbar-actions .cmp-btn span{font-size:.72rem}.cmp-cards{grid-template-columns:1fr}.cmp-table{min-width:520px}.cmp-label-cell{min-width:130px}.cmp-col-head{min-width:120px}.cmp-floating-bar{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}@media (width>=900px){.cmp-table-wrap{overflow:visible}.cmp-table th.cmp-header-cell{top:calc(var(--cmp-header-h) + 44px);z-index:3;position:sticky}.cmp-table .cmp-section-row th{position:static}}