:root{--ink:#122f32;--night:#0b2227;--gold:#c9a56b;--cream:#f4eedf;--muted:#aabbb2;scroll-behavior:smooth;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0}p{margin:0 0 18px}h2{font-size:clamp(32px,4vw,49px)}h3{font-size:27px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);font-weight:650;margin-bottom:15px}.skip{position:fixed;left:10px;top:-100px;z-index:10;background:var(--cream);color:var(--ink);padding:12px}.skip:focus{top:10px}.masthead{max-width:1400px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9a56b33}.brand{display:flex;gap:16px;align-items:center;font:16px Georgia,serif;letter-spacing:2px}.brand>span:first-child{font-size:46px;color:var(--gold);line-height:1}.brand small{display:block;font:8px system-ui,sans-serif;letter-spacing:2.5px;margin-top:8px}.masthead nav{display:flex;gap:30px;font-size:13px}.masthead nav a:hover{color:var(--gold)}.hero{min-height:610px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#0b2227 2%,#0b2227d9 35%,#0b222727 85%),linear-gradient(0deg,#0b2227,transparent 40%),url('v1/caso-01-assets/p11-web-cabecera.webp') center/cover;animation:drift 22s ease-in-out infinite alternate}.hero-copy{position:relative;margin:60px max(5%,calc((100vw - 1260px)/2));max-width:680px}.hero h1{font-size:clamp(52px,6.2vw,86px);letter-spacing:-3px;margin-bottom:27px}.hero h1 em{color:var(--gold)}.hero-copy>p:not(.eyebrow){color:#e3e4d6;line-height:1.9}.live-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:9px;box-shadow:0 0 15px #c9a56b}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:28px}.button,button{display:inline-block;border:1px solid #c9a56b77;border-radius:5px;padding:12px 19px;background:var(--ink);color:var(--cream);font-size:13px;font-weight:600}.gold{background:linear-gradient(120deg,#e1c68f,#bb945b);color:#152d30;border:0}.text-link{font-size:13px;border-bottom:1px solid #c9a56b88;padding-bottom:4px}.hero-seal{position:absolute;right:8%;bottom:80px;border:1px solid #e0c28699;border-radius:50%;width:160px;height:160px;text-align:center;padding:30px 8px;color:#f6e6bf;font-size:9px;letter-spacing:2px;transform:rotate(9deg)}.hero-seal span{font-size:38px;line-height:1.2}.club-strip{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:23px 5%;border-block:1px solid #c9a56b33;font-size:9px;letter-spacing:2px;color:var(--gold)}.section{max-width:1260px;margin:auto;padding:90px 0;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:34px}.section-heading>p{font-size:13px;color:var(--muted);margin:0;min-width:220px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case-card{background:#163036;border:1px solid #c9a56b33;border-radius:9px;overflow:hidden;transition:transform .25s,border-color .25s}.case-card:hover{transform:translateY(-6px);border-color:var(--gold)}.case-image{aspect-ratio:1.45;position:relative;overflow:hidden}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.case-card:hover img{transform:scale(1.05)}.case-image span{position:absolute;bottom:14px;left:15px;background:#0b2227df;padding:5px 9px;font-size:9px;letter-spacing:2px}.case-copy{padding:22px;display:flex;flex-direction:column;min-height:310px}.case-copy small{font-size:9px;letter-spacing:1.5px;color:var(--gold);margin-bottom:12px}.case-copy h3{font-size:26px;margin-bottom:15px}.case-copy p{font-size:13px;color:#bdc9c2}.tag{font-size:10px;color:#e4c385;margin-top:auto;padding-top:8px}.tag.muted{color:#95aaa2}.case-copy strong{display:block;font-size:12px;border-top:1px solid #c9a56b33;padding-top:17px;margin-top:17px;font-weight:500}.ranking-section{border-top:1px solid #c9a56b33}.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px}.ledger{background:var(--cream) url('v1/caso-01-assets/p12-textura.webp');color:var(--ink);border-radius:10px;padding:35px;min-width:0;box-shadow:0 15px 50px #0003}.ledger-heading{display:flex;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid #8c714944}.ledger .eyebrow{color:#82643b}.file-number{font:50px Georgia,serif;color:#ae8e5a}.ledger-intro{font-size:13px;color:#52625b;margin:22px 0}.ranking-aside{display:grid;gap:23px;align-content:start}.dark-card{border:1px solid #c9a56b66;padding:27px;border-radius:8px}.stat-row{display:flex;align-items:center;gap:18px;padding:12px 0;border-top:1px solid #c9a56b22}.stat-row strong{font:35px Georgia,serif;color:var(--gold);min-width:50px}.stat-row span{font-size:12px;color:#c3cec7}.paper-note{font-size:13px;color:#b2c1b8;padding:10px}.paper-note h3{font-size:24px;color:var(--cream);margin-bottom:18px}.paper-note small{font-size:11px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;padding:14px 7px;color:#6f684e}td{padding:19px 7px;border-top:1px solid #a78b5a44}td:first-child{font:24px Georgia,serif;color:#8a6936}.detective-code{display:block;font-size:9px;color:#63716a;letter-spacing:1px}.aid-badge{display:inline-block;padding:3px 7px;background:#dfe5d7;border-radius:4px;font-size:11px;white-space:nowrap}.aid-badge.used{background:#e8dcc1}.empty{padding:35px 15px;text-align:center;border:1px dashed #a78b5a66;border-radius:8px}.empty>span{font:48px Georgia,serif;color:#a78b5a}.empty h3{margin:12px 0;font-size:27px}.empty p{font-size:14px;color:#58665c;max-width:400px;margin:15px auto}.personal-position{border-left:3px solid #a7834c;padding:12px 16px;background:#a7834c12;margin-top:20px;font-size:13px}.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:20px;font-size:12px}.passport-section{border-top:1px solid #c9a56b33}.passport-emblem{font:70px Georgia,serif;color:var(--gold)}.profile-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#183238;border:1px solid #c9a56b44;padding:30px;border-radius:9px}.profile-intro h3{margin-bottom:12px}.profile-intro p{font-size:14px;color:#b8c6bd}.personal-stats{display:flex;gap:32px;margin-top:25px;font-size:12px;color:#b8c6bd}.personal-stats strong{display:block;color:var(--gold);font:30px Georgia,serif}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.record{padding:25px;background:#f0e8d8;color:var(--ink);border:1px solid var(--gold);border-radius:9px}.record h3{font-size:24px;margin:18px 0}.record small{font-size:11px}.record .stamp{display:inline-block;border:1px solid #5e785f;color:#4a654b;transform:rotate(-3deg);font-size:10px;padding:3px 8px;letter-spacing:1.5px}.record dl{display:grid;grid-template-columns:1fr auto;font-size:13px;margin:20px 0;gap:8px}.record dd{margin:0;font-weight:600}.record a{display:inline-block;font-size:13px;margin-top:10px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.fine{font-size:12px;color:#9cafaa}.closing{text-align:center;border-top:1px solid #c9a56b33}.closing h2{margin:25px 0 32px}.closing:before{content:'✧';font:55px Georgia,serif;color:var(--gold)}footer{border-top:1px solid #c9a56b33;padding:30px 5%;display:flex;gap:25px;justify-content:space-between;color:#a9bcb3;font-size:11px}dialog{border:1px solid #c9a56b;border-radius:12px;background:var(--cream);color:var(--ink);max-width:520px;width:92vw;max-height:85dvh;padding:30px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#0b2227d9;backdrop-filter:blur(8px)}dialog h2{font-size:34px;margin:15px 0 22px}dialog p{font-size:14px}dialog label{display:block;font-size:13px;margin:15px 0}dialog input{color:var(--ink);background:#fffcf5;border:1px solid #a78b5a88;border-radius:5px;width:100%;padding:12px;margin-top:6px}dialog input[type=checkbox]{width:auto;margin-right:8px}.modal-close{float:right;background:transparent;color:var(--ink);border:0;font-size:24px;padding:0 7px}.error{color:#8a382a}.table-scroll{overflow:auto}@keyframes drift{to{transform:scale(1.045)}}@media(max-width:1360px){.section{margin-inline:5%}}@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,1fr)}.ranking-layout{grid-template-columns:1fr}.ranking-aside{grid-template-columns:1fr 1fr}.records{grid-template-columns:1fr 1fr}.hero-seal{display:none}}@media(max-width:600px){.masthead{align-items:start;gap:22px;flex-direction:column}.masthead nav{gap:24px;font-size:12px}.hero{min-height:570px}.hero h1{letter-spacing:-2px}.section{padding:58px 0}.section-heading{align-items:start;flex-direction:column}.section-heading>p{min-width:0}.club-strip{justify-content:start;font-size:8px}.case-grid,.records{grid-template-columns:1fr}.case-copy{min-height:250px}.case-image{aspect-ratio:1.8}.ranking-aside{grid-template-columns:1fr}.ledger{padding:23px 15px}.ledger-heading{gap:13px}.ledger h3{font-size:24px}th{letter-spacing:0;font-size:8px}td{font-size:11px;padding:16px 5px}td:first-child{font-size:20px}.profile-intro{align-items:start;flex-direction:column;padding:24px}.personal-stats{gap:22px}.passport-emblem{display:none}footer{flex-direction:column;gap:14px}.hero-copy{margin-block:40px}.hero-copy>p:not(.eyebrow){font-size:14px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.case-card:hover,.record .stamp{transform:none}}

.case-grid{grid-template-columns:repeat(3,1fr)}.detective-identity{display:flex;align-items:center;gap:13px;min-width:150px}.detective-avatar{display:block;width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid #b59159;box-shadow:0 2px 8px #0002;flex-shrink:0}.detective-avatar.large{width:96px;height:96px}.profile-portrait{display:flex;align-items:center;gap:20px;margin-bottom:20px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-grid button{background:transparent;padding:5px;border:2px solid transparent;color:var(--ink);border-radius:10px}.avatar-grid button[aria-pressed=true]{border-color:#a78143;background:#dfd0ad66}.avatar-grid .detective-avatar{width:100%;height:auto;aspect-ratio:1}.avatar-grid span{display:block;font-size:9px;line-height:1.35;margin-top:7px}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px dashed #aa8b56;padding:12px;margin:16px 0;font-size:11px;background:#e9dec866}.demo-controls button{font-size:11px;padding:7px 12px}@media(max-width:1000px){.case-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.case-grid{grid-template-columns:1fr}.detective-identity{gap:7px;min-width:120px}.detective-avatar{width:38px;height:38px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:6px}}

.masthead nav{flex-wrap:wrap}