/* Memoria en celular */
.cel { display: flex; flex-direction: column; height: 100dvh; }
.cel > * { flex: none; }
.cel-cab { display: flex; align-items: center; gap: 12px; padding: 14px 18px 4px; }
.cel-cab img { width: 32px; height: 32px; border-radius: 8px; }
.cel-cab h1 { font-size: 17px; font-weight: 600; }
.cel .pestanas { padding: 0 18px; gap: 22px; }
.cel .pestanas a { font-size: 14px; padding: 12px 0; }
.cel-filtros { display: flex; gap: 6px; overflow-x: auto; padding: 12px 18px; scrollbar-width: none; }
.cel-filtros .filtro { white-space: nowrap; }
.cel-cuerpo { flex: 1 !important; min-height: 0; overflow: auto; padding: 4px 18px 20px; display: grid; gap: 16px; align-content: start; }
.nav-cel { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--linea); padding: 6px 8px 22px; }
.nav-cel a { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; padding: 9px 0; border-radius: 9px; font-size: 11px; font-weight: 500; color: var(--texto-2); text-decoration: none; }
.nav-cel a.activo { background: var(--suave); color: var(--texto); }
.nav-cel .ico-tab { width: 17px; height: 17px; }

/* metro vertical */
.metro-v { position: relative; display: grid; gap: 0; padding-left: 26px; }
.metro-v::before { content: ""; position: absolute; left: 8px; top: 14px; bottom: 14px; width: 3px; border-radius: 2px; background: var(--texto); }
.metro-v > div { position: relative; padding: 10px 0; display: grid; gap: 3px; }
.metro-v > div::before { content: ""; position: absolute; left: -26px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--fondo); border: 3px solid var(--texto); }
.metro-v > div.punta-v::before { width: 19px; height: 9px; border-radius: 4px; left: -29px; top: 15px; background: var(--texto); border: 0; }
.metro-v > div b { font-size: 13.5px; font-weight: 600; }
.metro-v > div span { font-size: 12px; color: var(--texto-3); }
.metro-v > div .etiqueta-t { justify-self: start; }
.metro-v > div.alto::before { background: var(--senal); border-color: var(--senal); }
.metro-v > div.alto b { color: var(--senal); }
.metro-v > div.encendida .etiqueta-t { background: var(--boton-fondo); color: var(--boton-texto); }
.metro-v > div.apagada { opacity: .55; }

.cel .entrega { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 11px; margin-bottom: 0; }
.cel .entrega .previa { height: 76px; }
.cel .entrega .previa .hoja-p { inset: 8px 8px 0; padding: 6px 5px; }
.cel .entrega .info b { font-size: 13.5px; }
.cel .entrega .info .meta-e { font-size: 11.5px; gap: 2px 10px; }
.cel .entrega .info .meta-e span b { font-size: 11.5px; }
.cel .entrega .acciones-e { display: none; }
.cel .fecha-lt { margin: 6px 0 -6px; }
.cel .fecha-lt::before { display: none; }