[hidden]{display:none!important}:root{--bg:#090907;--panel:#11100d;--panel2:#16130f;--cream:#ead9aa;--muted:#b9aa80;--red:#c53227;--red2:#e64436;--gold:#d5a739;--green:#6fd19b;--line:#3d3629;--blue:#1686ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}body::before{content:"";position:fixed;inset:74px 0 0;z-index:-3;background:url('/assets/brand/departamento-ideas-pendejas-logo-oficial.png') 50% 42%/min(860px,72vw) auto no-repeat;opacity:.27;pointer-events:none}body::after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#070706f5 0%,#090908d7 42%,#090908a9 64%,#070706e9 100%),radial-gradient(circle at 61% 32%,transparent 0 20%,#09090782 58%,#090907 92%);pointer-events:none}a{color:inherit}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:86px;padding:10px clamp(22px,4vw,70px);background:#080807f5;border-bottom:1px solid #342e23;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 5px 12px #000)}.brand-copy{display:grid;gap:4px;line-height:1}.brand-copy strong{font-size:clamp(.95rem,1.7vw,1.3rem);text-transform:uppercase;white-space:nowrap;letter-spacing:.015em;font-weight:950}.brand-copy strong em{font-style:normal;color:var(--red2)}.brand-copy small{font:800 .69rem ui-monospace,monospace;letter-spacing:.22em;color:#c8b785;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a{text-decoration:none;font-size:.86rem;color:#d0bf91;white-space:nowrap}.topbar nav a:hover{color:#fff1c5}.topbar .nav-cta{padding:12px 18px;background:linear-gradient(#c93429,#9e201a);border:1px solid #e0463a;color:#fff3da;font-weight:900;border-radius:3px;box-shadow:0 0 0 1px #000 inset}.landing{width:min(1540px,100%);margin:0 auto;padding:0 clamp(18px,4vw,70px) 52px}.hero{position:relative;min-height:520px;margin:0 calc(clamp(18px,4vw,70px)*-1);padding:72px clamp(30px,6vw,95px) 60px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:url('/assets/brand/departamento-ideas-pendejas-logo-oficial.png') 76% 43%/min(760px,58vw) auto no-repeat;opacity:.58;filter:saturate(.82) contrast(1.08);z-index:-1}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090907 0%,#090907f4 35%,#090907a8 58%,#09090752 76%,#090907c9 100%)}.hero-content{width:min(760px,58%);border-left:3px solid var(--red2);padding-left:24px}.hero-kicker,.archive-head span,.eyebrow,.studio-head span{font:900 .75rem ui-monospace,monospace;letter-spacing:.16em;color:var(--red2)}.hero h1{font-size:clamp(3.2rem,6.2vw,6.2rem);line-height:.92;letter-spacing:-.05em;margin:.14em 0 .18em;text-transform:none;color:#f0deb0;text-shadow:0 7px 25px #000}.hero-copy{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.55;color:#d2c294;max-width:690px}.hero-actions,.controls{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn,button{appearance:none;border:1px solid #655b45;background:#161410;color:var(--cream);padding:13px 18px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none;border-radius:2px}.btn:hover,button:hover{border-color:#e7d4a6}.btn.primary{background:linear-gradient(#cf392e,#a9211b);border-color:#e14c40;color:#fff1d1}.hero-motto{margin:28px 0 0;font:800 .72rem ui-monospace,monospace;letter-spacing:.22em;color:#cdb986}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:28px 0}.quick-card{min-height:150px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px 28px;text-decoration:none;border:1px solid #41382a;background:linear-gradient(105deg,#12100de8,#0d0c0ad6);position:relative;overflow:hidden;box-shadow:0 18px 50px #0004}.quick-card::before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(135deg,transparent 0 45%,#a62b22 46% 48%,transparent 49%)}.quick-card:hover{border-color:#7c6545;transform:translateY(-1px)}.quick-icon{font-size:2rem;color:var(--red2);z-index:1}.quick-card h2{margin:0 0 6px;font-size:2rem;color:#efddb0}.quick-card p{margin:0;color:#bfae84;line-height:1.45}.quick-arrow{font-size:2.5rem;border:1px solid #5a5040;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;z-index:1}.archive-block{border-top:1px solid var(--line);padding:46px 0 30px}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.archive-head h2{font-size:clamp(2.4rem,4.6vw,4.7rem);margin:.12em 0 0;letter-spacing:-.045em;color:#efdcae}.archive-head p{max-width:440px;color:#a99a75;line-height:1.5;margin:0 0 8px}.episode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.episode-card{padding:24px;border:1px solid #443b2d;background:#12100de8;min-height:190px}.episode-card .tag{font:800 .7rem ui-monospace,monospace;color:var(--green);letter-spacing:.1em}.episode-card h3{font-size:1.35rem;margin:.65em 0}.episode-card p{color:#bdad84;line-height:1.5}footer{display:grid;place-items:center;gap:8px;padding:28px 20px 42px;border-top:1px solid #302a20;background:#080807c7}footer p{margin:0;color:#716751;font-size:.78rem}.doss-seal{background:transparent;border:0;padding:0;max-width:min(470px,75vw)}.doss-seal img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 20px #000)}.player{position:fixed;z-index:40;left:2vw;right:2vw;bottom:18px;display:grid;grid-template-columns:auto auto auto minmax(160px,1fr) minmax(140px,2fr);gap:8px;align-items:center;background:#0c0b09f5;border:1px solid #4d432f;padding:9px;box-shadow:0 16px 50px #000}.player-meta{display:grid}.player-meta span{font-size:.75rem;color:#998c6d}.modal{position:fixed;z-index:100;inset:0;background:#000c;display:grid;place-items:center;padding:20px}.modal-card{width:min(560px,100%);background:#17150f;border:1px solid #6a5a38;padding:26px;box-shadow:0 30px 100px #000;position:relative}.modal-card h2{font-size:2rem;margin:.4em 0}.modal-card label,.studio label,.pwa-key label{display:grid;gap:8px;margin:14px 0;color:#cdbd93}.modal input,.studio input,.studio textarea,.pwa-key input{width:100%;background:#090806;border:1px solid #504630;color:#f0ddb0;padding:12px;font:inherit}.x{position:absolute;right:10px;top:8px;background:none;border:0;font-size:1.6rem}.waiting{border:1px dashed #d0a931;padding:16px;color:#e0ad2d;margin:14px 0}.pair-help{color:#bbaa80;font-size:.9rem;margin-top:12px}.pairing-code{font:950 clamp(2.6rem,9vw,4.8rem) ui-monospace,monospace;letter-spacing:.22em;text-align:center;color:#f0d99d;background:#090806;border:1px solid #6d5830;padding:12px 8px;margin:10px 0;text-shadow:0 0 18px #d6a52255}.pair-expiry{display:block;text-align:center;color:#877b60;margin-bottom:12px}.status{color:var(--green);min-height:1.2em}.studio{min-height:100vh;padding:28px;background:#0a0907}.studio-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{background:#15130f;border:1px solid #443b2d;padding:20px}.meter{height:20px;background:#050505;border:1px solid #3c3427}.meter i{display:block;height:100%;width:3%;background:#68ce8e}.time{font:800 3rem ui-monospace,monospace;text-align:center;margin:18px}.pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pad-grid button.active{border-color:#5fe48f;box-shadow:inset 0 0 0 1px #5fe48f}.muted{color:#8e8368}.pwa-body{background:#080807}.pwa-key{width:min(720px,calc(100% - 28px));margin:36px auto;padding:26px;border:1px solid #4b402e;background:#12100d;box-shadow:0 30px 100px #0009}.pwa-key h1{font-size:2.4rem;margin:.35em 0}.pair-box{margin:22px 0;padding:20px;border:1px solid #4b402e;background:#0b0a08}.pair-input{font:900 2rem ui-monospace,monospace!important;letter-spacing:.24em;text-align:center}.request-list{display:grid;gap:12px;margin-top:20px}.request{border:1px solid #4c4231;padding:16px;background:#0a0907;display:grid;gap:5px}.request span,.request small{color:#a79a78}.device-ok{display:flex;align-items:center;gap:10px;color:var(--green);font-weight:900}.danger-link{background:none;border:0;color:#a98b78;padding:8px 0;text-align:left;font-size:.8rem}.request .controls{margin-top:10px}.request .controls button:first-child{border-color:#63c98b}.request .controls button:last-child{border-color:#c95449}@media(max-width:900px){.topbar{min-height:72px;padding:8px 16px}.brand img{width:48px;height:48px}.brand-copy strong{font-size:.82rem}.brand-copy small{font-size:.55rem;letter-spacing:.1em}.topbar nav a:not(.nav-cta){display:none}.topbar .nav-cta{padding:10px 12px;font-size:.74rem}.landing{padding:0 16px 30px}.hero{margin:0 -16px;min-height:560px;padding:55px 24px 42px;align-items:end}.hero-art{background-position:68% 28%;background-size:auto 78%;opacity:.48}.hero::after{background:linear-gradient(180deg,#09090735 0,#0909079d 42%,#090907f5 73%,#090907 100%)}.hero-content{width:100%;padding-left:16px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.quick-grid{grid-template-columns:1fr}.archive-head{display:block}.archive-head p{margin-top:10px}.studio-grid{grid-template-columns:1fr}.player{grid-template-columns:auto auto auto 1fr;left:8px;right:8px}.player input{grid-column:1/-1}.pad-grid{grid-template-columns:repeat(2,1fr)}body::before{background-size:120vw;opacity:.17}.doss-seal{max-width:340px}}
.push-card{display:grid;gap:8px;margin:18px 0;padding:16px;border:1px solid #4b402e;background:#0b0a08}.push-card span{color:#bbaa80}.push-card .btn{justify-self:start}