:root{--granate-900: #3d0a16;--granate-700: #5c1123;--granate-500: #8c2237;--granate-300: #b94a5e;--oro: #d4a84b;--oro-claro: #f1d68a;--tinta: #1b1320;--papel: #f7f2e9;--papel-2: #efe7d8;--pizarra: #2b2f3a;--gris: #9aa0ad;--ok: #2e8b57;--no: #c0392b;--obs: #d68910;--pend: #6c7a89;--sombra-3d: 0 1px 0 rgba(255,255,255,.6) inset, 0 12px 30px -12px rgba(27,19,32,.45), 0 30px 60px -30px rgba(92,17,35,.35);--radio: 18px;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--tinta);background:radial-gradient(1200px 600px at 10% -10%,#7a1a2f 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#c59a3e55 0%,transparent 55%),linear-gradient(160deg,var(--granate-900) 0%,#2a0a12 45%,#15080d 100%);background-attachment:fixed;min-height:100vh}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:.01em}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px 28px;color:var(--papel);background:linear-gradient(90deg,#3d0a16f2,#5c1123d9 50%,#3d0a16f2);border-bottom:1px solid rgba(212,168,75,.45);box-shadow:0 10px 30px -10px #0009;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header img,.header .emblema{height:64px;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.header .titulo{text-align:center}.header .titulo h1{font-size:clamp(22px,2.6vw,34px);font-weight:600;color:var(--oro-claro);text-shadow:0 2px 0 #3d0a16,0 6px 18px rgba(0,0,0,.5)}.header .titulo small{display:block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#f7f2e9cc;margin-top:4px}.header .usuario{display:flex;align-items:center;gap:12px;font-size:13px}.header .usuario b{color:var(--oro-claro)}.btn-salir{background:transparent;color:var(--papel);border:1px solid rgba(247,242,233,.4);border-radius:999px;padding:6px 14px;cursor:pointer;transition:.25s}.btn-salir:hover{background:var(--oro);color:var(--granate-900);border-color:var(--oro)}.menu{display:flex;justify-content:center;gap:14px;padding:22px 16px 8px;perspective:900px;flex-wrap:wrap}.menu-item{position:relative;border:0;cursor:pointer;min-width:150px;padding:16px 22px 14px;border-radius:14px;color:var(--papel);text-align:left;transform-style:preserve-3d;background:linear-gradient(145deg,#8c2237bf,#3d0a16e6);box-shadow:0 1px #ffffff26 inset,0 14px 28px -14px #000c;transition:transform .45s cubic-bezier(.2,.9,.3,1.3),box-shadow .35s,background .35s;animation:menu-in .6s both;animation-delay:calc(var(--i) * 90ms)}.menu-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;border:1px solid rgba(212,168,75,.35);pointer-events:none}.menu-item .ico{font-size:22px;display:block;margin-bottom:6px;transform:translateZ(30px)}.menu-item .lbl{font-family:var(--font-display);font-size:20px;font-weight:600;display:block}.menu-item .sub{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.menu-item:hover{transform:rotateX(8deg) rotateY(-6deg) translateY(-6px) scale(1.03);background:linear-gradient(145deg,#b94a5ed9,#5c1123f2)}.menu-item.activo{background:linear-gradient(145deg,var(--oro),#b88a2f);color:var(--granate-900);transform:translateY(-4px);box-shadow:0 0 0 2px #d4a84b80,0 18px 40px -14px #d4a84bb3}@keyframes menu-in{0%{opacity:0;transform:translateY(24px) rotateX(-30deg)}to{opacity:1;transform:none}}.contenido{max-width:1280px;margin:0 auto;padding:16px 20px 60px;animation:fade-up .5s both}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tarjeta{background:linear-gradient(165deg,var(--papel) 0%,var(--papel-2) 100%);border-radius:var(--radio);padding:22px 24px;box-shadow:var(--sombra-3d);position:relative}.tarjeta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radio);box-shadow:0 0 0 1px #d4a84b59 inset;pointer-events:none}.tarjeta h2{font-size:30px;color:var(--granate-700)}.tarjeta .desc{color:#5f5a63;margin:4px 0 18px;font-size:14px}.barra{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}table{width:100%;border-collapse:separate;border-spacing:0 8px}th{text-align:left;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7a6f77;padding:0 12px}td{background:#fff;padding:12px;font-size:14px;vertical-align:middle;box-shadow:0 1px #0000000d}tr td:first-child{border-radius:12px 0 0 12px}tr td:last-child{border-radius:0 12px 12px 0}tbody tr{transition:transform .2s}tbody tr:hover td{background:#fffaf0}.vacio{text-align:center;padding:36px;color:#8a8089;font-style:italic}.btn{border:0;border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:13px;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 6px 14px -6px #0006,0 1px #ffffff4d inset}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn-p{background:linear-gradient(150deg,var(--granate-500),var(--granate-700));color:#fff}.btn-oro{background:linear-gradient(150deg,var(--oro-claro),var(--oro));color:var(--granate-900)}.btn-s{background:linear-gradient(150deg,#fff,#e9e4da);color:var(--granate-700)}.btn-d{background:linear-gradient(150deg,#e74c3c,#b03a2e);color:#fff}.btn-mini{padding:6px 10px;font-size:12px;border-radius:8px}.acciones,.estados{display:flex;gap:6px;flex-wrap:wrap}.estado{border:0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer;background:#d9d9d9;color:#666;transition:all .3s cubic-bezier(.2,.9,.3,1.4);box-shadow:0 3px #bdbdbd}.estado:hover{transform:translateY(-1px)}.estado.on{color:#fff;transform:translateY(-2px) scale(1.06)}.estado.on.APROBADO{background:linear-gradient(150deg,#3cb371,var(--ok));box-shadow:0 4px #1f6b41,0 10px 20px -8px var(--ok)}.estado.on.RECHAZADO{background:linear-gradient(150deg,#e74c3c,var(--no));box-shadow:0 4px #8e2a20,0 10px 20px -8px var(--no)}.estado.on.OBSERVADO{background:linear-gradient(150deg,#f5b041,var(--obs));box-shadow:0 4px #9a620b,0 10px 20px -8px var(--obs)}.estado.on.PENDIENTE{background:linear-gradient(150deg,#8fa1b3,var(--pend));box-shadow:0 4px #4d5866,0 10px 20px -8px var(--pend)}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em}.chip.DATOS{background:#e8eefc;color:#2a4a9a}.chip.LICENCIA{background:#fdf1dc;color:#8a5a00}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 14px}.campo{display:flex;flex-direction:column;gap:5px}.campo.ancho{grid-column:1 / -1}.campo label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6f6470;font-weight:700}.campo input,.campo select,.campo textarea{border:1px solid #d9d2c4;background:#fff;border-radius:10px;padding:9px 11px;font-size:14px;outline:none;box-shadow:0 2px 4px #0000000a inset;transition:border .2s,box-shadow .2s}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--oro);box-shadow:0 0 0 3px #d4a84b40}.campo textarea{min-height:84px;resize:vertical}.campo input[type=file]{padding:7px;background:#fbf8f2}.ayuda{font-size:12px;color:#8a8089}.form-pie{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#14060aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;perspective:1200px;animation:fade .25s both;overflow:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(1040px,100%);max-height:calc(100vh - 32px);overflow:auto;margin:auto;border-radius:22px;color:var(--tinta);background:linear-gradient(160deg,#fffdf8 0%,var(--papel) 50%,var(--papel-2) 100%);box-shadow:0 40px 90px -20px #000c,0 0 0 1px #d4a84b80,0 1px #fff inset;animation:modal-in .5s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:top center}@keyframes modal-in{0%{opacity:0;transform:rotateX(-18deg) translateY(-40px) scale(.96)}to{opacity:1;transform:none}}.modal-cab{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;color:var(--papel);background:linear-gradient(100deg,var(--granate-900),var(--granate-500) 70%,#a8403f);border-radius:22px 22px 0 0;position:sticky;top:0;z-index:2}.modal-cab h3{font-size:26px;color:var(--oro-claro)}.modal-cab button{background:#ffffff26;border:0;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px}.modal-cuerpo{padding:20px 24px 24px}.modal.chico{width:min(640px,100%)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid rgba(92,17,35,.15);margin-bottom:18px}.tab{border:0;background:transparent;padding:10px 14px;font-weight:700;font-size:13px;color:#7a6f77;cursor:pointer;position:relative;transition:color .2s;border-radius:8px 8px 0 0}.tab:after{content:"";position:absolute;left:10px;right:10px;bottom:-2px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--oro),var(--granate-500));transform:scaleX(0);transition:transform .3s}.tab.on{color:var(--granate-700)}.tab.on:after{transform:scaleX(1)}.tab-panel{animation:fade-up .35s both}.docs{display:flex;gap:6px;flex-wrap:wrap}.doc{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3dccf;border-radius:8px;padding:4px 9px;font-size:12px;color:var(--granate-700);text-decoration:none;transition:.2s}.doc:hover{border-color:var(--oro);background:#fffaf0}.login{min-height:100vh;display:grid;place-items:center;padding:20px;perspective:1000px}.login .tarjeta{width:min(420px,100%);animation:modal-in .7s cubic-bezier(.2,.9,.3,1.2) both}.login h2{text-align:center}.login .emblema{display:block;margin:0 auto 12px;height:90px}.error{background:#fde8e6;color:#8e2a20;padding:10px 12px;border-radius:10px;font-size:13px;margin-top:10px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;padding:14px 18px;border-radius:14px;color:#fff;font-weight:600;font-size:14px;background:linear-gradient(150deg,var(--granate-500),var(--granate-900));box-shadow:0 20px 40px -12px #000000b3,0 0 0 1px var(--oro);animation:toast-in .4s cubic-bezier(.2,.9,.3,1.3) both}.toast.err{background:linear-gradient(150deg,#e74c3c,#7b241c)}@keyframes toast-in{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:none;opacity:1}}.libro-escena{perspective:2400px;display:grid;place-items:center;padding:20px 0 10px}.libro{position:relative;width:min(880px,96vw);aspect-ratio:2 / 1.3;transform-style:preserve-3d}.libro .tapa,.libro .hoja{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transform-origin:left center;transition:transform 1s cubic-bezier(.4,.05,.25,1)}.libro .hoja{left:50%}.libro .cara{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;padding:26px 28px;overflow:auto;font-size:12.5px;line-height:1.45;background:linear-gradient(90deg,#f4ecdc,#fffdf8 12%,#fffdf8 88%,#efe5d0);box-shadow:0 0 0 1px #d9cfb8 inset}.libro .cara.dorso{transform:rotateY(180deg);background:linear-gradient(270deg,#f4ecdc,#fffdf8 12%,#fffdf8 88%,#efe5d0)}.libro .hoja.volteada{transform:rotateY(-180deg)}.libro .hoja.volteada .cara.frente{box-shadow:0 0 0 1px #d9cfb8 inset,-30px 0 40px -30px #00000080 inset}.libro .cara h4{font-family:var(--font-display);font-size:20px;color:var(--granate-700);margin:0 0 8px;border-bottom:1px solid var(--oro);padding-bottom:4px}.libro .cara .folio{position:absolute;bottom:8px;right:16px;font-size:10px;color:#9a8f7a;letter-spacing:.2em}.libro .cara dl{display:grid;grid-template-columns:120px 1fr;gap:3px 10px;margin:0}.libro .cara dt{color:#7a6f77;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding-top:2px}.libro .cara dd{margin:0}.libro .cara ul{padding-left:16px;margin:4px 0}.libro .tapa-izq{left:0;background:linear-gradient(135deg,#5c1123,#3d0a16);box-shadow:0 30px 60px -20px #000c inset;border-radius:8px 0 0 8px}.libro .lomo{position:absolute;left:50%;top:0;height:100%;width:6px;transform:translate(-50%);background:linear-gradient(90deg,rgba(0,0,0,.35),transparent,rgba(0,0,0,.35));z-index:60;pointer-events:none}.libro .portada{display:grid;place-items:center;text-align:center;color:var(--oro-claro);background:linear-gradient(135deg,var(--granate-500),var(--granate-900));border-radius:0 8px 8px 0;box-shadow:0 0 0 6px #d4a84b59 inset}.libro .portada h3{font-size:30px;color:var(--oro-claro)}.libro .portada p{letter-spacing:.25em;text-transform:uppercase;font-size:11px}.libro-controles{display:flex;justify-content:center;gap:10px;align-items:center;padding:8px 0 4px;color:var(--papel);font-size:13px}.libro-sombra{width:min(880px,96vw);height:30px;margin:0 auto;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 720px){.header{grid-template-columns:1fr;text-align:center}.header .usuario{justify-content:center}.libro{aspect-ratio:1 / 1.4}}.visor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:radial-gradient(1000px 600px at 50% 0%,#7a1a2f 0%,transparent 60%),linear-gradient(160deg,#2a0a12,#0f0509);animation:fade .3s both}.visor .cerrar{position:absolute;top:18px;right:22px;background:#ffffff1f;border:1px solid rgba(212,168,75,.5);color:var(--oro-claro);border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:700;transition:.2s}.visor .cerrar:hover{background:var(--oro);color:var(--granate-900)}.visor .titulo-legajo{color:var(--oro-claro);font-family:var(--font-display);font-size:24px;margin-bottom:4px;text-shadow:0 4px 12px rgba(0,0,0,.6)}.visor .libro{width:min(1100px,94vw,calc((100vh - 150px)*1.55))}.libro .cara.con-foto{padding-left:100px}.libro .foto{position:absolute;top:18px;left:18px;width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid var(--oro);box-shadow:0 6px 14px -4px #00000080;background:#fff}.libro .foto-vacia{display:grid;place-items:center;font-size:26px;color:#b7ab94}.libro .portada .foto{position:static;width:120px;height:120px;margin-bottom:10px;border-width:5px}.foto-mini{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--oro);vertical-align:middle;margin-right:8px}.preview-foto{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--oro);display:block;margin-top:6px}.filtros-nov{display:flex;gap:4px;flex-wrap:wrap}.nov-form{padding:18px;margin:8px 0 22px}.nov-form h3{font-size:22px;color:var(--granate-700);margin-bottom:10px}.check{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:none!important;letter-spacing:0!important;color:var(--tinta)!important;font-weight:500!important}.check input{width:auto}.progreso{position:relative;height:26px;border-radius:999px;background:#efe7d8;overflow:hidden;margin-top:12px}.progreso div{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--oro),var(--granate-500));transition:width .2s}.progreso span{position:relative;display:block;text-align:center;line-height:26px;font-size:12px;font-weight:700;color:var(--granate-900)}.nov-lista{display:grid;gap:14px}.nov{background:#fffdf8;border:1px solid #eadfca;border-radius:16px;padding:16px 18px;box-shadow:0 10px 24px -18px #3d0a1699;animation:fade-up .45s both;animation-delay:calc(var(--i) * 50ms);cursor:default;transition:transform .2s,box-shadow .2s}.nov:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px #3d0a16b3}.nov.importante{border-left:5px solid var(--oro)}.nov.sin-leer{background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:0 0 0 2px #d4a84b73,0 16px 30px -18px #3d0a16b3;cursor:pointer}.nov-cab{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.nov-cab h3{font-size:22px;color:var(--granate-700)}.nov-ico{font-size:26px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--granate-500),var(--granate-900));box-shadow:0 6px 14px -6px #3d0a16cc}.nov-cuerpo{white-space:pre-wrap;margin:10px 0 0 56px;font-size:14px;color:#3d3440}.nov-adjuntos{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0 56px}.adj{position:relative}.adj img{width:180px;height:130px;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 8px 18px -10px #0009;cursor:zoom-in;transition:transform .2s}.adj img:hover{transform:scale(1.03)}.adj video{width:min(420px,80vw);border-radius:12px;background:#000;box-shadow:0 8px 18px -10px #0009}.adj .quitar{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:#c0392b;color:#fff;cursor:pointer;font-weight:800}.chip.nueva{background:var(--granate-500);color:#fff}.menu-item .badge{position:absolute;top:8px;right:10px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--oro);color:var(--granate-900);font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--granate-900);animation:latido 1.6s infinite}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width: 640px){.nov-cuerpo,.nov-adjuntos{margin-left:0}}