.panel{padding-top:20px;padding-bottom:60px}
.nav{display:flex;gap:8px;align-items:center}
.nav select{font:600 14px var(--fuente);border:1.5px solid var(--linea2);border-radius:999px;padding:8px 12px;background:var(--papel);max-width:46vw}
.acceso{display:grid;place-items:center;padding-top:30px}
.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:18px;padding:22px;box-shadow:var(--sombra);display:grid;gap:14px;width:100%;max-width:420px}
.tarjeta h1{font-size:26px;margin:0}
.pestanas{display:flex;gap:6px;overflow-x:auto;margin:0 -18px 18px;padding:0 18px 2px;scrollbar-width:none}
.pestanas button{border:0;background:none;font:600 14.5px var(--fuente);color:var(--dim);padding:10px 14px;border-radius:999px;white-space:nowrap;cursor:pointer}
.pestanas button.activa{background:var(--tinta);color:#fff}
.encabezado{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.encabezado h2{margin:0}
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}
.cifra{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:14px}
.cifra span{display:block;font-size:12.5px;color:var(--dim);font-weight:600}
.cifra b{display:block;font-size:22px;letter-spacing:-.02em;margin-top:2px}
.cifra small{color:var(--dim);font-size:12px}
.lista{display:grid;gap:12px}
.fun{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:14px;display:grid;gap:12px;box-shadow:var(--sombra)}
.fun__top{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}
.fun__img{width:56px;height:70px;border-radius:9px;object-fit:cover;background:var(--fondo);display:grid;place-items:center;color:var(--faint);font-size:11px;text-align:center}
.fun__top b{display:block;font-size:16px;line-height:1.25}
.fun__top small{display:block;color:var(--dim);font-size:13px}
.estado{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--fondo);white-space:nowrap}
.estado.venta{background:#e3f4ea;color:#14603a}.estado.pausada{background:#fff1d6;color:#7a4c00}.estado.borrador{background:#eceaf8;color:#3b3591}.estado.cerrada,.estado.agotada{background:#ecebe8;color:#4b4741}.estado.cancelada{background:#fde4e1;color:#9a2018}
.barra-prog{height:8px;border-radius:99px;background:var(--fondo);overflow:hidden}
.barra-prog i{display:block;height:100%;background:var(--tinta);border-radius:99px}
.fun__nums{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--tinta2)}
.fun__nums b{color:var(--tinta)}
.fun__acc{display:flex;flex-wrap:wrap;gap:8px}
.enlace{display:flex;gap:8px;align-items:center;background:var(--fondo);border-radius:10px;padding:8px 10px;font-size:13px;overflow:hidden}
.enlace code{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid2{display:grid;gap:12px}
@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}
.hoja__caja--ancha{max-width:640px}
.tabla{width:100%;border-collapse:collapse;font-size:14px;background:var(--papel);border-radius:14px;overflow:hidden}
.tabla th{text-align:left;font-size:12px;color:var(--dim);font-weight:700;padding:10px;border-bottom:1px solid var(--linea);white-space:nowrap}
.tabla td{padding:10px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla-wrap{overflow-x:auto;border:1px solid var(--linea);border-radius:14px}
.comprador{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.comprador__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.comprador small{color:var(--dim);font-size:13px}
.comprador .fun__acc .btn{font-size:13px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--tinta);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;z-index:80;max-width:90vw;box-shadow:var(--sombra)}
.vacio-panel{background:var(--papel);border:1.5px dashed var(--linea2);border-radius:16px;padding:26px;text-align:center;color:var(--dim)}
.alerta-box{background:#fdecea;border:1px solid #f5c2bd;color:#7d1a13;border-radius:14px;padding:14px;display:grid;gap:10px;margin-bottom:16px}
.tope{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:14px;margin-bottom:18px}
.tope .barra-prog{margin:8px 0 6px;height:10px}