:root{color-scheme:dark;--web-fondo:#0b1020;--web-panel:#151d33;--web-linea:#2b3756;--web-texto:#eef2ff;--web-muted:#a6b1cf;--web-oro:#ffd44c}
.pagina-login,.pagina-publica{margin:0;background:var(--web-fondo);color:var(--web-texto);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100dvh}
.pagina-login,.pagina-publica,.pagina-login *,.pagina-publica *,.web-dialog *{box-sizing:border-box}
.pagina-login button,.pagina-publica button,.web-dialog button,.web-acciones button{font:inherit;cursor:pointer}
.pagina-login button:disabled,.web-dialog button:disabled{opacity:.5;cursor:wait}
.web-marca{display:inline-flex;align-items:center;gap:12px;color:var(--web-texto);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.5px}
.web-ceja{color:var(--web-oro);font-size:10px;letter-spacing:2.5px;font-weight:750;margin:24px 0 10px}
.web-muted{color:var(--web-muted)}
.web-primario,.web-secundario{border:1px solid var(--web-linea);border-radius:12px;padding:12px 18px;min-height:44px;font-weight:700!important;color:var(--web-texto);background:#1c2844}
.web-primario{background:var(--web-oro);color:#192033;border-color:var(--web-oro)}
.web-primario:hover{background:#ffe58b;box-shadow:0 8px 32px #ffd44c20}.web-secundario:hover{background:#28375b}
.pagina-login input,.pagina-publica input,.pagina-publica select,.web-dialog input{font:inherit;color:var(--web-texto);background:#0b1123;border:1px solid var(--web-linea);border-radius:10px;padding:12px;min-width:0;max-width:100%;min-height:46px}
.pagina-login input:focus,.pagina-publica input:focus,.pagina-publica select:focus,.web-dialog input:focus{outline:2px solid #96b1ff;outline-offset:3px}
.pagina-login{display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 10%,#26305180,transparent 65%),var(--web-fondo)}
.entrada{width:100%;max-width:440px;text-align:center}.entrada h1{font-size:clamp(28px,6vw,38px);letter-spacing:-1.3px;line-height:1.2;margin:0}
.entrada-emblema{width:90px;height:90px;display:grid;place-items:center;margin:45px auto 30px;border:1px solid #ffd44c50;border-radius:24px;transform:rotate(12deg);box-shadow:0 0 80px #617ddd30;background:linear-gradient(145deg,#23304d,#11192d)}
.entrada-emblema span{font-size:58px;color:var(--web-oro);transform:rotate(-12deg)}
#form-login{text-align:left;margin-top:32px}#form-login label{font-size:13px;color:var(--web-muted)}.password-caja{display:flex;margin:8px 0 16px;position:relative}.password-caja input{width:100%;padding-right:80px}.password-caja button{position:absolute;right:8px;top:5px;border:0;background:transparent;color:var(--web-muted);padding:8px}#entrar{width:100%;display:flex;justify-content:space-between}#login-error{color:#ffb7ae;min-height:26px;font-size:13px}.entrada-pie{font-size:12px;color:var(--web-muted);margin-top:24px}
.web-cabecera{height:82px;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));gap:16px}.solo-lectura{font-size:12px;color:#b9c7ed;border:1px solid var(--web-linea);border-radius:30px;padding:6px 12px;white-space:nowrap}
.album-publico{max-width:1280px;margin:auto;padding:0 28px 50px}.publico-hero{padding:44px 0 35px}.publico-hero h1{font-size:clamp(32px,5vw,58px);letter-spacing:-1.8px;line-height:1.15;margin:12px 0 16px;overflow-wrap:anywhere}.publico-estadisticas{display:flex;gap:42px;margin-top:32px;flex-wrap:wrap}.publico-estadisticas div{display:flex;flex-direction:column}.publico-estadisticas strong{font-size:25px;letter-spacing:-.8px}.publico-estadisticas span{font-size:12px;color:var(--web-muted)}
.publico-herramientas,.publico-filtros{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:15px 0}.web-tabs{display:flex;gap:4px;background:#080d1a;border:1px solid var(--web-linea);border-radius:14px;padding:4px}.web-tabs button{border:0;color:var(--web-muted);border-radius:10px;min-height:42px;padding:8px 17px;background:transparent}.web-tabs .activo{background:var(--web-oro);color:#141b2d;font-weight:750}.publico-filtros{padding-bottom:20px;border-bottom:1px solid var(--web-linea)}.publico-filtros label{display:flex;align-items:center;gap:12px;color:var(--web-muted);font-size:12px}.publico-buscar{flex:1}.publico-buscar input{width:100%}.publico-ruta{display:flex;align-items:center;gap:20px;scroll-margin-top:20px}.publico-ruta button{background:transparent;color:#a8c1ff;border:0;padding:12px 0}.publico-ruta strong{font-size:16px}.publico-ruta[hidden],.publico-idioma[hidden]{display:none}
#publico-estado{font-size:12px;color:var(--web-muted);margin:20px 0}.publico-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px 20px}.publico-carta{appearance:none;background:none;border:0;color:var(--web-texto);padding:0;text-align:left;min-width:0;border-radius:12px;transition:transform .22s}.publico-carta:hover{transform:translateY(-6px)}.publico-carta:focus-visible{outline:2px solid var(--web-oro);outline-offset:6px}.publico-lamina{aspect-ratio:63/88;background:linear-gradient(140deg,#263355,#11192f);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003;border:1px solid #ffffff12}.publico-lamina img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.publico-sin-foto{position:absolute;inset:20px;display:grid;place-items:center;text-align:center;color:var(--web-muted)}.publico-cantidad{position:absolute;right:8px;bottom:8px;background:#090e20eb;border:1px solid #a7b7e155;border-radius:8px;padding:1px 9px;color:#fff;font-weight:700;z-index:2;backdrop-filter:blur(8px)}.publico-card-pie{padding:10px 2px}.publico-card-pie h2{font-size:14px;line-height:1.4;margin:4px 0;font-weight:650}.publico-card-pie span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publico-card-pie strong{color:var(--web-oro);font-size:14px}.publico-pie{color:var(--web-muted);font-size:11px;border-top:1px solid var(--web-linea);padding-top:25px;margin-top:50px}
.modo-colecciones{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.publico-coleccion{border:1px solid var(--web-linea);background:var(--web-panel);color:var(--web-texto);border-radius:20px;padding:24px;text-align:left;overflow:hidden;transition:transform .2s,border-color .2s}.publico-coleccion:hover{transform:translateY(-5px);border-color:#869bd1}.publico-coleccion h2{font-size:18px;margin:20px 0 5px;line-height:1.35}.publico-coleccion p{font-size:12px;margin:5px 0 12px}.publico-coleccion>strong{color:var(--web-oro)}.coleccion-abanico{position:relative;height:180px;display:flex;justify-content:center;align-items:center}.coleccion-abanico img{height:165px;width:118px;object-fit:contain;position:absolute;filter:drop-shadow(0 6px 10px #0006)}.coleccion-abanico img:nth-child(1){transform:translateX(-50px) rotate(-14deg)}.coleccion-abanico img:nth-child(2){transform:translateX(50px) rotate(14deg)}.coleccion-abanico img:nth-child(3){transform:translateY(-6px)}
.web-dialog{margin:auto;border:1px solid var(--web-linea);border-radius:24px;background:var(--web-panel);color:var(--web-texto);padding:30px;width:min(760px,calc(100vw - 32px));max-height:90dvh;box-sizing:border-box;font:15px/1.6 system-ui;box-shadow:0 30px 100px #0007;overflow:auto}.web-dialog::backdrop{background:#030717c9;backdrop-filter:blur(12px)}.web-cerrar{position:absolute;right:12px;top:10px;width:40px;height:40px;border:1px solid var(--web-linea);border-radius:50%;background:#11192c;color:var(--web-texto);font-size:24px!important;z-index:2}.publico-detalle{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.publico-detalle>img{width:100%;max-height:70dvh;object-fit:contain;border-radius:12px}.publico-detalle h2{font-size:28px;line-height:1.2}.publico-version{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:15px 0;border-bottom:1px solid var(--web-linea)}.publico-version>.web-muted{font-size:12px}.publico-version small{grid-column:1/-1}.publico-version>strong:last-of-type{color:var(--web-oro)}
.web-acciones{display:flex;gap:6px;margin-left:6px}.web-acciones button{background:#151d33;border:1px solid #2b3756;color:#c4d2f4;border-radius:10px;height:36px;padding:6px 10px;display:flex;align-items:center;gap:6px}.web-acciones svg{width:18px;height:18px}.web-acciones #cerrar-sesion{padding:6px 9px}.compartir-dialog{max-width:520px}.compartir-dialog h2{font-size:26px;margin:15px 0}.compartir-dialog label{display:block;font-size:12px;color:var(--web-muted);margin:18px 0 6px}.compartir-dialog input{width:100%}.compartir-dialog .web-botones{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.compartir-dialog .web-botones button{flex:1;white-space:nowrap}.compartir-dialog .web-enlace{color:#a8c1ff;display:inline-block;margin-top:14px}.compartir-dialog #compartir-mensaje{font-size:12px;color:var(--web-muted);min-height:24px}.compartir-dialog .web-peligro{color:#ffbbb1;background:transparent;border:0;padding:10px 0;min-height:44px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.web-cabecera{height:68px;padding:0 18px}.web-marca{font-size:18px;gap:8px}.album-publico{padding:0 18px 30px}.publico-hero{padding:26px 0 24px}.publico-estadisticas{display:grid;grid-template-columns:1fr 1fr;gap:18px}.publico-estadisticas strong{font-size:24px}.publico-herramientas{flex-wrap:wrap}.publico-filtros{align-items:stretch;flex-direction:column;gap:12px}.publico-filtros label{justify-content:space-between}.publico-filtros select{flex:1}.publico-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.modo-colecciones{grid-template-columns:1fr}.publico-detalle{grid-template-columns:1fr;gap:14px}.publico-detalle>img{max-height:43dvh}.web-dialog{padding:22px}.publico-detalle h2{margin:8px 0;font-size:24px}.publico-ruta{align-items:flex-start;flex-direction:column;gap:2px}.web-acciones button{width:36px;padding:8px;justify-content:center}.web-acciones button span{display:none}.web-acciones{margin-left:auto;gap:4px}.pagina-login{padding:28px 24px}.entrada-emblema{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.publico-carta,.publico-coleccion{transition:none}.publico-carta:hover,.publico-coleccion:hover{transform:none}}