:root{--blue:#123790;--orange:#fd6e14;--ink:#101a2e;--paper:#f6f4ee;--muted:#74809a;--line:#d9dfeb;--dark:#0c1425;--green:#14755b;--red:#bd3440;--shadow:0 22px 50px rgba(13,27,58,.12)}*{box-sizing:border-box}body{margin:0;background:#e9edf5;color:var(--ink);font:15px/1.55 Poppins,Arial,sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.topbar{height:68px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:white;border-bottom:3px solid var(--orange);position:relative;z-index:2}.brand,.icon-button{border:0;color:inherit;background:transparent;cursor:pointer;font-weight:700;letter-spacing:.08em}.brand{font-size:12px}.brand span{font-family:Anton;font-size:23px;color:var(--orange);letter-spacing:.04em;margin-right:6px}.brand i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66ceaa;margin-left:7px}.top-actions{display:flex;gap:14px}.icon-button{font-size:11px;opacity:.9}.icon-button:first-letter{font-size:18px}.shell{max-width:1350px;margin:auto;padding:clamp(28px,5vw,68px) clamp(18px,4vw,52px)}.eyebrow{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.display{font:clamp(42px,7vw,100px)/.9 Anton,sans-serif;letter-spacing:.01em;margin:10px 0 22px;text-transform:uppercase}.display.small{font-size:clamp(36px,4.6vw,66px)}.lede{font-size:clamp(16px,2vw,22px);max-width:570px;color:#55627a}.button{border:0;cursor:pointer;text-transform:uppercase;font:700 12px Poppins;letter-spacing:.08em;padding:16px 21px;transition:.18s transform,.18s box-shadow;border-radius:4px}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:#17130f;box-shadow:0 8px 0 #bc4b09}.button.primary:hover{box-shadow:0 10px 0 #bc4b09}.button.dark{background:var(--blue);color:white}.button.ghost{background:transparent;border:1px solid currentColor}.button.pale{background:#e7ecf7;color:var(--blue)}.button.danger{background:#fff0f1;color:var(--red)}.button-row{display:flex;gap:13px;flex-wrap:wrap}.home{min-height:calc(100vh - 68px);background:radial-gradient(circle at 87% 10%,#25488e 0,#14295f 25%,#0d1932 63%);color:white;overflow:hidden;position:relative}.home:after{content:'EVIDENCIA  A';position:absolute;right:-1vw;bottom:-5vw;font:clamp(90px,18vw,290px) Anton;color:rgba(255,255,255,.04);white-space:nowrap}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:calc(100vh - 68px);gap:70px;position:relative;z-index:1}.home .lede{color:#d1d8e9}.case-card{background:var(--paper);color:var(--ink);padding:24px;box-shadow:var(--shadow);transform:rotate(2.3deg);max-width:430px;justify-self:end;position:relative}.case-card:before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#c9313d;top:11px;left:50%;box-shadow:0 2px 3px #555}.case-card .police{font:11px/1.2 monospace;color:#64718a;letter-spacing:.09em;border-bottom:1px solid #cbd0d9;padding-bottom:13px;margin-bottom:18px}.case-card h3{font:32px Anton;margin:0 0 8px}.evidence-line{border-left:3px solid var(--orange);padding-left:14px;margin:19px 0;font-size:14px}.stamp{display:inline-block;border:3px solid var(--red);color:var(--red);font:23px Anton;padding:4px 9px;transform:rotate(-7deg);opacity:.82}.mode-grid,.case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mode-card,.case-tile{background:white;padding:29px;border:1px solid #dce2ee;box-shadow:0 8px 25px rgba(23,42,78,.06)}.mode-number{font:45px Anton;color:#dfe5f0}.mode-card h2{font:32px/1 Anton;margin:8px 0 12px}.mode-card p{color:#5b6880;min-height:73px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #ccd5e4;background:white;padding:8px 12px;font:700 10px Poppins;cursor:pointer;color:#4d5a73}.filter.active{background:var(--blue);color:white;border-color:var(--blue)}.case-list{grid-template-columns:repeat(3,minmax(0,1fr))}.case-tile{cursor:pointer;transition:.2s;position:relative;overflow:hidden}.case-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.case-tile:before{content:'CASO';color:#d6dce7;position:absolute;right:9px;top:4px;font:55px Anton}.case-tile>*{position:relative}.case-tile .num{font:20px Anton;color:var(--orange)}.case-tile h3{font:22px/1.1 Anton;margin:9px 0}.badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;display:inline-block;background:#edf1f8;color:#53617a}.badge.medium{background:#fff1df;color:#9a500d}.badge.hard{background:#ffe7ea;color:#a52835}.workspace{padding-top:35px}.case-header{display:flex;justify-content:space-between;align-items:start;background:var(--dark);color:white;padding:26px 30px;border-bottom:5px solid var(--orange)}.case-header h1{font:42px Anton;margin:5px 0 0}.case-status{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aeb8cf}.result{font:700 17px Poppins;color:#ffd9c3}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:27px;margin-top:27px}.evidence{background:white;padding:29px;box-shadow:0 8px 24px rgba(20,35,67,.06);border-top:4px solid var(--blue)}.evidence-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #cbd4e0;padding-bottom:15px;margin-bottom:18px}.evidence-label{font:700 12px Poppins;letter-spacing:.12em;color:var(--blue)}.content-text{white-space:pre-wrap;font-size:16px;line-height:1.85}.board{background:#16233d;color:white;align-self:start;padding:20px;position:sticky;top:18px}.board h3{font:23px Anton;margin:0 0 13px}.suspect{width:100%;display:flex;justify-content:space-between;align-items:center;color:white;text-align:left;padding:10px 9px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;cursor:pointer;font:700 11px Poppins;letter-spacing:.06em}.status{font:9px Poppins;letter-spacing:.07em;color:#8d9bb5}.status.sospechoso{color:#ff9c5c}.status.complice{color:#ffdb76}.status.descartado{color:#6ed1b0}.clue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:25px}.clue{background:white;border:1px solid #dce3ee;padding:19px;text-align:left;cursor:pointer;min-height:142px;transition:.18s;border-top:4px solid #d3dbe8}.clue:hover{border-color:var(--orange);transform:translateY(-2px)}.clue.open{border-top-color:var(--orange);background:#fffbf6}.clue-num{font:21px Anton;color:var(--orange)}.clue h3{font:21px Anton;margin:4px 0}.clue p{font-size:12px;color:#66738a;margin:0}.hypothesis{margin-top:25px;background:#edf2fb;border-left:5px solid var(--blue);padding:25px}.hypothesis h2{font:29px Anton;margin:0 0 12px}.check-row{display:flex;gap:8px;flex-wrap:wrap}.check-row label{background:white;border:1px solid #d2dbea;padding:9px 11px;font-size:11px;font-weight:600;cursor:pointer}.check-row input{accent-color:var(--orange)}textarea,input,select{font:inherit;border:1px solid #cfd8e8;border-radius:3px;padding:12px;width:100%;background:white;color:var(--ink)}textarea{min-height:95px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;color:#526079}.field.full{grid-column:1/-1}.privacy{background:#fff5e9;padding:14px;display:flex;gap:9px;font-size:13px;margin:20px 0}.privacy input{width:auto;accent-color:var(--orange)}.clue-modal{position:fixed;inset:0;background:rgba(6,13,28,.67);z-index:30;display:grid;place-items:center;padding:20px}.modal{background:var(--paper);width:min(600px,100%);padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative}.modal .close{position:absolute;right:16px;top:13px;background:none;border:0;font-size:25px;cursor:pointer}.modal h2{font:34px Anton;margin:8px 0}.modal .insight{border-left:4px solid var(--orange);padding:13px 16px;background:white;margin:18px 0}.mark-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mark{border:1px solid #d3dae7;padding:12px 7px;background:white;cursor:pointer;font:700 10px Poppins}.mark.red{color:var(--red);border-color:#e7b7bd}.mark.orange{color:#bd650f;border-color:#f0ceac}.reveal{min-height:calc(100vh - 68px);background:radial-gradient(circle at 50% 20%,#293b65,#0b1222 69%);color:white;display:grid;place-items:center;text-align:center;padding:40px}.reveal-inner{max-width:870px}.scan{font:11px Poppins;letter-spacing:.3em;color:#8da4d6;margin-bottom:20px}.cause{font:clamp(42px,7vw,94px)/.93 Anton;color:#fff;margin:20px 0}.cause span{color:var(--orange)}.precision{font:18px Poppins;color:#bac5da}.report{background:var(--paper);color:var(--ink)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-card{background:white;padding:25px;border-top:4px solid var(--blue)}.report-card h3{font:25px Anton;margin:0 0 10px}.quote{padding:12px 14px;background:#fff5e9;color:#764219;font-size:13px;margin:9px 0}.rebuild{margin-top:28px;background:#122e75;color:white;padding:clamp(25px,4vw,50px)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.version{padding:21px;background:rgba(255,255,255,.09)}.version h3{font:20px Anton;margin:0 0 12px;color:#ffb57f}.version.after{background:white;color:var(--ink)}.version.after h3{color:var(--orange)}.voting{background:#122e75;color:white;min-height:calc(100vh - 68px)}.vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:25px 0}.vote{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:15px;background:rgba(255,255,255,.09);font:700 14px Poppins}.vote button{border:0;background:white;color:var(--blue);width:29px;height:29px;cursor:pointer;font-weight:700}.vote strong{font:28px Anton;color:var(--orange);min-width:31px;text-align:center}.archive-table{background:white;padding:0;overflow:auto}.archive-table table{width:100%;border-collapse:collapse;min-width:700px}.archive-table th,.archive-table td{text-align:left;padding:16px;border-bottom:1px solid #e2e7ef;font-size:13px}.archive-table th{font-size:10px;letter-spacing:.1em;color:#6a7690}.empty{padding:45px;text-align:center;color:#6d7890}.toast{position:fixed;right:20px;bottom:20px;background:#142b5d;color:white;padding:14px 18px;z-index:99;box-shadow:var(--shadow);font-size:13px}@media(max-width:800px){.home-grid,.work-grid{grid-template-columns:1fr}.home-grid{padding-top:20px}.case-card{justify-self:start;margin-bottom:25px}.mode-grid,.case-list,.report-grid,.before-after{grid-template-columns:1fr}.case-list{gap:12px}.board{position:static;order:-1}.clue-list{grid-template-columns:1fr}.case-header{padding:20px;display:block}.case-header h1{font-size:33px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.top-actions span{display:none}.mark-actions{grid-template-columns:1fr}.vote-grid{grid-template-columns:1fr}.display{font-size:52px}.shell{padding-top:32px}}