/* ══════════════════════════════════════════════════════════════════
   Grupo La Habana · GESTIÓN — Facturas, Fichajes y Correo
   Mismos tokens que estilos.css; aquí sólo lo nuevo.
   ══════════════════════════════════════════════════════════════════ */

.nav-tit2{margin-top:14px !important}
.tenue{color:var(--texto-3)}
.nota-gestion{
  display:flex; gap:11px; align-items:flex-start; padding:12px 14px; margin-bottom:14px;
  background:var(--panel); border:1px solid var(--linea); border-radius:var(--r2); font-size:13.5px; color:var(--texto-2);
}
.nota-gestion svg{flex:none; margin-top:2px; color:var(--marca)}
.nota-gestion.aviso{background:var(--aviso-bg); border-color:transparent}
.nota-gestion.aviso svg{color:var(--aviso)}
.nota-gestion p{margin:0; line-height:1.5}
.nota-gestion b{color:var(--texto)}
.pie-gestion{font-size:12.5px; color:var(--texto-3); margin:12px 4px 0}

/* ── FACTURAS ────────────────────────────────────────────────────── */
.fac-doble{display:grid; grid-template-columns:minmax(330px, .9fr) minmax(0, 1.1fr); gap:14px; align-items:start}
.fac-lista .filtros{margin-bottom:10px}
.fac-fila{
  display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; width:100%; text-align:left;
  background:none; border:0; border-radius:var(--r3); padding:10px 10px; margin:0 -4px; transition:background .13s;
}
.fac-fila + .fac-fila{border-top:1px solid var(--linea-suave)}
.fac-fila:hover{background:var(--hover)}
.fac-fila[aria-current="true"]{background:var(--marca-suave); box-shadow:inset 3px 0 0 var(--marca)}
.fac-fila .pt i{width:9px; height:9px; border-radius:50%}
.fac-q{min-width:0; display:flex; flex-direction:column}
.fac-q strong{font-weight:550; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fac-q span{font-size:12px; color:var(--texto-3)}
.fac-q em{font-style:normal; color:var(--aviso)}
.fac-imp{display:flex; flex-direction:column; align-items:flex-end; gap:3px}
.fac-imp b{font-weight:600; font-size:13.5px}
.fac-lado{position:sticky; top:74px; display:flex; flex-direction:column; gap:10px; min-width:0}
.fac-acc{display:flex; flex-direction:column; gap:6px}
.fac-bots{display:flex; gap:7px; flex-wrap:wrap}
.fac-acc p{margin:0; font-size:12.5px; color:var(--texto-3)}
.previa-et-fac{margin:0; font-size:11.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--texto-3)}

/* el papel: un A4 que se encoge con su caja (container query) */
.papel-caja{container-type:inline-size; border-radius:6px; box-shadow:var(--sombra-media); background:#fff}
.papel{
  --tinta-fac:#B07E2B;
  position:relative; overflow:hidden; aspect-ratio:210/297; background:#fff; color:#1B1C1F;
  font-family:var(--sans); font-size:max(8px, 1.72cqi); line-height:1.45; letter-spacing:0;
  padding:6.5cqi 6.5cqi 5cqi; display:flex; flex-direction:column; gap:3.4cqi;
  border-top:1.1cqi solid var(--tinta-fac); border-radius:6px;
}
.p-cab{display:flex; justify-content:space-between; align-items:flex-start; gap:4cqi}
.p-logo{height:13cqi; width:auto; max-width:34cqi; object-fit:contain; object-position:left center}
.p-logo-lounge{height:9cqi}
.p-num{text-align:right}
.p-num h2{font-size:4.6cqi; font-weight:650; letter-spacing:-.02em; color:var(--tinta-fac); margin:0 0 1.4cqi; text-transform:uppercase}
.p-num dl, .p-tot dl{display:grid; grid-template-columns:auto auto; gap:.5cqi 3cqi; margin:0; justify-content:end}
.p-num dt, .p-tot dt{color:#6B6E76}
.p-num dd, .p-tot dd{margin:0; text-align:right; font-weight:600; font-variant-numeric:tabular-nums}
.p-partes{display:grid; grid-template-columns:1fr 1fr; gap:4cqi; padding:3cqi 0; border-top:1px solid #E7E4DE; border-bottom:1px solid #E7E4DE}
.p-partes div, .p-pago{display:flex; flex-direction:column; gap:.3cqi; min-width:0}
.p-partes b{font-size:1.12em}
.p-partes span, .p-pago span{color:#4B4E55; overflow-wrap:anywhere}
.papel h4{margin:0 0 .8cqi; font-size:.82em; letter-spacing:.08em; text-transform:uppercase; color:var(--tinta-fac); font-weight:650}
.p-lineas{width:100%; border-collapse:collapse}
.p-lineas th{font-size:.82em; letter-spacing:.06em; text-transform:uppercase; color:#6B6E76; font-weight:600; text-align:right; padding:0 0 1.2cqi; border-bottom:1.5px solid #1B1C1F}
.p-lineas th:first-child, .p-lineas td:first-child{text-align:left}
.p-lineas td{padding:1.3cqi 0; border-bottom:1px solid #EEEBE6; text-align:right; font-variant-numeric:tabular-nums; vertical-align:top}
.p-lineas td + td, .p-lineas th + th{padding-left:2cqi; white-space:nowrap}
.p-tot{display:flex; justify-content:space-between; gap:5cqi; margin-top:auto; align-items:flex-end}
.p-pago p{margin:1cqi 0 0; color:#4B4E55}
.p-tot dl{min-width:42cqi}
.p-tot .p-total{font-size:1.5em; color:#1B1C1F; padding-top:1.2cqi; border-top:1.5px solid #1B1C1F; margin-top:.8cqi}
.p-tot dd.p-total{color:var(--tinta-fac)}
.p-pie{font-size:.78em; color:#8A8D94; border-top:1px solid #EEEBE6; padding-top:2cqi}
.sello-fac{
  position:absolute; top:62cqi; right:9cqi; transform:rotate(-12deg);
  border:.6cqi solid #9AA0A9; color:#9AA0A9; border-radius:1.6cqi; padding:.6cqi 2.6cqi;
  font-size:3.4cqi; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.7;
}
.sello-fac.ok{border-color:#0B8F5E; color:#0B8F5E}
.sello-fac.mal{border-color:#C5372C; color:#C5372C}

/* editor */
.fe-emp{display:grid; gap:7px}
.fe-emp button{
  display:flex; align-items:center; gap:11px; text-align:left; background:var(--panel); border:1px solid var(--linea);
  border-radius:var(--r2); padding:9px 12px; transition:border-color .15s, background .15s;
}
.fe-emp button:hover{background:var(--hover)}
.fe-emp button[aria-pressed="true"]{border-color:var(--marca); box-shadow:0 0 0 3px var(--marca-suave)}
.fe-emp img{width:28px; height:28px; object-fit:contain}
.fe-emp span{display:flex; flex-direction:column}
.fe-emp b{font-weight:550; font-size:13.5px}
.fe-emp small{font-size:12px; color:var(--texto-3)}
.fe-rej{display:grid; grid-template-columns:1fr 1fr; gap:11px}
.fe-form .campo input, .fe-form .campo select, .fe-l input, .fe-l select, .m-nuevo textarea, .m-resp textarea, .emp-tarj input{
  font:inherit; font-size:13.5px; color:var(--texto); background:var(--panel); border:1px solid var(--linea);
  border-radius:var(--r3); padding:8px 10px; width:100%; min-width:0;
}
.fe-form input:focus, .fe-form select:focus, .m-nuevo :is(input,select,textarea):focus, .m-resp textarea:focus, .emp-tarj input:focus{
  outline:0; border-color:var(--marca); box-shadow:0 0 0 3px var(--marca-suave);
}
.fe-total{font-weight:650; background:var(--panel-2) !important}
.fe-lineas{display:flex; flex-direction:column; gap:6px}
.fe-l{display:grid; grid-template-columns:minmax(0, 1fr) 58px 80px 72px 88px 28px; gap:6px; align-items:center}
.fe-l.cab span{font-size:11.5px; font-weight:550; color:var(--texto-3)}
.fe-imp{font-size:13px; text-align:right; font-weight:550}
.fe-quita{width:28px; height:28px; border-radius:8px; border:0; background:none; color:var(--texto-3); font-size:18px; line-height:1}
.fe-quita:hover:not(:disabled){background:var(--malo-bg); color:var(--malo)}
.fe-quita:disabled{opacity:.3; cursor:default}
.fe-mas{align-self:flex-start; display:inline-flex; gap:6px; align-items:center; background:none; border:1px dashed var(--linea); border-radius:var(--r3); padding:7px 12px; font-size:13px; color:var(--texto-2)}
.fe-mas:hover{border-color:var(--marca); color:var(--marca)}
.fe-ayuda{font-size:12px; color:var(--texto-3); margin:8px 0 14px}
.fe-pie{display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; margin-top:16px}

.emp-tarj{gap:9px}
.emp-cab{display:flex; gap:12px; align-items:center; padding-bottom:12px; margin-bottom:4px; border-bottom:1px solid var(--linea)}
.emp-cab img{height:46px; width:74px; object-fit:contain; background:#fff; border-radius:8px; padding:4px; border:1px solid var(--linea)}
.emp-cab p{margin:1px 0 0; font-size:12.5px; color:var(--texto-3)}

/* ── FICHAJES ────────────────────────────────────────────────────── */
.av-p{
  width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center;
  background:color-mix(in srgb, var(--c) 16%, var(--panel)); color:var(--c); font-size:11.5px; font-weight:650;
}
.tl{position:relative}
.tl-eje, .tl-fila{display:grid; grid-template-columns:190px minmax(0, 1fr) 128px; gap:12px; align-items:center}
.tl-eje > div{position:relative; height:18px; font-size:11px; color:var(--texto-3); font-variant-numeric:tabular-nums}
.tl-eje span[style]{position:absolute; transform:translateX(-50%)}
.tl-ahora-et{position:absolute; transform:translateX(-50%); top:-2px; background:var(--malo); color:#fff; font-size:10.5px; font-weight:600; padding:1px 6px; border-radius:10px; z-index:2}
.tl-cuerpo{position:relative}
.tl-ahora{
  position:absolute; top:0; bottom:0; width:2px; background:var(--malo); opacity:.55; z-index:1; pointer-events:none;
  left:calc(190px + 12px + (100% - 190px - 128px - 24px) * var(--x) / 100);
}
.tl-grupo{margin:12px 0 4px; font-size:12px}
.tl-fila{padding:7px 0; border-bottom:1px solid var(--linea-suave)}
.tl-fila:last-child{border-bottom:0}
.tl-quien{display:flex; gap:9px; align-items:center; min-width:0}
.tl-quien span:last-child{display:flex; flex-direction:column; min-width:0}
.tl-quien b{font-weight:550; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.tl-quien small{font-size:11.5px; color:var(--texto-3)}
.tl-pista{
  position:relative; height:22px; border-radius:6px;
  background:repeating-linear-gradient(90deg, var(--panel-2) 0 calc(100% / 22 * 3 - 1px), var(--linea-suave) calc(100% / 22 * 3 - 1px) calc(100% / 22 * 3));
}
.tl-pista i{position:absolute; top:3px; bottom:3px; border-radius:5px}
.tl-seg{background:var(--c); opacity:.85}
.tl-seg.vivo{opacity:1; box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 30%, transparent)}
.tl-seg.vivo::after{content:''; position:absolute; right:-3px; top:50%; width:7px; height:7px; margin-top:-3.5px; border-radius:50%; background:var(--c); animation:latido 1.6s infinite}
.tl-seg.pausa{background:repeating-linear-gradient(-45deg, var(--c) 0 5px, color-mix(in srgb, var(--c) 45%, transparent) 5px 10px)}
.tl-seg.olvido{background:var(--malo); opacity:.9}
.tl-prev{border:1.5px dashed color-mix(in srgb, var(--texto-3) 70%, transparent); background:none}
@keyframes latido{0%,100%{transform:scale(1); opacity:1}50%{transform:scale(1.8); opacity:.3}}
@media (prefers-reduced-motion:reduce){.tl-seg.vivo::after{animation:none}}
.leyenda-f{display:inline-flex; align-items:center; gap:5px; margin-left:12px}
.leyenda-f i{width:14px; height:8px; border-radius:3px; display:inline-block}
.lf-seg{background:var(--marca)}
.lf-prev{border:1.5px dashed var(--texto-3)}
.inc{display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; padding:11px 0; border-bottom:1px solid var(--linea-suave)}
.inc-ico{width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--aviso-bg); color:var(--aviso)}
.inc-ico.mal{background:var(--malo-bg); color:var(--malo)}
.inc b{display:block; font-weight:550; font-size:13.5px}
.inc span{font-size:12px; color:var(--texto-3)}
.dia-f{display:inline-block; width:19px; text-align:center; font-weight:500; color:var(--texto-3); opacity:.45; font-size:11px}
.dia-f.si{opacity:1; color:var(--marca); font-weight:650}

/* terminal */
.dlg-term{width:min(620px, calc(100vw - 28px))}
.term-gente{display:grid; grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:8px; padding:18px 20px 6px; max-height:56vh; overflow:auto}
.term-gente button{
  display:flex; flex-direction:column; align-items:center; gap:4px; padding:12px 6px; border-radius:var(--r2);
  background:var(--panel-2); border:1px solid var(--linea); transition:border-color .15s, transform .08s;
}
.term-gente button:hover{border-color:var(--marca)}
.term-gente button:active{transform:scale(.98)}
.term-gente .av-p{width:42px; height:42px; font-size:14px}
.term-gente b{font-size:13.5px; font-weight:600}
.term-gente small{font-size:11px; color:var(--texto-3); text-align:center}
.term-nota{font-size:12px; color:var(--texto-3); padding:6px 20px 18px; margin:0}
.term-pin{display:flex; flex-direction:column; align-items:center; gap:14px; padding:20px 20px 24px}
.term-pin > p{margin:0; font-size:14px}
.pin-puntos{display:flex; gap:14px}
.pin-puntos i{width:14px; height:14px; border-radius:50%; border:2px solid var(--texto-3)}
.pin-puntos i.lleno{background:var(--marca); border-color:var(--marca)}
.pin-tec{display:grid; grid-template-columns:repeat(3, 74px); gap:9px}
.pin-tec button{height:58px; border-radius:16px; border:1px solid var(--linea); background:var(--panel-2); font-size:21px; font-weight:550}
.pin-tec button:hover{background:var(--hover)}
.pin-tec button:active{transform:scale(.97)}
.term-err{color:var(--malo); font-size:13px; margin:0}
.term-acc{display:flex; flex-direction:column; gap:9px; width:min(320px, 100%)}
.term-acc .btn{justify-content:center; padding:14px; font-size:15px}
.term-ok{display:flex; flex-direction:column; align-items:center; gap:6px; padding:44px 24px; text-align:center; color:var(--ok)}
.term-ok h2{color:var(--texto); font-size:1.25rem}
.term-ok p{margin:0; color:var(--texto-2)}

/* ── CORREO ──────────────────────────────────────────────────────── */
.correo{
  display:grid; grid-template-columns:214px minmax(290px, 360px) minmax(0, 1fr);
  height:max(560px, calc(100vh - 300px)); background:var(--panel); border:1px solid var(--linea);
  border-radius:var(--r); box-shadow:var(--sombra); overflow:hidden;
}
.m-col{min-width:0; min-height:0; overflow:auto}
.m-carpetas{padding:12px 8px; border-right:1px solid var(--linea); background:var(--fondo); display:flex; flex-direction:column; gap:1px}
.m-carp{display:flex; align-items:center; gap:9px; width:100%; text-align:left; background:none; border:0; border-radius:var(--r3); padding:6px 8px; font-size:13px; color:var(--texto-2)}
.m-carp:hover{background:var(--hover); color:var(--texto)}
.m-carp[aria-current="true"]{background:var(--panel); color:var(--texto); font-weight:550; box-shadow:var(--sombra)}
.m-carp span:nth-child(2){flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m-carp b{font-size:11.5px; font-weight:600; color:var(--marca)}
.m-ico{width:24px; height:24px; flex:none; display:grid; place-items:center; border-radius:7px; color:var(--c, var(--texto-2)); background:color-mix(in srgb, var(--c, var(--texto-3)) 13%, transparent)}
.m-sep{margin:14px 8px 4px; font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--texto-3)}
.m-buzon{display:flex; align-items:center; gap:9px; width:100%; text-align:left; background:none; border:0; border-radius:var(--r3); padding:6px 8px}
.m-buzon:hover{background:var(--hover)}
.m-buzon[aria-current="true"]{background:var(--panel); box-shadow:var(--sombra)}
.m-buzon > span:nth-child(2){display:flex; flex-direction:column; min-width:0; flex:1}
.m-buzon b{font-size:13px; font-weight:550}
.m-buzon small{font-size:11px; color:var(--texto-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.m-buzon i{font-style:normal; font-size:11.5px; font-weight:600; color:var(--marca)}
.m-bz-emb{width:24px; height:24px; flex:none; display:grid; place-items:center}
.m-bz-emb img{width:22px; height:22px; object-fit:contain}
:root[data-tema="noche"] .m-bz-emb img[src*="lounge-negro"], [data-estilo="b"] .m-bz-emb img[src*="lounge-negro"]{filter:invert(1)}
.m-lista{border-right:1px solid var(--linea); display:flex; flex-direction:column}
.m-lista-cab{display:flex; align-items:baseline; justify-content:space-between; padding:14px 14px 8px}
.m-lista-cab h2{font-size:1rem}
.m-lista-cab span{font-size:12px; color:var(--texto-3)}
.m-busca{display:flex; align-items:center; gap:7px; margin:0 12px 8px; padding:6px 10px; border:1px solid var(--linea); border-radius:var(--r3); background:var(--panel-2); color:var(--texto-3)}
.m-busca input{border:0; background:none; font:inherit; font-size:13px; color:var(--texto); outline:0; flex:1; min-width:0}
.m-items{overflow:auto; flex:1}
.m-item{
  display:flex; gap:10px; width:100%; text-align:left; background:none; border:0; border-top:1px solid var(--linea-suave);
  padding:11px 14px; position:relative; transition:background .12s;
}
.m-item:hover{background:var(--hover)}
.m-item[aria-current="true"]{background:var(--marca-suave)}
.m-item.nuevo::before{content:''; position:absolute; left:5px; top:19px; width:6px; height:6px; border-radius:50%; background:var(--marca)}
.m-av{
  width:32px; height:32px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:11.5px; font-weight:650;
  color:var(--c); background:color-mix(in srgb, var(--c) 14%, var(--panel));
}
.m-av.grande{width:40px; height:40px; font-size:13.5px}
.m-txt{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px}
.m-l1{display:flex; justify-content:space-between; gap:8px}
.m-l1 b{font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m-item.nuevo .m-l1 b, .m-item.nuevo .m-asunto{font-weight:650}
.m-l1 time{font-size:11.5px; color:var(--texto-3); flex:none}
.m-asunto{font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m-ext{font-size:12px; color:var(--texto-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.m-chips{display:flex; gap:6px; align-items:center; margin-top:4px; color:var(--texto-3)}
.m-cat{font-size:11px; font-weight:550; padding:1px 7px; border-radius:10px; color:var(--c); background:color-mix(in srgb, var(--c) 12%, transparent)}
.m-bz{font-size:11px; color:var(--texto-3)}
.m-estr{color:#E0A100; display:inline-flex}
.m-leer{padding:18px 24px 28px}
.m-leer-cab{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px}
.m-volver{display:none; align-items:center; gap:4px; background:none; border:0; color:var(--marca); font-weight:550; padding:4px 0}
.m-leer-bots{display:flex; gap:6px; margin-left:auto}
.icono-btn.activo{color:#E0A100}
.m-titulo{font-size:1.25rem; line-height:1.3; margin:0 0 14px}
.m-quien{display:flex; gap:11px; align-items:center; margin-bottom:14px}
.m-quien b{font-weight:600}
.m-quien span{font-size:12.5px; color:var(--texto-3)}
.m-quien small{display:block; font-size:12px; color:var(--texto-3)}
.m-clasif{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:10px 12px; border-radius:var(--r2);
  background:color-mix(in srgb, var(--c) 8%, var(--panel)); border:1px solid color-mix(in srgb, var(--c) 22%, transparent); margin-bottom:12px;
}
.m-clasif > div{flex:1; min-width:180px; display:flex; flex-direction:column}
.m-clasif b{font-size:13px; font-weight:600; color:var(--c)}
.m-clasif span{font-size:12.5px; color:var(--texto-2)}
.m-mover{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--texto-3)}
.m-mover select{font:inherit; font-size:12.5px; color:var(--texto); background:var(--panel); border:1px solid var(--linea); border-radius:8px; padding:4px 6px}
.m-acc{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px}
.m-cuerpo{white-space:pre-wrap; font-size:14px; line-height:1.65; color:var(--texto); max-width:70ch}
.m-adj{display:flex; gap:8px; flex-wrap:wrap; margin-top:18px}
.m-adj-f{display:flex; gap:9px; align-items:center; text-align:left; border:1px solid var(--linea); background:var(--panel); border-radius:var(--r2); padding:8px 12px 8px 8px}
.m-adj-f:hover{border-color:var(--texto-3)}
.m-adj-f b{display:block; font-size:12.5px; font-weight:550}
.m-adj-f small{font-size:11.5px; color:var(--texto-3)}
.m-pdf{width:34px; height:34px; border-radius:8px; display:grid; place-items:center; font-size:9.5px; font-weight:700; background:var(--malo-bg); color:var(--malo)}
.m-resp{margin-top:20px; padding-top:16px; border-top:1px solid var(--linea)}
.m-resp p{margin:0 0 8px; font-size:12.5px; color:var(--texto-3)}
.m-nuevo{display:flex; flex-direction:column; gap:11px; max-width:640px}
.m-nuevo .campo select, .m-nuevo .campo input{font:inherit; font-size:13.5px}
.m-nada{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--texto-3); gap:8px}
.m-nada svg{opacity:.5}

/* ── imprimir una factura ────────────────────────────────────────── */
#impresion{display:none}
@media print{
  @page{size:A4; margin:0}
  html.imprimiendo body > *:not(#impresion){display:none !important}
  html.imprimiendo body{background:#fff}
  html.imprimiendo #impresion{display:block; width:210mm; container-type:inline-size}
  html.imprimiendo .papel{border-radius:0; height:297mm; aspect-ratio:auto; -webkit-print-color-adjust:exact; print-color-adjust:exact}
}

/* ── responsive ──────────────────────────────────────────────────── */
@media (max-width:1240px){
  .correo{grid-template-columns:190px minmax(260px, 320px) minmax(0, 1fr)}
  .tl-eje, .tl-fila{grid-template-columns:150px minmax(0, 1fr) 112px}
  .tl-ahora{left:calc(150px + 12px + (100% - 150px - 112px - 24px) * var(--x) / 100)}
}
@media (max-width:1100px){
  .fac-doble{grid-template-columns:1fr}
  .fac-lado{position:static}
  .correo{grid-template-columns:minmax(260px, 340px) minmax(0, 1fr)}
  .m-carpetas{display:none}
}
@media (max-width:980px){
  .correo{grid-template-columns:1fr; height:auto; min-height:540px}
  .correo .m-leer{display:none}
  .correo.con-sel .m-lista{display:none}
  .correo.con-sel .m-leer{display:block}
  .m-volver{display:inline-flex}
  .m-lista{border-right:0}
}
@media (max-width:720px){
  .tl-eje, .tl-fila{grid-template-columns:minmax(0, 1fr) auto; gap:6px 10px}
  .tl-eje{display:none}
  .tl-pista{grid-column:1 / -1; grid-row:2}
  .tl-ahora{display:none}
  .fe-rej{grid-template-columns:1fr}
  .fe-l{grid-template-columns:1fr 1fr 1fr 28px; row-gap:4px}
  .fe-l > :first-child{grid-column:1 / -1}
  .fe-l.cab{display:none}
  .fe-imp{grid-column:1 / 4; text-align:left; font-size:12px; color:var(--texto-3)}
  .m-leer{padding:14px 16px 22px}
  .leyenda-f{display:none}
  .semana-f tr{grid-template-columns:repeat(3, 1fr)}
  .semana-f td:first-child{grid-column:1 / -1}
}