/* LEX MERITUM · Ventana de lectura de artículos/noticias */
.lm-modal{
  position:fixed; inset:0; z-index:9999;
  background:rgba(10,12,16,.72); backdrop-filter:blur(4px);
  display:flex; align-items:flex-start; justify-content:center;
  padding:6vh 20px; overflow-y:auto;
  animation:lm-fade .25s ease;
}
@keyframes lm-fade{from{opacity:0}to{opacity:1}}
.lm-modal__box{
  position:relative; width:100%; max-width:760px;
  background:var(--bg, #faf8f4); color:var(--ink, #1a1a1a);
  border-radius:14px; padding:48px clamp(24px,5vw,64px) 56px;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
  animation:lm-rise .3s cubic-bezier(.2,.7,.3,1);
}
@keyframes lm-rise{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
.lm-modal__close{
  position:absolute; top:16px; right:18px;
  width:40px; height:40px; border:none; border-radius:50%;
  background:transparent; color:inherit; font-size:26px; line-height:1;
  cursor:pointer; opacity:.55; transition:opacity .2s,background .2s;
}
.lm-modal__close:hover{opacity:1; background:rgba(0,0,0,.06)}
.lm-modal__tag{
  display:inline-block; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--gold, #a6852f); font-weight:600;
}
.lm-modal__meta{ font-size:13px; opacity:.6; margin:6px 0 14px }
.lm-modal__box h2{
  font-size:clamp(24px,3.4vw,34px); line-height:1.2; margin:0 0 22px;
  font-family:var(--serif, Georgia, serif);
}
.lm-modal__body{ font-size:17px; line-height:1.75 }
.lm-modal__body p{ margin:0 0 1.1em }
.lm-modal__body h3{ margin:1.6em 0 .5em; font-size:20px }
.lm-modal__body ul,.lm-modal__body ol{ margin:0 0 1.1em 1.2em }
.lm-modal__body a{ color:var(--gold, #a6852f); text-decoration:underline }
@media (max-width:520px){
  .lm-modal{ padding:0 }
  .lm-modal__box{ border-radius:0; min-height:100vh }
}