/* Lo propio de la app real (app.css viene del demo y no se edita aquí). */
.arranque{min-height:60vh;display:flex;align-items:center;justify-content:center}
.arranque .wm{font-size:26px;font-weight:700;color:var(--ink);animation:latido 1.4s ease-in-out infinite}
.arranque .wm i{font-style:normal;color:var(--eo-ink)}
@keyframes latido{0%,100%{opacity:.35}50%{opacity:1}}
/* bloque cargando: barras grises que laten (como Linear y Lattice) */
.esq{display:flex;flex-direction:column;gap:10px}
.esq i{display:block;height:12px;border-radius:6px;background:var(--soft);animation:latido 1.4s ease-in-out infinite}
.falta{border-style:dashed}
.codigo-in{font-size:24px;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}
table.d{width:100%;border-collapse:collapse;font-size:13px}
table.d th{text-align:left;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--gray);font-weight:600;padding:8px 8px 8px 0;border-bottom:1px solid var(--line)}
table.d td{padding:10px 8px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.d tr:last-child td{border-bottom:0}
a.li,a.hitem,a.morebtn{display:flex}
.superbar button[data-act="salir"]{background:var(--surface);color:var(--ink);font-weight:700}
/* la app instalada en el iPhone: respeta la muesca de arriba */
@supports (padding-top:env(safe-area-inset-top)){.app{padding-top:env(safe-area-inset-top)}}
@media (prefers-reduced-motion:reduce){.arranque .wm,.esq i{animation:none}}

/* Superadmin › Portada: los textos editables de la vista previa (el marco viene de app.css; migración 0011) */
.ptx{cursor:pointer;border-radius:4px;outline:1.5px dashed rgba(127,138,255,.7);outline-offset:2px;transition:background .15s}
.ptx:hover,.ptx:focus{background:rgba(127,138,255,.18)}
.portada-prev .loginbox .ptx{outline-color:rgba(61,70,242,.55)}
.portada-prev .loginbox .btn .ptx{outline-color:rgba(255,255,255,.8)}