:root{--negro: #111111;--gris-oscuro: #222222;--gris-medio: #555555;--gris-claro: #F4F4F4;--gris-borde: #DCDCDC;--verde: #1A7A4A;--blanco: #FFFFFF;--borde: #DCDCDC;--texto-secundario:#777777;--azul: #111111}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--gris-claro);color:var(--gris-oscuro);min-height:100vh;-webkit-font-smoothing:antialiased}header{background:var(--negro);padding:0 48px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:4px}.logo-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:26px;color:var(--blanco);letter-spacing:.08em}.header-meta{font-family:DM Mono,monospace;font-size:10px;color:#fff6;letter-spacing:.1em;text-transform:uppercase}.hero{background:var(--negro);padding:80px 48px 88px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:48px;background:var(--gris-claro);clip-path:ellipse(55% 100% at 50% 100%)}.hero-label{font-family:DM Sans,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:300;color:#ffffff59;margin-bottom:4px;letter-spacing:0}.hero h1{font-family:DM Sans,sans-serif;font-size:clamp(48px,8vw,96px);font-weight:700;color:var(--blanco);line-height:1;letter-spacing:-.03em;max-width:100%;margin-bottom:32px}.hero h1 em{font-style:normal;font-weight:700;color:var(--blanco)}.hero-desc{font-family:DM Sans,sans-serif;font-size:15px;font-weight:300;color:#ffffff80;max-width:480px;line-height:1.75;margin-bottom:40px}.hero-stats{display:flex;gap:40px}.stat{border-left:1px solid rgba(255,255,255,.15);padding-left:16px}.stat-num{font-family:DM Mono,monospace;font-size:20px;font-weight:500;color:var(--blanco);letter-spacing:-.01em}.stat-label{font-family:DM Mono,monospace;font-size:9px;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.main{max-width:800px;margin:0 auto;padding:64px 24px 120px}.step{display:none;animation:fadeIn .35s ease}.step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:48px}.step-indicator{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--texto-secundario);text-transform:uppercase;margin-bottom:12px}.step-title{font-family:DM Sans,sans-serif;font-size:32px;font-weight:300;color:var(--gris-oscuro);letter-spacing:-.01em;line-height:1.2;margin-bottom:8px}.step-subtitle{font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;color:var(--texto-secundario);line-height:1.7}.progress-bar{height:2px;background:var(--borde);margin-bottom:48px}.progress-fill{height:100%;background:var(--negro);transition:width .4s ease}.btn-primary{background:var(--negro);color:var(--blanco);border:none;padding:13px 28px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s}.btn-primary:hover{background:var(--gris-oscuro)}.btn-primary:disabled{background:var(--borde);color:var(--texto-secundario);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--texto-secundario);border:1px solid var(--borde);padding:13px 24px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s;margin-right:12px}.btn-secondary:hover{border-color:var(--gris-oscuro);color:var(--gris-oscuro)}.btn-row{display:flex;align-items:center;margin-top:40px}.intro-card{background:var(--blanco);border:1px solid var(--borde);padding:40px;margin-bottom:16px}.intro-principios{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--borde);margin-bottom:32px}.principio{background:var(--blanco);padding:24px}.principio-icon{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-oscuro);margin-bottom:10px}.principio-texto{font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;color:var(--gris-medio);line-height:1.65}.principio-no{font-family:DM Mono,monospace;font-size:10px;color:var(--texto-secundario);margin-top:8px}.pregunta{background:var(--blanco);border:1px solid var(--borde);padding:28px 32px;margin-bottom:12px}.pregunta-destacada{border-left:2px solid var(--negro)}.pregunta-num{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;color:var(--texto-secundario);margin-bottom:10px;text-transform:uppercase}.pregunta-texto{font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:var(--gris-oscuro);margin-bottom:24px}.escala-buttons{display:flex;gap:6px;margin:10px 0 8px}.escala-btn{flex:1;height:40px;border:1px solid var(--borde);background:transparent;cursor:pointer;font-family:DM Mono,monospace;font-size:13px;font-weight:400;color:var(--texto-secundario);transition:all .12s}.escala-btn:hover{border-color:var(--negro);color:var(--negro)}.escala-btn.selected{background:var(--negro);border-color:var(--negro);color:var(--blanco);font-weight:500}.escala-labels{display:flex;justify-content:space-between}.escala-label{font-family:DM Mono,monospace;font-size:10px;color:var(--texto-secundario)}.btn-nosé{padding:7px 14px;background:transparent;border:1px dashed var(--borde);color:var(--texto-secundario);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .12s;margin-top:8px}.btn-nosé:hover{border-color:var(--gris-oscuro);color:var(--gris-oscuro)}.btn-nosé.selected{background:var(--gris-claro);border-style:solid;border-color:var(--gris-medio);color:var(--gris-oscuro)}.opcion-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--blanco);border:1px solid var(--borde);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;color:var(--gris-oscuro);text-align:left;transition:all .12s;width:100%}.opcion-btn:hover{border-color:var(--negro)}.opcion-btn.selected{border-color:var(--negro);background:var(--gris-claro);color:var(--negro)}.opcion-radio{width:14px;height:14px;border:1.5px solid var(--borde);border-radius:50%;flex-shrink:0;transition:all .12s}.opcion-btn.selected .opcion-radio{background:var(--negro);border-color:var(--negro);box-shadow:inset 0 0 0 3px #fff}.tema-btn{padding:8px 14px;background:var(--blanco);border:1px solid var(--borde);cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.05em;color:var(--texto-secundario);transition:all .12s}.tema-btn:hover{border-color:var(--negro);color:var(--negro)}.tema-btn.selected{background:var(--negro);border-color:var(--negro);color:var(--blanco)}.filtro-maquinaria-bar{background:var(--blanco);border:1px solid var(--borde);padding:16px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.filtro-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-oscuro);margin-bottom:2px}.filtro-desc{font-size:11px;color:var(--texto-secundario)}.filtro-maquinaria-bar button{padding:8px 16px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--borde);background:var(--blanco);cursor:pointer;color:var(--texto-secundario);transition:all .15s}.resultado-header{background:var(--negro);padding:40px;margin-bottom:32px;color:var(--blanco)}.resultado-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:#fff6;text-transform:uppercase;margin-bottom:8px}.resultado-score-grande{font-family:DM Sans,sans-serif;font-size:80px;font-weight:300;line-height:1;letter-spacing:-.03em;margin-bottom:4px}.resultado-partido{font-size:13px;font-weight:300;color:#fff9}.candidatos-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:32px}.candidato-card{background:var(--blanco);border:1px solid var(--borde);padding:20px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;transition:border-color .15s}.candidato-card:hover{border-color:var(--gris-medio)}.candidato-card.top{border-left:2px solid var(--negro)}.candidato-nombre{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--gris-oscuro);margin-bottom:3px}.candidato-meta{font-family:DM Mono,monospace;font-size:10px;color:var(--texto-secundario);letter-spacing:.04em}.candidato-score{text-align:right}.score-num{font-family:DM Mono,monospace;font-size:26px;font-weight:500;color:var(--negro);line-height:1;letter-spacing:-.02em}.score-label{font-family:DM Mono,monospace;font-size:10px;color:var(--texto-secundario);letter-spacing:.08em;margin-top:2px}.score-bar-wrap{height:2px;background:var(--borde);margin-top:10px;grid-column:1 / -1}.score-bar-fill{height:100%;background:var(--gris-medio);transition:width 1s ease}.candidato-card.top .score-bar-fill{background:var(--negro)}.card-top-candidato{background:var(--blanco);border:1px solid var(--borde);margin-bottom:32px;overflow:hidden}.card-top-header{background:var(--negro);padding:24px 32px;display:flex;align-items:center;gap:20px}.candidato-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;color:var(--negro);flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.15)}.candidato-avatar img{width:100%;height:100%;object-fit:cover}.card-top-info{flex:1}.card-top-nombre{font-family:DM Sans,sans-serif;font-size:24px;font-weight:400;color:var(--blanco);letter-spacing:-.01em;line-height:1.1;margin-bottom:4px}.card-top-partido{font-family:DM Mono,monospace;font-size:10px;color:#ffffff73;letter-spacing:.1em;text-transform:uppercase}.card-top-score{text-align:right}.card-top-score-num{font-family:DM Mono,monospace;font-size:48px;font-weight:500;color:var(--blanco);line-height:1;letter-spacing:-.02em}.card-top-score-label{font-family:DM Mono,monospace;font-size:10px;color:#fff6;letter-spacing:.1em;text-transform:uppercase}.card-top-body{padding:24px 32px}.card-top-bio{font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;color:var(--gris-medio);line-height:1.75;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--borde)}.match-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--verde);margin-bottom:12px}.match-razones{display:flex;flex-direction:column;gap:6px}.match-razon{display:flex;gap:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:300;color:var(--gris-oscuro);line-height:1.6;padding:10px 14px;background:var(--gris-claro)}.match-razon-icon{color:var(--verde);flex-shrink:0}.metodo-box{background:var(--blanco);border:1px solid var(--borde);padding:28px 32px;margin-top:32px}.metodo-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--texto-secundario);margin-bottom:16px}.metodo-item{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--borde);font-family:DM Sans,sans-serif;font-size:12px;font-weight:300;color:var(--texto-secundario);line-height:1.6}.metodo-item:last-child{border-bottom:none}.metodo-key{font-family:DM Mono,monospace;font-size:10px;color:var(--gris-oscuro);min-width:120px;letter-spacing:.05em;padding-top:1px}.criterios-popup-wrap{position:relative;display:inline-flex;align-items:center}.criterios-popup-btn{width:14px;height:14px;border-radius:50%;border:1px solid var(--gris-borde);background:transparent;color:var(--texto-secundario);font-size:9px;font-family:DM Mono,monospace;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-left:4px;transition:all .12s;flex-shrink:0}.criterios-popup-btn:hover{border-color:var(--negro);color:var(--negro)}.criterios-popup{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:280px;background:var(--negro);color:#ffffffd9;font-family:DM Sans,sans-serif;font-size:11px;font-weight:300;line-height:1.6;padding:14px 16px;z-index:300;box-shadow:0 4px 20px #0003}.criterios-popup-item{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.criterios-popup-item:last-child{border-bottom:none}.criterios-popup-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:2px}.criterios-popup-wrap:hover .criterios-popup,.criterios-popup-wrap:focus-within .criterios-popup{display:block}.criterio-dot{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-family:DM Mono,monospace;margin-right:6px}.criterio-dot.inactivo{color:#bbb}.tooltip-wrap{position:relative;display:inline-flex;align-items:center;gap:4px}.tooltip-btn{width:14px;height:14px;border-radius:50%;border:1px solid var(--gris-borde);background:transparent;color:var(--texto-secundario);font-size:9px;font-family:DM Mono,monospace;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:all .12s}.tooltip-btn:hover{border-color:var(--negro);color:var(--negro)}.tooltip-box{display:none;position:absolute;bottom:calc(100% + 6px);left:0;width:220px;background:var(--negro);color:#ffffffd9;font-family:DM Sans,sans-serif;font-size:11px;font-weight:300;line-height:1.6;padding:10px 14px;z-index:200;pointer-events:none}.tooltip-wrap:hover .tooltip-box,.tooltip-wrap:focus-within .tooltip-box{display:block}.glosario{background:var(--blanco);border:1px solid var(--borde);padding:28px 32px;margin-top:16px}.glosario-title{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--texto-secundario);margin-bottom:20px}.glosario-item{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--gris-claro);align-items:start}.glosario-item:last-child{border-bottom:none}.glosario-term{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--negro);letter-spacing:.04em}.glosario-def{font-family:DM Sans,sans-serif;font-size:12px;font-weight:300;color:var(--gris-medio);line-height:1.65}.disclaimer p{font-family:DM Sans,sans-serif;font-size:12px;font-weight:300;color:var(--texto-secundario);line-height:1.7}.disclaimer strong{color:var(--gris-oscuro);font-weight:500}footer{background:var(--negro);padding:36px 48px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:DM Mono,monospace;font-size:14px;font-weight:500;color:var(--blanco);letter-spacing:.15em}.footer-meta{font-family:DM Mono,monospace;font-size:10px;color:#ffffff40;letter-spacing:.08em}.open-source-badge{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);border:1px solid var(--verde);padding:4px 10px}.dot{width:5px;height:5px;background:var(--verde);border-radius:50%;display:inline-block}@media(max-width:600px){header{padding:0 20px}.hero{padding:56px 20px 72px}.main{padding:40px 16px 80px}.hero-stats{gap:20px;flex-wrap:wrap}.intro-principios{grid-template-columns:1fr}footer{flex-direction:column;gap:16px;text-align:center}.intro-card,.pregunta,.card-top-body{padding:20px}.card-top-header{flex-wrap:wrap}}