@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;600;800;900&family=Playfair+Display:ital,wght@0,700;1,600&display=swap');*{box-sizing:border-box}html{background:#07090a;color:#eeece6;font-family:Inter,system-ui,sans-serif}body{margin:0;background:radial-gradient(circle at 80% 10%,#182026 0,transparent 28%),#07090a;min-height:100vh}button,a{font:inherit}button{cursor:pointer}.jnav{height:62px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(#07090ae8,transparent)}.wordmark{color:#fff;text-decoration:none;font-weight:900}.wordmark:first-letter{background:#821d23;padding:7px 10px}.wordmark span{margin-left:12px;letter-spacing:.2em;font-size:11px}.jnav button{border:0;background:transparent;color:#aeb4b5;text-transform:uppercase;font-size:10px;letter-spacing:.12em;padding:10px}.jnav b{color:#d6a45e}.opening{min-height:100dvh;display:grid}.cctv{height:56dvh;position:relative;overflow:hidden}.cctv img{width:100%;height:100%;object-fit:cover;filter:grayscale(.38) contrast(1.12)}.cctv:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0003 4px),linear-gradient(transparent,#07090a)}.cctv span,.cctv i,.timecode{font:11px DM Mono;color:#e6bd75;position:absolute;z-index:2;top:80px}.cctv span{left:18px}.cctv i{right:18px;color:#cf3f43}.open-copy{padding:0 22px 40px;margin-top:-30px;z-index:2}.stamp{font:10px DM Mono;letter-spacing:.16em;color:#d6a45e}.open-copy blockquote{font:italic 18px Playfair Display;margin:18px 0}.open-copy h1,.vote-screen h1,.episode h1,.cliff h1,.file>h1,.final>h1{font:900 clamp(42px,13vw,88px)/.88 Inter;margin:18px 0;letter-spacing:-.06em}.open-copy>p:not(.stamp),.story{color:#aeb4b5;line-height:1.65}.primary,.secondary{min-height:58px;border:0;padding:0 22px;letter-spacing:.14em;font-weight:900;font-size:11px}.primary{background:#8f2027;color:white}.secondary{background:transparent;color:#ddd;border:1px solid #465056;margin:10px}.open-copy .primary{width:100%;margin-top:16px}.vote-screen,.cliff,.final,.file{min-height:100dvh;padding:100px 22px 40px;display:flex;flex-direction:column;justify-content:center;max-width:1000px;margin:auto}.vote-screen>div{display:grid;gap:12px}.vote-screen button,.choices button{min-height:64px;background:#101416;color:#eee;border:1px solid #30383c;text-align:left;padding:16px 20px;font-weight:800;letter-spacing:.08em}.vote-screen button:hover,.choices button:hover{border-color:#a12931;background:#171113}.episode{min-height:100dvh;padding-top:62px;display:grid}.episode-art{min-height:36vh;background:linear-gradient(transparent,#07090a),url('../series/el-juicio/cover.png') center var(--pos)/cover;position:relative;filter:saturate(.65)}.timecode{left:18px;top:20px}.episode article{padding:12px 22px 40px;max-width:680px}.episode h2{font:700 22px Playfair Display;margin:28px 0 14px}.episode aside{display:flex;gap:8px;flex-wrap:wrap}.episode aside span{font:10px DM Mono;padding:7px;border:1px solid #5d4d39;color:#dfb66f}.choices{display:grid;gap:9px}.cliff{text-align:center}.cliff p:not(.stamp){font:italic 20px Playfair Display;color:#b6b2ab}.pulse{font:10px DM Mono;color:#d6a45e;margin:25px 0}.back{align-self:flex-start;border:0;background:none;color:#aab0b1;margin-bottom:30px}.timeline{display:flex;align-items:center;position:relative;font:12px DM Mono;margin:35px 0}.timeline span{height:1px;background:#555;flex:1;margin:0 12px}.timeline i{position:absolute;height:3px;background:#9d272e;left:54px}.evidence-grid,.jurors{display:grid;gap:12px}.evidence-grid article,.jurors article{border:1px solid #30383c;background:#0d1113;padding:20px}.evidence-grid small{font:10px DM Mono;color:#a8a19a}.evidence-grid article>b{display:block;color:#d5a45f;font:12px DM Mono;margin:20px 0 5px}.evidence-grid h2,.jurors h2{margin:0;font-size:18px}.evidence-grid p,.jurors p,.jurors small{color:#9ba0a0;line-height:1.55}.jurors article i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#202629;color:#d5a45f;font:11px DM Mono;float:right}.final ol{list-style:none;padding:0}.final li{border-top:1px solid #30383c;padding:13px 0;display:grid;gap:4px}.final li span{color:#9fa4a4;font:13px Playfair Display}.verdict{text-align:center;border:1px solid #454d50;padding:35px 15px;margin:30px 0;background:#0b0e10}.verdict p{font:italic 16px Playfair Display}.verdict h2{font:900 clamp(54px,16vw,110px)/1 Inter;color:#a32830;margin:25px 0 4px}.verdict strong{font:20px DM Mono;color:#d4aa6d}.global{height:180px;display:flex;gap:7px;align-items:flex-end;border-bottom:1px solid #444;margin:35px 0;position:relative}.global h3{position:absolute;top:-25px;font-size:11px;letter-spacing:.15em}.global span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font:8px DM Mono;color:#999}.global i{width:70%;background:#4c1b20;display:block;order:2}.global b{font-size:8px;order:1}.global span{order:3}@media(min-width:800px){.opening{grid-template-columns:58% 42%;align-items:center}.cctv{height:100dvh}.open-copy{padding:80px 50px;margin:0}.episode{grid-template-columns:55% 45%;align-items:center}.episode-art{height:100vh}.episode article{padding:80px 45px}.evidence-grid{grid-template-columns:repeat(3,1fr)}.jurors{grid-template-columns:repeat(2,1fr)}}
