:root{--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #475569;--muted2: #64748b;--border: #e2e8f0;--accent: #14b8a6;--accent2: #0ea5e9;--shadow: 0 12px 30px rgba(15, 23, 42, .08);--shadow2: 0 8px 18px rgba(15, 23, 42, .08);--radius: 18px}body:not(.reader-page){background:var(--bg);color:var(--text)}body.reader-page .theme-dot{display:none}body.dark-mode:not(.reader-page){--bg: #0b1220;--card: #111827;--text: #e5e7eb;--muted: #cbd5e1;--muted2: #9ca3af;--border: #263244;--shadow: 0 18px 40px rgba(0, 0, 0, .35);--shadow2: 0 10px 22px rgba(0, 0, 0, .28);--accent: #34d399;--accent2: #38bdf8}.surface{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow2)}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.75rem 1.1rem;font-weight:800;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;box-shadow:0 10px 20px #02061714;user-select:none}.btn:active{transform:translateY(1px) scale(.99);box-shadow:0 8px 16px #02061714}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.95}.btn-secondary{background:#0f172a;color:#fff}body.dark-mode .btn-secondary{background:#ffffff14;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn-ghost:hover{background:#0f172a0a}body.dark-mode .btn-ghost:hover{background:#ffffff0f}.theme-dot{width:24px;height:24px;border-radius:9999px;cursor:pointer;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 2px #ffffff26 inset;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.theme-dot:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #ffffff59 inset;opacity:.95}#temaClaro,#temaClaroM{background:linear-gradient(90deg,#fff 50%,#14b8a6 50%)}#temaEscuro,#temaEscuroM{background:linear-gradient(90deg,#0b1220 50%,#38bdf8 50%)}.site-nav{position:sticky;top:0;z-index:50;width:100%}.site-nav .nav-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}@media(min-width:640px){.site-nav .nav-row{gap:1rem}}.glass{background:#ffffffeb;border-bottom:1px solid var(--border)}body.dark-mode .glass{background:#0b1220eb}@media(min-width:768px){.glass{backdrop-filter:blur(10px)}body.dark-mode .glass{background:#0b1220c7}}.chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:9999px;padding:.55rem .9rem;font-weight:900;font-size:.8rem;background:transparent;color:var(--text);box-shadow:none;user-select:none}.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:9999px;padding:.55rem .9rem;font-weight:800;font-size:.875rem;background:transparent;color:var(--text);box-shadow:none;transition:background .15s ease,transform .15s ease;user-select:none}.pill:hover{background:#0f172a0a}body.dark-mode .pill:hover{background:#ffffff0f}.pill.active{background:#14b8a61f;border-color:#14b8a659;color:var(--accent)}.field{width:100%;background:var(--card);border:1px solid var(--border);border-radius:9999px;padding:.85rem 1.1rem;color:var(--text);outline:none;transition:box-shadow .15s ease,border-color .15s ease}.field:focus{border-color:#14b8a68c;box-shadow:0 0 0 4px #14b8a624}.soft-grid{background:radial-gradient(circle at 25% 15%,rgba(14,165,233,.2),transparent 55%),radial-gradient(circle at 75% 75%,rgba(20,184,166,.2),transparent 55%)}body.dark-mode .soft-grid{background:radial-gradient(circle at 25% 15%,rgba(56,189,248,.22),transparent 55%),radial-gradient(circle at 75% 75%,rgba(52,211,153,.22),transparent 55%)}.drawer{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:420px;transform:translate(100%);transition:transform .25s ease;z-index:60}.drawer.open{transform:translate(0)}.overlay{position:fixed;inset:0;background:#0206178c;display:none;z-index:50}.overlay.show{display:block}.modal-overlay{position:fixed;inset:0;background:#02061799;backdrop-filter:blur(6px);z-index:80;opacity:0;pointer-events:none;transition:opacity .18s ease}.modal-overlay.show{opacity:1;pointer-events:auto}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;z-index:90;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.modal.show{opacity:1;pointer-events:auto;transform:translateY(0)}.modal-card{width:min(720px,100%);border-radius:24px;overflow:hidden}.modal-header{padding:18px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.14),transparent 55%),radial-gradient(circle at 80% 20%,rgba(20,184,166,.14),transparent 55%)}body.dark-mode .modal-header{background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.16),transparent 55%),radial-gradient(circle at 80% 20%,rgba(52,211,153,.16),transparent 55%)}.modal-kicker{font-weight:900;font-size:.75rem;letter-spacing:.02em;color:var(--accent2)}.modal-title{margin-top:6px;font-weight:900;font-size:1.35rem;line-height:1.15}.modal-sub{margin-top:6px;font-size:.95rem}.modal-body{padding:16px 18px 18px}.modal-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.modal-grid{grid-template-columns:1fr 1fr}}.modal-item{text-align:left;padding:14px;border-radius:18px;box-shadow:none!important;transition:transform .14s ease,background .14s ease,border-color .14s ease;position:relative;overflow:hidden}.modal-item:hover{transform:translateY(-1px);background:#0f172a08}body.dark-mode .modal-item:hover{background:#ffffff0a}.modal-item-title{font-weight:900}.modal-item-sub{margin-top:4px;font-size:.85rem}.modal-badge{position:absolute;top:12px;right:12px;font-size:.7rem;font-weight:900;padding:.35rem .6rem;border-radius:9999px;border:1px solid}.modal-badge.ok{background:#14b8a61f;border-color:#14b8a64d;color:var(--accent)}.modal-badge.soon{background:#94a3b824;border-color:#94a3b859;color:var(--muted2)}.modal-item.is-soon{opacity:.72;cursor:not-allowed}.modal-item.is-soon:hover{transform:none;background:transparent}.modal-hint{margin-top:12px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px dashed var(--border);background:#0ea5e90f}body.dark-mode .modal-hint{background:#38bdf81a}.hint-dot{width:10px;height:10px;border-radius:9999px;background:var(--accent2);box-shadow:0 0 0 4px #0ea5e924}.modal-backdrop{background:#0206178c}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-obra=idw]{--accent: #64748b;--accent2: #94a3b8;--glow: rgba(148, 163, 184, .25);--on-accent: #0b1220}[data-obra=auc]{--accent: #22c55e;--accent2: #86efac;--glow: rgba(34, 197, 94, .22);--on-accent: #04130a}[data-obra=ldc1]{--accent: #7c3aed;--accent2: #a78bfa;--glow: rgba(167, 139, 250, .22);--on-accent: #ffffff;--purple1: #2e1065;--purple2: #4c1d95;--purple3: #7c3aed;--violet: #a78bfa}[data-obra=adc-t1]{--accent: #2dd4bf;--accent2: #38bdf8;--glow: rgba(45, 212, 191, .22);--on-accent: #041018;--neon: #2dd4bf;--neon2: #38bdf8}[data-obra=adc-spf]{--accent: #67e8f9;--accent2: #a5f3fc;--glow: rgba(103, 232, 249, .22);--on-accent: #041018;--neon: #67e8f9;--neon2: #a5f3fc}[data-obra=sangue-divino]{--accent: #ef4444;--accent2: #f87171;--glow: rgba(239, 68, 68, .22);--on-accent: #ffffff}[data-obra] .btn-primary{background:var(--accent);color:var(--on-accent, #0b1220)}html{-webkit-text-size-adjust:100%}img,video{max-width:100%}img.nav-logo{height:2.25rem;width:auto;max-width:none;object-fit:contain}@media(min-width:640px){img.nav-logo{height:2.5rem}}.mobile-nav-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease}.mobile-nav-panel.open{max-height:320px;opacity:1}@media(max-width:380px){.catalog-grid{grid-template-columns:1fr!important}}@media(max-width:767px){.btn,.pill{min-height:44px}.theme-dot{min-width:28px;min-height:28px;width:28px;height:28px}}.nav-shell{min-width:0}.nav-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}