:root{--bg: #FAFAF9;--bg-alt: #F5F5F4;--bg-card: #FFFFFF;--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--red: #DC2626;--red-light: #FEF2F2;--red-dark: #991B1B;--green: #059669;--green-light: #ECFDF5;--green-dark: #065F46;--border: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--shadow-xl: 0 20px 60px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--max-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}.text-red{color:var(--red)}.text-green{color:var(--green)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:12px 24px;font-size:.95rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--red);color:#fff;box-shadow:0 2px 8px #dc26264d}.btn-primary:hover{background:var(--red-dark);box-shadow:0 4px 16px #dc262666;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-alt);border-color:var(--text-secondary);color:var(--text)}.btn-lg{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-md)}.btn-arrow{transition:transform .2s}.btn:hover .btn-arrow{transform:translate(4px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .3s ease}.nav--scrolled{background:#fafaf9eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:10px 0}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-brand{background:none;border:none;font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.nav-brand-dot{width:10px;height:10px;background:var(--red);border-radius:50%;display:inline-block}.nav-brand-sub{font-weight:800;color:var(--red)}.nav-links{display:flex;gap:8px}.nav-links button{background:none;border:1.5px solid transparent;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.nav-links button:hover,.nav-links button.active{border-color:var(--border);color:var(--text);background:var(--bg-card)}.nav-hamburger{display:none;background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-size:1.2rem;cursor:pointer;color:var(--text)}.progress-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-label{font-size:.85rem;color:var(--text-secondary);min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-track{flex:1;height:8px;background:var(--bg-alt);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width 1s ease}.progress-value{font-size:.85rem;font-weight:600;color:var(--text);min-width:70px;text-align:right}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:visible;padding:40px 24px}.landing-content{max-width:800px;text-align:center;z-index:1}.landing-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--red);background:var(--red-light);padding:6px 16px;border-radius:100px;margin-bottom:32px}.landing-title{font-family:var(--font-display);line-height:1.05;margin-bottom:24px}.landing-title-line1{display:block;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:400;color:var(--text-secondary);letter-spacing:-.03em}.landing-title-line2{display:block;font-size:clamp(3.2rem,8vw,6.5rem);font-weight:800;color:var(--text);letter-spacing:-.04em;line-height:1}.landing-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:540px;margin:0 auto 40px;line-height:1.7}.landing-subtitle strong{color:var(--text)}.landing-counter{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px 40px;margin-bottom:40px;box-shadow:var(--shadow-md)}.landing-counter-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:8px}.landing-counter-value{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--red);letter-spacing:-.02em}.landing-counter-sub{font-size:.85rem;color:var(--text-muted);margin-top:8px}.counter-equiv-rotate{margin-top:12px;font-size:.9rem;color:var(--text-secondary);font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;min-height:1.4em}.counter-equiv-rotate.counter-equiv-visible{opacity:1;transform:translateY(0)}.landing-cta-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.landing-quick-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.landing-stats{display:flex;gap:48px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.landing-stat{text-align:center}.landing-stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.landing-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.caso-dia{background:var(--bg-card);border:2px solid var(--red);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:32px;max-width:600px;text-align:left;box-shadow:0 4px 20px #dc26261f;transition:transform .2s,box-shadow .2s}.caso-dia:hover{transform:translateY(-2px);box-shadow:0 8px 30px #dc26262e}.caso-dia-badge{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#fff;background:var(--red);padding:4px 12px;border-radius:100px;margin-bottom:12px;animation:pulseBadge 2s ease-in-out infinite}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.7}}.caso-dia-cat{font-size:.8rem;font-weight:600;margin-bottom:8px}.caso-dia-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.2;margin-bottom:8px;letter-spacing:-.02em}.caso-dia-amount{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--red);letter-spacing:-.03em;margin-bottom:8px}.caso-dia-equiv{font-size:.85rem;color:var(--green-dark);background:var(--green-light);padding:8px 14px;border-radius:var(--radius-sm);margin-bottom:12px}.caso-dia-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.caso-dia-share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:4px}.caso-dia-share .share-btn{padding:10px 18px;font-size:.82rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.caso-dia-share .share-btn--x{background:#0f172a;color:#fff}.caso-dia-share .share-btn--x:hover{background:#1e293b}.caso-dia-share .share-btn--wa{background:#25d366;color:#fff}.caso-dia-share .share-btn--ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.caso-dia-share .share-btn--img{background:#f1f5f9;color:#334155;border:1.5px solid #cbd5e1}.caso-dia-share .share-btn--img:hover{background:#e2e8f0}.ccaa-section{margin-top:16px;max-width:800px}.ccaa-section-title{font-size:.95rem;color:var(--text-secondary);margin-bottom:16px;font-weight:500}.ccaa-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ccaa-pill{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1.5px solid var(--border);border-radius:100px;background:var(--bg-card);font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.ccaa-pill:hover{border-color:var(--red);color:var(--red);background:var(--red-light);transform:translateY(-1px)}.gasto-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px 60px;gap:32px}.gasto-progress{width:100%;max-width:500px;display:flex;align-items:center;gap:12px}.gasto-progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.gasto-progress-fill{height:100%;background:var(--red);border-radius:2px;transition:width .5s ease}.gasto-progress-text{font-size:.8rem;color:var(--text-muted);font-weight:600}.gasto-card{width:100%;max-width:500px;min-height:420px;perspective:1000px;cursor:pointer;position:relative}.gasto-card-front,.gasto-card-back{width:100%;min-height:420px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-lg);backface-visibility:hidden;transition:transform .6s ease;display:flex;flex-direction:column}.gasto-card-front{transform:rotateY(0)}.gasto-card--flipped .gasto-card-front{transform:rotateY(180deg);position:absolute;top:0;right:0;bottom:0;left:0}.gasto-card-back{transform:rotateY(-180deg);position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center}.gasto-card--flipped .gasto-card-back{transform:rotateY(0);position:relative}.gasto-card-cat{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:100px;width:fit-content;margin-bottom:20px;letter-spacing:.02em}.gasto-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}.gasto-card-amount{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--red);letter-spacing:-.03em;margin-bottom:16px}.gasto-card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;flex:1}.gasto-card-meta{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.gasto-card-meta-item{font-size:.8rem;color:var(--text-muted);font-weight:500}.gasto-card-flip-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:16px}.gasto-card-back-content{flex:1}.gasto-card-back-content h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:12px;color:var(--text)}.gasto-card-back-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.gasto-card-source{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border)}.gasto-card-source a{font-weight:600}.gasto-dots{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.gasto-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s}.gasto-dot--active{background:var(--red);transform:scale(1.3)}.swipe-hint{display:none;text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}@media(max-width:768px){.swipe-hint{display:block}}.gasto-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.resumen{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.resumen-container{max-width:var(--max-width);margin:0 auto}.resumen-header{text-align:center;margin-bottom:48px}.resumen-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--red);background:var(--red-light);padding:6px 16px;border-radius:100px;margin-bottom:20px}.resumen-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:16px}.resumen-amount{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--red);letter-spacing:-.04em}.resumen-equivs{margin-bottom:56px;text-align:center}.resumen-equivs-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:32px}.resumen-equivs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}@media(max-width:600px){.resumen-equivs-grid{grid-template-columns:1fr}}.resumen-equiv-card{background:var(--bg-card);border:2px solid var(--green);border-radius:var(--radius-lg);padding:28px;display:flex;gap:20px;align-items:flex-start;text-align:left;box-shadow:var(--shadow-md);transition:all .2s ease}.resumen-equiv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.resumen-equiv-check{font-size:1.8rem;flex-shrink:0;line-height:1}.resumen-equiv-content{flex:1}.resumen-equiv-card p{font-size:1rem;color:var(--text-secondary);font-weight:500;line-height:1.5}.resumen-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.comparacion{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.comparacion-container{max-width:var(--max-width);margin:0 auto}.comparacion-header{text-align:center;margin-bottom:48px}.comparacion-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--green);background:var(--green-light);padding:6px 16px;border-radius:100px;margin-bottom:20px}.comparacion-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;margin-bottom:16px}.comparacion-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.comparacion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:48px}.inv-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.inv-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--green)}.inv-card-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px}.inv-card-cat{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.inv-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:8px;letter-spacing:-.01em}.inv-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.inv-card-footer{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border-light)}.inv-card-cost{font-family:var(--font-display);font-weight:800;color:var(--green);font-size:1.1rem}.inv-card-impact{font-size:.8rem;color:var(--text-muted)}.comparacion-bottom{text-align:center}.comparacion-quote{margin-bottom:40px}.comparacion-quote blockquote{font-family:var(--font-display);font-size:1.3rem;font-weight:600;font-style:italic;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5;padding:24px;border-left:4px solid var(--red)}.comparacion-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.explorer{min-height:100vh;padding:110px 24px 60px;background:var(--bg)}.explorer-container{max-width:var(--max-width);margin:0 auto}.explorer-header{margin-bottom:24px}.explorer-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:16px 0 4px}.explorer-subtitle{font-size:1rem;color:var(--text-secondary)}.explorer-tabs{display:flex;gap:8px;margin-bottom:20px}.explorer-tab{flex:1;padding:14px 20px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-align:center}.explorer-tab.active{border-color:var(--text);color:var(--text);box-shadow:var(--shadow-sm)}.explorer-tab:hover:not(.active){border-color:var(--text-muted)}.explorer-filters{margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.explorer-search{position:relative}.explorer-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem}.explorer-search input{width:100%;padding:14px 44px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;background:var(--bg-card);color:var(--text);outline:none;transition:border-color .2s}.explorer-search input:focus{border-color:var(--red)}.explorer-search input::placeholder{color:var(--text-muted)}.explorer-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--bg-alt);border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.explorer-selects{display:flex;gap:12px;flex-wrap:wrap}.explorer-selects select{flex:1;min-width:200px;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;background:var(--bg-card);color:var(--text);cursor:pointer;outline:none}.explorer-selects select:focus{border-color:var(--red)}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.explorer-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:all .2s}.explorer-card:hover{box-shadow:var(--shadow-md);border-color:var(--text-muted)}.explorer-card--gasto{border-left:3px solid var(--red)}.explorer-card--inv{border-left:3px solid var(--green)}.explorer-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.explorer-card-cat{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:100px}.explorer-card-year{font-size:.8rem;color:var(--text-muted);font-weight:600}.explorer-card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:8px;letter-spacing:-.01em}.explorer-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.explorer-card-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.explorer-card-amount{font-family:var(--font-display);font-weight:800;font-size:1.05rem}.explorer-card-com{font-size:.8rem;color:var(--text-muted)}.explorer-card-source{font-size:.75rem;color:var(--text-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.explorer-card-source a{font-weight:600}.explorer-card-impact{font-size:.8rem;color:var(--green);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.explorer-empty{text-align:center;padding:60px 24px;color:var(--text-muted)}.explorer-empty span{font-size:3rem;display:block;margin-bottom:16px}.explorer-empty p{margin-bottom:16px}.explorer-pagination{display:flex;align-items:center;justify-content:center;gap:16px}.explorer-pagination button{padding:10px 20px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s}.explorer-pagination button:hover:not(:disabled){border-color:var(--text)}.explorer-pagination button:disabled{opacity:.4;cursor:not-allowed}.explorer-pagination span{font-size:.85rem;color:var(--text-muted);font-weight:500}.share-cta{padding:80px 24px;background:var(--text);color:#fff;text-align:center}.share-cta-container{max-width:600px;margin:0 auto}.share-cta h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em}.share-cta p{font-size:1rem;opacity:.7;margin-bottom:32px}.share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-btn{padding:12px 24px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;border:none;display:inline-flex;align-items:center;gap:8px}.share-btn--x{background:#fff;color:var(--text)}.share-btn--x:hover{background:#e2e8f0;text-decoration:none}.share-btn--wa{background:#25d366;color:#fff}.share-btn--wa:hover{background:#1eb954;text-decoration:none}.share-btn--copy{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)}.share-btn--copy:hover{background:#ffffff40}.share-btn--ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.share-btn--ig:hover{opacity:.9;text-decoration:none}.share-btn--img{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)}.share-btn--img:hover{background:#ffffff40}.share-btn--img:disabled{opacity:.5;cursor:wait}.footer{padding:48px 24px;border-top:1px solid var(--border);background:var(--bg-alt)}.footer-container{max-width:var(--max-width);margin:0 auto}.footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.95rem;margin-bottom:16px}.footer-dot{width:8px;height:8px;background:var(--red);border-radius:50%;display:inline-block}.footer-text{margin-bottom:24px}.footer-text p{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:8px}.footer-social{margin-bottom:16px}.footer-instagram{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:color .2s}.footer-instagram:hover{color:#e1306c;text-decoration:none}.footer-bottom{padding-top:16px;border-top:1px solid var(--border)}.footer-bottom span{font-size:.8rem;color:var(--text-muted)}.salary-section{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.salary-container{max-width:700px;margin:0 auto}.salary-header{text-align:center;margin-bottom:32px}.salary-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--red);background:var(--red-light);padding:6px 16px;border-radius:100px;margin-bottom:16px}.salary-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.salary-subtitle{font-size:1rem;color:var(--text-secondary)}.salary-input-box{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center;margin-bottom:32px}.salary-input-box label{display:block;font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:16px}.salary-input-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.salary-input-row input{width:200px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-display);font-size:1.5rem;font-weight:800;text-align:center;color:var(--text);outline:none;transition:border-color .2s}.salary-input-row input:focus{border-color:var(--red)}.salary-input-suffix{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-muted)}.salary-privacy{font-size:.8rem;color:var(--text-muted);margin-top:12px}.salary-results{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px}.salary-result-header{margin-bottom:24px}.salary-result-header p{font-size:1rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.salary-desglose{margin-bottom:24px}.salary-desglose-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);font-size:.95rem}.salary-desglose-icon{font-size:1.3rem}.salary-desglose-label{color:var(--text-secondary)}.salary-total{text-align:center;padding:24px;background:var(--red-light);border-radius:var(--radius-md);margin-bottom:24px}.salary-total p{font-size:1rem;margin-bottom:4px;color:var(--text)}.salary-dias{font-family:var(--font-display);font-size:1.3rem}.salary-slider{margin-bottom:24px}.salary-slider-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.salary-slider-bar{height:24px;background:var(--bg-alt);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.salary-slider-red{height:100%;background:var(--red);border-radius:12px;transition:width 1s ease}.salary-slider-legend{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-top:4px}.quiz-section{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.quiz-container{max-width:600px;margin:0 auto}.quiz-progress{display:flex;justify-content:space-between;margin:16px 0 24px}.quiz-round{font-weight:600;color:var(--text)}.quiz-score{font-weight:600;color:var(--red)}.quiz-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center;margin-bottom:24px}.quiz-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.quiz-card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.quiz-card-question{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--red)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.quiz-option{padding:20px 16px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--text)}.quiz-option:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quiz-option--correct{border-color:var(--green)!important;background:var(--green-light)!important;color:var(--green-dark)!important}.quiz-option--wrong{border-color:var(--red)!important;background:var(--red-light)!important;color:var(--red-dark)!important}.quiz-feedback{padding:16px 24px;border-radius:var(--radius-md);text-align:center;font-weight:600;font-size:.95rem}.quiz-feedback--correct{background:var(--green-light);color:var(--green-dark)}.quiz-feedback--wrong{background:var(--red-light);color:var(--red-dark)}.quiz-final{text-align:center;padding:40px 0}.quiz-final-emoji{font-size:4rem;margin-bottom:16px}.quiz-final h2{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:12px}.quiz-final-msg{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px}.quiz-final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ranking-section{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.ranking-container{max-width:var(--max-width);margin:0 auto}.ranking-header{margin-bottom:32px}.ranking-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.ranking-intro{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:700px}.ranking-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.ranking-tab{padding:10px 20px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.ranking-tab.active{border-color:var(--text);color:var(--text);box-shadow:var(--shadow-sm)}.ranking-list{list-style:none}.ranking-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;transition:all .2s}.ranking-item:hover{box-shadow:var(--shadow-md);border-color:var(--red)}.ranking-pos{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--text-muted);min-width:40px}.ranking-item-content{flex:1}.ranking-item-content h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:4px}.ranking-item-cat{font-size:.8rem;color:var(--text-muted)}.ranking-item-amount{font-family:var(--font-display);font-weight:800;font-size:1.05rem;white-space:nowrap}.ranking-cat-group{margin-bottom:16px}.ranking-cat-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.9rem}.ranking-com-item{margin-bottom:16px}.ranking-com-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.9rem}.ranking-decade-item{margin-bottom:16px}.ranking-decade-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.9rem}.caso-section{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.caso-container{max-width:800px;margin:0 auto}.caso-container>.btn-ghost:first-child{margin:8px 0 20px}.caso-header{margin-bottom:32px}.caso-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.caso-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:700}.caso-pill--com,.caso-pill--year{background:var(--bg-alt);color:var(--text-secondary)}.caso-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.caso-amount{margin-bottom:8px}.caso-amount-value{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em}.caso-amount-text{font-size:1rem;color:var(--text-muted)}.caso-desc,.caso-why,.caso-equivs,.caso-source{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.caso-desc h3,.caso-why h3,.caso-equivs h3,.caso-source h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:12px}.caso-desc p,.caso-why p,.caso-source p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.caso-equivs ul{list-style:disc;padding-left:20px}.caso-equivs li{font-size:.95rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.caso-share{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.caso-related{margin-top:32px}.caso-related h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:16px}.caso-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.caso-related-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:all .2s}.caso-related-card:hover{border-color:var(--red);box-shadow:var(--shadow-md)}.caso-related-card h4{font-family:var(--font-display);font-size:.9rem;font-weight:700;margin-bottom:4px;line-height:1.3}.timeline-section{min-height:100vh;padding:100px 24px 60px;background:var(--bg)}.timeline-container{max-width:var(--max-width);margin:0 auto}.timeline-header{margin-bottom:32px}.timeline-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.timeline-subtitle{font-size:1rem;color:var(--text-secondary)}.timeline-chart{position:relative;overflow-x:auto;padding-bottom:60px;margin-bottom:32px;-webkit-overflow-scrolling:touch}.timeline-bars{display:flex;align-items:flex-end;gap:2px;min-height:280px;padding-top:30px}.timeline-bar-col{display:flex;flex-direction:column;align-items:center;min-width:28px;cursor:pointer;transition:opacity .2s}.timeline-bar-col:hover{opacity:.8}.timeline-bar-col.active .timeline-bar{background:var(--red-dark)!important}.timeline-bar-value{font-size:.6rem;color:var(--text-muted);white-space:nowrap;margin-bottom:4px;height:14px}.timeline-bar{width:20px;background:var(--red);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:0}.timeline-bar-label{font-size:.65rem;color:var(--text-muted);margin-top:4px;white-space:nowrap}.timeline-hitos{position:absolute;bottom:0;left:0;right:0;height:40px}.timeline-hito{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.timeline-hito-dot{width:8px;height:8px;background:var(--text);border-radius:50%;margin-bottom:4px}.timeline-hito-text{font-size:.6rem;color:var(--text-secondary);white-space:nowrap;font-weight:600}.timeline-detail{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px}.timeline-detail h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:16px}.timeline-detail-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .2s;gap:12px}.timeline-detail-item:hover{background:var(--bg-alt)}.timeline-detail-item span:first-child{flex:1}@media(max-width:768px){.landing-stats{gap:24px}.landing-counter{padding:24px}.gasto-card-front,.gasto-card-back{padding:28px 24px;min-height:380px}.comparacion-grid,.explorer-grid{grid-template-columns:1fr}.explorer-selects{flex-direction:column}.explorer-selects select{min-width:100%}.explorer-tabs{flex-direction:column}.progress-label{min-width:140px;font-size:.75rem}.nav-hamburger{display:flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fafaf9fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;padding:16px 24px;gap:4px;border-bottom:1px solid var(--border)}.nav-links--open{display:flex}.quiz-options{grid-template-columns:1fr}.ranking-tabs{flex-direction:column}.caso-related-grid{grid-template-columns:1fr}}@media(max-width:480px){.landing-cta-group{flex-direction:column;align-items:center}.landing-cta-group .btn{width:100%;justify-content:center}.landing-quick-links{flex-direction:column;align-items:center}.landing-quick-links .btn{width:100%;justify-content:center}.resumen-cta,.comparacion-cta{flex-direction:column;align-items:center}.resumen-cta .btn,.comparacion-cta .btn{width:100%;justify-content:center}.share-buttons{flex-direction:column}.share-btn{width:100%;justify-content:center}.ccaa-grid{gap:6px}.ccaa-pill{padding:6px 10px;font-size:.75rem}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.loading-screen:after{content:"";width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gasto-card{perspective:1000px;cursor:pointer}.gasto-card-inner{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gasto-card--flipped .gasto-card-inner{transform:rotateY(180deg)}.gasto-card-front,.gasto-card-back{backface-visibility:hidden}.gasto-card-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);overflow-y:auto}.btn{transition:all .25s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.explorer-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.explorer-card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--red)}.ranking-item{transition:background .2s ease,transform .2s ease}.ranking-item:hover{background:var(--bg-alt);transform:translate(4px)}.caso-related-card{transition:transform .2s ease,box-shadow .2s ease}.caso-related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.screen-wrap{animation:screenIn .4s cubic-bezier(.4,0,.2,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:staggerIn .4s ease forwards}@keyframes staggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);z-index:9999;transition:width .1s linear;box-shadow:0 0 8px #dc262666}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.04}.landing-title{background:linear-gradient(135deg,#0f172a,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing,.resumen,.comparacion,.explorer,.salary-section,.quiz-section,.ranking-section,.timeline-section{padding:clamp(48px,8vw,80px) clamp(16px,5vw,64px)}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:48px 0}*:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:4px}.social-proof{text-align:center;padding:16px 0;color:var(--text-secondary);font-size:.9rem}.social-proof strong{color:var(--text)}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:24px 0}.trust-badge{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);background:var(--bg-alt);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.update-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);background:var(--bg-alt);padding:4px 12px;border-radius:100px;margin-top:12px}.exit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .3s ease}.exit-modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:40px;max-width:480px;width:90%;text-align:center;animation:slideDown .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl)}.exit-modal h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:12px}.exit-modal p{color:var(--text-secondary);margin-bottom:24px}.exit-modal .share-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.exit-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.dato-del-dia{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--red);border-radius:var(--radius-md);padding:20px 24px;margin-top:24px}.dato-del-dia-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:8px}.dato-del-dia-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:4px}.dato-del-dia-amount{color:var(--red);font-weight:700;font-size:.95rem}.streak-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-light);color:var(--green-dark);padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:600}.money-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;overflow:hidden}.money-particle{position:absolute;font-size:1.5rem;animation:moneyFall 3s ease-in forwards}@keyframes moneyFall{0%{opacity:1;transform:translateY(-20px) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}.konami-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.konami-content{background:#0f172a;color:#fff;border-radius:var(--radius-lg);padding:48px;max-width:500px;text-align:center;border:2px solid var(--red)}.konami-content h2{color:var(--red);font-family:var(--font-display);font-size:2rem;margin-bottom:16px}.konami-content .total{font-size:2.5rem;font-weight:900;color:var(--red);margin:16px 0}.skip-link{position:absolute;top:-40px;left:0;background:var(--red);color:#fff;padding:8px 16px;z-index:99999;font-weight:600;border-radius:0 0 var(--radius-sm) 0;transition:top .2s}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.particle-canvas{display:none}.fade-in{opacity:1!important;transform:none!important}.gasto-card-inner{transition:none}.scroll-progress{display:none}}.skeleton{background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border-light) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:200px;margin-bottom:16px}