/* OMN-714 · Cementerio de Leads. Gera lo pidió morado, verde y «todo podrido»: es la única
   pantalla de OMNIA que sale del lenguaje de la casa, y por eso sus colores viven aquí. */
.cem-zona,.cem-velo{
  --cem-noche:#120b1a;--cem-fosa:#1b1126;--cem-lapida:#251933;--cem-lapida2:#2f2140;--cem-borde:#46325c;--cem-musgo:#3e5a24;
  --cem-txt:#efeadd;--cem-txt2:#c5bccf;--cem-dim:#9a8faa;--cem-veneno:#a5e65a;--cem-veneno-o:#1e2e10;--cem-morado:#c29bff;--cem-morado-o:#2c1a47;
  --cem-sangre:#ff6b7d;--cem-sangre-o:#3a1320;--cem-ambar:#ffcf66;--cem-ambar-o:#35270c;
}
.cem-zona{background:var(--cem-noche);color:var(--cem-txt);border:1px solid var(--cem-borde);border-radius:10px;overflow:hidden}
.cem-cielo{position:relative;background:var(--cem-fosa);padding:18px 20px 44px;border-bottom:1px solid var(--cem-borde);overflow:hidden}
.cem-cielo h2{font:400 38px/1 'Creepster',var(--font-modern);letter-spacing:.05em;color:var(--cem-veneno);margin:0;text-transform:none}
.cem-cielo p{margin:6px 0 0;color:var(--cem-txt2);text-transform:none;position:relative}
.cem-sil{position:absolute;left:0;right:0;bottom:0;width:100%;height:50px;color:#0d0713;pointer-events:none}
.cem-filtros{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px 0}
.cem-filtros button{background:var(--cem-lapida);border:1px solid var(--cem-borde);border-radius:99px;padding:4px 12px;color:var(--cem-txt2);cursor:pointer;text-transform:none}
.cem-filtros button.on{border-color:var(--cem-veneno);color:var(--cem-veneno)}
.cem-zona .lv2-archbar,.cem-zona .lv2-arch-note{color:var(--cem-txt2)}
.cem-zona .lv2-tbl{background:transparent;color:var(--cem-txt)}
.cem-zona .lv2-tbl th{background:var(--cem-lapida2);color:var(--cem-dim);border-color:var(--cem-borde)}
.cem-zona .lv2-tbl td{border-color:var(--cem-borde);color:var(--cem-txt)}
.cem-zona .lv2-tbl tbody tr:hover td{background:var(--cem-lapida)}
.cem-zona tr.cem-vivo td{background:var(--cem-veneno-o)}
.cem-zona tr.cem-vivo td:first-child{box-shadow:inset 3px 0 0 var(--cem-veneno)}
.cem-zona tr.cem-fin td{opacity:.72}
.cem-est{display:inline-flex;align-items:center;gap:5px;font-weight:600;padding:1px 8px;border-radius:99px;border:1px solid;white-space:nowrap;text-transform:none}
.cem-est.vivo{color:var(--cem-veneno);background:var(--cem-veneno-o);border-color:var(--cem-musgo)}
.cem-est.esp{color:var(--cem-ambar);background:var(--cem-ambar-o);border-color:#6d5620}
.cem-est.fin{color:var(--cem-txt2);background:#17101f;border-color:var(--cem-borde)}
.cem-revivir{background:var(--cem-veneno);color:#142006;border:1px solid var(--cem-veneno);border-radius:6px;padding:3px 10px;font-weight:600;cursor:pointer;white-space:nowrap;text-transform:none}
.cem-revivir:hover{background:#bdf27c}
.lv2-cd.cem-cd{color:var(--cem-v,#a5e65a);border-color:currentColor}

.cem-velo{position:fixed;inset:0;background:rgba(6,2,10,.82);display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow:auto;z-index:100000;text-transform:none}
.cem-modal{background:var(--cem-fosa);color:var(--cem-txt);border:1px solid var(--cem-borde);border-radius:12px;width:100%;max-width:880px;position:relative;overflow:hidden;font-family:var(--font-modern)}
.cem-modal.chico{max-width:600px}
.cem-babas{display:block;width:100%;height:18px;color:var(--cem-veneno)}
.cem-cab{padding:12px 22px 0}
.cem-cab h2{font:400 30px/1.1 'Creepster',var(--font-modern);letter-spacing:.04em;margin:0;color:var(--cem-veneno);text-transform:none}
.cem-cab h2.alerta{color:var(--cem-sangre)}
.cem-cab p{margin:4px 0 0;color:var(--cem-txt2)}
.cem-cuerpo{padding:14px 22px 18px}
.cem-pie{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 22px;border-top:1px solid var(--cem-borde);background:var(--cem-lapida)}
.cem-modal .btn{padding:7px 13px;border-radius:7px;font-weight:600;cursor:pointer;text-transform:none}
.cem-pie .btn{color:var(--cem-txt);background:var(--cem-lapida2);border:1px solid var(--cem-borde)}
.cem-pie .btn.primary{background:var(--cem-veneno);color:#142006;border-color:var(--cem-veneno)}
.cem-pie .btn:disabled{opacity:.45;cursor:not-allowed}
.cem-x{position:absolute;top:22px;right:14px;width:32px;height:32px;background:transparent;border:1px solid var(--cem-borde);border-radius:6px;color:var(--cem-txt);cursor:pointer}
.cem-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}
.cem-sec{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--cem-dim);font-weight:600;margin:14px 0 6px}
.cem-tenue{font-size:12px;color:var(--cem-dim)}
.cem-tumba{position:relative;height:250px;background:var(--cem-noche);border:1px solid var(--cem-borde);border-radius:10px;overflow:hidden}
.cem-tumba img{position:absolute;left:-6px;bottom:-62px;width:262px;height:262px;animation:cem-sube 1s ease-out both}
.cem-lapida{position:absolute;right:18px;bottom:36px;width:104px;height:138px;background:#3a2c4b;border:2px solid #5c4876;border-radius:52px 52px 4px 4px;text-align:center;padding-top:30px;font-size:10px;color:var(--cem-txt2)}
.cem-lapida b{display:block;font:400 22px 'Creepster',var(--font-modern);color:var(--cem-txt)}
.cem-tierra{position:absolute;left:0;right:0;bottom:0;width:100%;height:62px;color:#2b1a14}
@keyframes cem-sube{from{transform:translateY(70px) rotate(-5deg)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.cem-tumba img{animation:none}}
.cem-flags{display:flex;flex-wrap:wrap;gap:5px}
.cem-flag{font-size:11px;font-weight:600;padding:1px 8px;border-radius:4px;border:1px solid #6d2a3b;color:var(--cem-sangre);background:var(--cem-sangre-o)}
.cem-flag.g{color:var(--cem-veneno);border-color:var(--cem-musgo);background:var(--cem-veneno-o)}
.cem-veces b{font:600 26px var(--font-mono,monospace);color:var(--cem-sangre)}
.cem-aviso{display:flex;gap:10px;background:var(--cem-ambar-o);border:1px solid #6d5620;color:#ffe2a3;border-radius:8px;padding:9px 12px;font-size:13px;margin-top:10px}
.cem-aviso.rojo{background:var(--cem-sangre-o);border-color:#6d2a3b;color:#ffc9d0}
.cem-aviso.verde{background:var(--cem-veneno-o);border-color:var(--cem-musgo);color:var(--cem-txt);margin-top:0}
.cem-aviso.morado{background:var(--cem-morado-o);border-color:#57397f;color:var(--cem-txt);margin-top:0}
.cem-campos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cem-campo label{display:block;font-size:12px;color:var(--cem-txt2);margin-bottom:2px}
.cem-modal input:not([type=checkbox]),.cem-modal textarea{width:100%;background:var(--cem-noche);border:1px solid var(--cem-borde);border-radius:6px;padding:6px 9px;color:var(--cem-txt);text-transform:none}
.cem-modal textarea{min-height:76px;resize:vertical}
.cem-csf{display:flex;align-items:center;gap:10px;border:1px dashed var(--cem-borde);border-radius:8px;padding:9px 12px;font-size:13px}
.cem-csf span{flex:1}
.cem-csf.lista{border-style:solid;border-color:var(--cem-musgo);background:var(--cem-veneno-o)}
.cem-csf .btn{color:var(--cem-txt);background:var(--cem-lapida2);border:1px solid var(--cem-borde)}
.cem-seguro{display:flex;gap:9px;align-items:flex-start;margin-top:12px;border:1px solid #6d2a3b;background:var(--cem-sangre-o);border-radius:8px;padding:10px 12px;font-weight:500;cursor:pointer}
.cem-seguro input{margin-top:4px;accent-color:var(--cem-veneno)}
.cem-ficha{display:grid;grid-template-columns:120px 1fr;gap:3px 12px;font-size:13px;margin:0}
.cem-ficha dt{color:var(--cem-dim)}.cem-ficha dd{margin:0}
.cem-pregunta{font-weight:600;margin:14px 0 0}
.cem-hc{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px}
.cem-hc-l{margin:4px 0 0;padding-left:18px}
.lv2-tl-craneo{background:transparent;border:1px solid var(--red);color:var(--red);border-radius:5px;width:24px;height:24px;cursor:pointer;margin-left:6px}
/* El aviso de las 48 h vive fuera del cementerio: usa el rojo de la casa y se ve en día y noche. */
.cem-48{display:flex;gap:12px;align-items:flex-start;background:var(--red);color:#fff;border-radius:8px;padding:12px 16px;margin:0 0 12px;font-size:15px;line-height:1.4;font-weight:500;text-transform:none}
.cem-48 i{font-size:20px;margin-top:2px}.cem-48 b{font-size:16px;font-weight:700}
.cem-48.alta{margin:10px 0}
@media (max-width:860px){
  .cem-dos{grid-template-columns:minmax(0,1fr)}.cem-campos{grid-template-columns:1fr}
  .cem-velo{padding:10px}.cem-cab,.cem-cuerpo,.cem-pie{padding-left:16px;padding-right:16px}
}