:root {
--psp-verde:#0B5E43;--psp-verde-m:#1D9E75;--psp-azul:#0C447C;
--psp-naranja:#EF9F27;--psp-rojo:#C9381A;
--psp-bg:#FFFFFF;--psp-bg-alt:#F8F9FA;--psp-bg-card:#FFFFFF;
--psp-text:#1A1A1A;--psp-text-muted:#555555;
--psp-border:#E2E8F0;--psp-shadow:0 2px 12px rgba(0,0,0,.08);--psp-radius:12px;
}
.psp-card{background:var(--psp-bg-card);border:1px solid var(--psp-border);border-radius:var(--psp-radius);padding:28px;box-shadow:var(--psp-shadow);color:var(--psp-text);margin-bottom:24px}
.psp-input{width:100%;padding:12px 16px;border:1.5px solid var(--psp-border);border-radius:8px;font-size:15px;color:var(--psp-text);background:var(--psp-bg);margin-bottom:12px;outline:none;transition:border-color .2s}
.psp-input:focus{border-color:var(--psp-verde)}
.psp-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;border:none;transition:all .2s;background:var(--psp-bg-alt);color:var(--psp-text)}
.psp-btn-primary{background:var(--psp-verde);color:#fff}
.psp-btn-full{width:100%;justify-content:center}
.psp-btn-wa{background:#25D366;color:#fff}.psp-btn-tg{background:#229ED9;color:#fff}
.psp-btn-fb{background:#1877F2;color:#fff}.psp-btn-tw{background:#000;color:#fff}
.psp-btn-sm{padding:6px 12px;font-size:12px}
.psp-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:28px}
.psp-kpi-card{background:var(--psp-bg-card);border:1px solid var(--psp-border);border-radius:var(--psp-radius);padding:20px 16px;text-align:center;box-shadow:var(--psp-shadow)}
.psp-kpi-icon{font-size:28px;margin-bottom:6px}
.psp-kpi-valor{font-size:24px;font-weight:800;color:var(--psp-verde)}
.psp-kpi-label{font-size:12px;color:var(--psp-text-muted);margin-top:4px}
.psp-kpi-meta{font-size:11px;color:#999;margin-top:4px}
.psp-kpi-prog{height:4px;background:var(--psp-border);border-radius:2px;margin:8px 0 4px;overflow:hidden}
.psp-prog-bar{height:100%;background:var(--psp-verde-m);border-radius:2px;transition:width .6s;width:0}
.psp-charts-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:28px}
.psp-chart-box{background:var(--psp-bg-card);border:1px solid var(--psp-border);border-radius:var(--psp-radius);padding:20px;box-shadow:var(--psp-shadow)}
.psp-chart-box h4{margin:0 0 14px;font-size:14px;font-weight:700}
.psp-map-box{background:var(--psp-bg-card);border:1px solid var(--psp-border);border-radius:var(--psp-radius);padding:20px;box-shadow:var(--psp-shadow);margin-bottom:28px}
.psp-countdown-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--psp-verde);color:#fff;padding:14px 20px;border-radius:var(--psp-radius);margin-bottom:24px;font-size:14px}
.psp-cd-unit{background:rgba(255,255,255,.15);padding:6px 12px;border-radius:6px}
.psp-cd-unit b{font-size:20px;font-weight:800}
.psp-ranking-wrap{background:var(--psp-bg-card);border:1px solid var(--psp-border);border-radius:var(--psp-radius);padding:20px;box-shadow:var(--psp-shadow)}
.psp-ranking-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.psp-rtab{padding:7px 16px;border-radius:20px;border:1.5px solid var(--psp-border);background:var(--psp-bg);cursor:pointer;font-size:13px;font-weight:600}
.psp-rtab.active{background:var(--psp-verde);color:#fff;border-color:var(--psp-verde)}
.psp-rank-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--psp-border);font-size:14px}
.psp-rank-pos{width:36px;text-align:center;font-size:18px}
.psp-rank-nombre{flex:1;font-weight:600}
.psp-rank-val{color:var(--psp-text-muted);font-size:13px}
.psp-metodos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}
.psp-metodo-btn{padding:14px 12px;border-radius:10px;border:2px solid var(--psp-border);background:var(--psp-bg);cursor:pointer;font-weight:700;font-size:13px;text-align:center;transition:all .2s;color:var(--psp-text)}
.psp-metodo-btn:hover{border-color:var(--psp-verde);background:rgba(11,94,67,.04)}
.psp-instrucciones{background:var(--psp-bg-alt);padding:20px;border-radius:10px;margin-top:16px}
.psp-success{background:#f0fdf4;border:1px solid #86efac;padding:14px;border-radius:8px;color:#166534}
.psp-error{background:#fef2f2;border:1px solid #fca5a5;padding:14px;border-radius:8px;color:#991b1b}
.psp-codigo-box{display:flex;align-items:center;gap:12px;background:var(--psp-bg-alt);padding:16px;border-radius:8px;margin-bottom:14px}
.psp-codigo-grande{font-size:22px;font-weight:800;letter-spacing:.1em;color:var(--psp-verde);font-family:monospace;flex:1}
.psp-share-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.psp-nivel-box{background:var(--psp-bg-alt);border-radius:8px;padding:16px;margin-bottom:16px}
.psp-prog{height:6px;background:var(--psp-border);border-radius:3px;margin:8px 0}
.psp-prog-fill{height:100%;background:var(--psp-naranja);border-radius:3px;transition:width .6s}
.psp-stats-row{display:flex;gap:12px}
.psp-stat{flex:1;text-align:center;background:var(--psp-bg-alt);padding:14px;border-radius:8px}
.psp-stat strong{display:block;font-size:22px;font-weight:800;color:var(--psp-verde)}
.psp-stat span{font-size:12px;color:var(--psp-text-muted)}
.psp-table{width:100%;border-collapse:collapse;font-size:14px}
.psp-table th,.psp-table td{padding:10px 12px;border-bottom:1px solid var(--psp-border);text-align:left}
.psp-table th{background:var(--psp-bg-alt);font-weight:700;font-size:13px;color:var(--psp-text-muted)}
.psp-termometro-wrap{display:flex;align-items:center;gap:24px;padding:20px 0}
.psp-termometro-tubo{width:32px;height:160px;background:var(--psp-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.psp-termometro-fill{background:var(--psp-verde);width:100%;border-radius:16px;transition:height 1s}
.psp-termometro-bulb{width:48px;height:48px;background:var(--psp-rojo);border-radius:50%;margin:0 auto -8px;position:relative;z-index:1}
.psp-termo-val{font-size:28px;font-weight:800;color:var(--psp-verde)}
.psp-termo-pct{font-size:20px;font-weight:700;color:var(--psp-naranja);margin-top:4px}
.psp-otp{text-align:center;font-size:28px;letter-spacing:.3em;font-family:monospace}
.psp-monto-display{font-size:18px;font-weight:700;margin-bottom:16px}
.psp-calc-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:14px}
@media(max-width:600px){.psp-kpi-grid{grid-template-columns:repeat(2,1fr)}.psp-charts-row{grid-template-columns:1fr}.psp-share-row .psp-btn{flex:1;font-size:12px;padding:9px 8px}}