/* boveda-sinia-1.0 — Bóveda sin cara de IA (13/11/2026). Va al final, después de extra.css.
   Ajustes sobre el diseño actual (no lo reemplaza): grises neutros en vez de lila, acento naranjo solo en el botón principal
   y enlaces, sin mayúsculas espaciadas, pesos ≤ 700, chips de esquina chica, sin animación de entrada en cada bloque.
   Deshacer: quitar el <link> de sinia.css en app.html. */
:root{
  --bv-ink:#1f2125;--bv-mut:#5f6368;--bv-line:#e3e5e8;--bv-line2:#d0d4d9;--bv-bg:#f5f6f7;
  --bv-hover:#f2f3f5;--bv-sel:#eceef1;
  --bv-sh:0 1px 2px rgba(31,33,37,.06);
}
/* fondos y bordes lila → grises */
.bv-btn:not(.bv-btn-pri):not(.bv-btn-crit):not(.bv-btn-link):hover{border-color:#b9bec5;background:var(--bv-hover)}
.bv-btn-pri:disabled{background:#c4c8ce;border-color:#c4c8ce}
.bv-in::placeholder{color:#9aa0a6}
.bv-in:focus{box-shadow:none}
.bv-btn:focus-visible,.bv-in:focus-visible,.bv-ico-btn:focus-visible,.ap-buscar:focus-within{outline:2px solid var(--bv-ink);outline-offset:1px}
.bv-aviso-info{background:var(--bv-bg);color:var(--bv-ink);border-color:var(--bv-line)}
.ap-tabla th{background:#fafafa}
.ap-tabla tbody tr:hover{background:var(--bv-hover)}
.ap-tabla tbody tr.sel{background:var(--bv-sel)}
.ap-gen-out,.ac-kit{background:#fafafa}
.pg-enlace code{border-color:var(--bv-line)}

/* marca: cuadro gris oscuro en vez de violeta */
.bv-marca{font-weight:700}
.bv-marca-ico{background:var(--bv-ink) !important;color:#fff;border-radius:6px}

/* menú lateral: activo en gris, íconos sin color */
.ap-nav a.on{background:var(--bv-sel);color:var(--bv-ink)}
.ap-nav a.on svg{color:var(--bv-ink)}
.ap-nav a svg [fill="#065F46"],.ap-nav a svg [fill="#991B1B"]{fill:var(--bv-mut)}
.ap-bloq{color:var(--bv-mut) !important}
.ap-cli .ap-col-ini{background:var(--bv-mut)}
.ap-menu-nuevo svg{color:var(--bv-mut)}
.ap-ico{color:var(--bv-mut)}
.ac-avatar{background:var(--bv-sel);color:var(--bv-ink)}

/* sin mayúsculas ni letras espaciadas */
.bv-lab,.ap-nav-t,.ap-tabla th,.pg-tabla th,.ap-campo dt,.ap-sec h3,.ap-menu-sep,.ac-pasos,.sl-prov,.bv-marca small{letter-spacing:0;text-transform:none}
.bv-lab{font-size:13px;color:var(--bv-ink);font-weight:600}
.ap-nav-t{font-size:12px}
.ap-tabla th,.pg-tabla th{font-size:13px}

/* pesos: nada de 800 */
.ac-card h1,.ap-tit h1,.pg-main h1,.ac-kitpanel h1{font-weight:700;letter-spacing:0}
.ap-org-ini{font-weight:700}
.sl-pt,.sl-kpi b{font-weight:700;letter-spacing:0}

/* chips y pastillas: esquina chica en vez de cápsula */
.ap-chips button,.ap-gen-tipo button{border-radius:var(--bv-r)}
.ap-chips button[aria-pressed="true"],.ap-gen-tipo button[aria-pressed="true"]{background:var(--bv-sel);border-color:var(--bv-line2);color:var(--bv-ink);font-weight:600}
.pg-chip,.sl-chip{border-radius:var(--bv-r)}
.ap-nav a .ap-bad{border-radius:var(--bv-r)}

/* pasos de «crear cuenta»: sin círculo de color */
.ac-pasos .on i{background:var(--bv-ink);border-color:var(--bv-ink)}

/* sombras mínimas */
.ac-card{box-shadow:none}
.ap-modal-c{box-shadow:0 8px 24px rgba(31,33,37,.14)}
.ap-det{box-shadow:-4px 0 16px rgba(31,33,37,.06)}

/* movimiento: se queda en ventanas, panel y aviso; fuera la subida de cada bloque al cargar */
#raiz.bv-entra>*{animation:bvFundido var(--bv-dur) var(--bv-ease) both}
.bv-aviso,.pg-sec,.sl-hoja,.sl-kpi,.ac-card,details[open]>*:not(summary){animation:none}
.bv-btn:active:not(:disabled),.bv-ico-btn:active:not(:disabled){transform:none}

/* ---------- tablero de Inicio (inicio.js, boveda-inicio-1.0) ---------- */
.in-act{display:inline-flex;align-items:center;gap:4px;font-size:13px}
.in-recargar{width:26px;height:26px}
.in-filtros{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.in-filtros select.bv-in{min-width:190px}
.in-seg{display:inline-flex;border:1px solid var(--bv-line2);border-radius:var(--bv-r);overflow:hidden;background:#fff}
.in-seg button{font:inherit;font-size:13px;border:0;background:none;color:var(--bv-mut);padding:6px 12px;cursor:pointer}
.in-seg button+button{border-left:1px solid var(--bv-line2)}
.in-seg button[aria-pressed="true"]{background:var(--bv-sel);color:var(--bv-ink);font-weight:600}
.in{display:flex;flex-direction:column;gap:12px}
.in-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.in-kpi{background:#fff;border:1px solid var(--bv-line);border-radius:var(--bv-rc);padding:12px 14px;display:flex;flex-direction:column;gap:2px;color:var(--bv-ink);text-decoration:none}
.in-kpi:hover{border-color:var(--bv-line2);color:var(--bv-ink)}
.in-kpi span{font-size:13px;color:var(--bv-mut)}
.in-kpi strong{font-size:26px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.in-kpi small{font-size:12px;color:var(--bv-mut)}
.in-kpi.in-mal strong{color:var(--bv-crit)}
.in-barra{height:5px;background:var(--bv-line);border-radius:3px;margin-top:6px;overflow:hidden}
.in-barra i{display:block;height:100%;background:var(--bv-acc);border-radius:3px}
.in-dos{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}
.in-caja{padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.in-caja h2{font-size:15px;font-weight:600;margin:0 0 6px}
.in-fila{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--bv-line)}
.in-caja h2+.in-fila{border-top:0}
.in-nom{flex:1;min-width:0;display:flex;flex-direction:column}
.in-nom b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-nom small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-fila>span:not(.in-nom){font-size:13px;white-space:nowrap}
.in-mal{color:var(--bv-crit)}
.in-mas{font-size:13px;margin-top:6px;align-self:flex-start;color:var(--bv-acc2)}
.in-vacio{font-size:13px;margin:4px 0}
.in-hbar{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px}
.in-hbar>span{width:120px;color:var(--bv-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-hbar .in-barra{flex:1;height:8px;margin:0}
.in-hbar b{width:40px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.in-tabla td,.in-tabla th{padding:7px 6px}
.in-tabla td:first-child{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-num{text-align:right !important;font-variant-numeric:tabular-nums}
@media (max-width:1000px){.in-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.in-dos{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:640px){
  .in-tabla thead{display:table-header-group}.in-tabla,.in-tabla tbody{display:table;width:100%}
  .in-tabla tr{display:table-row;padding:0;border:0}.in-tabla td{display:table-cell;padding:7px 4px;border-bottom:1px solid var(--bv-line)}
  .in-filtros select.bv-in{flex:1 1 100%}
}

/* ---------- logo Vaultdai (boveda-marca-1.0) ---------- */
.bv-marca-wordmark{display:block;height:24px;width:auto;max-width:150px}
.ac>.bv-marca .bv-marca-wordmark{height:34px;max-width:200px}
.pg-cab .bv-marca-wordmark{height:22px}

/* ---------- logo de la página en cada ítem (boveda-logos-1.0) ---------- */
.ap-ico.con-logo{background:#fff;border:1px solid var(--bv-line)}
.ap-favicon{width:18px;height:18px;object-fit:contain;display:block}
.ap-det-cab .ap-favicon{width:22px;height:22px}
.in-fila .ap-ico{width:28px;height:28px;flex:none}
.in-fila .ap-ico svg{width:15px;height:15px}
.in-fila .ap-favicon{width:16px;height:16px}
