/* Ruta: ZInterfazWeb.Web\wwwroot\css\site.css */
:root {
    --kito-primary: #2C63B5;
    --kito-navy: #0D2B4E;
}

body { font-size: .925rem; padding-bottom: 60px; }

.zw-navbar { background-color: var(--kito-navy); }
.zw-navbar .navbar-brand { font-weight: 600; }
.zw-marca { font-weight: 300; opacity: .65; font-size: .85rem; }
.navbar-dark .nav-link.active { color: #fff; border-bottom: 2px solid var(--kito-primary); }

.zw-pie {
    position: fixed; bottom: 0; width: 100%;
    background: #f1f3f5; border-top: 1px solid #dee2e6;
    padding: .5rem 0; font-size: .8rem; color: #6c757d;
}

.btn-primary { background-color: var(--kito-primary); border-color: var(--kito-primary); }
.card-header { background-color: #f8f9fa; font-weight: 600; }

.zw-cifra { font-variant-numeric: tabular-nums; text-align: right; }
.zw-negativo { color: #b02a37; }
.tabla-lineas { font-size: .82rem; }
.tabla-lineas td, .tabla-lineas th { padding: .25rem .5rem; }
.zw-login { max-width: 380px; margin: 6rem auto; }

/* Las filas de Bootstrap con d-flex declaran display:flex !important,
   así que ocultarlas exige !important o el filtro no hace nada.       */
.oculto { display: none !important; }

/* ---- Buscadores con autocompletado (pantalla de Homologación) ---- */
.zw-busca { position: relative; }

.zw-busca-lista {
    display: none;
    position: absolute; z-index: 1050; left: 0; right: 0;
    max-height: 260px; overflow-y: auto;
    background: #fff; border: 1px solid #ced4da; border-top: none;
    border-radius: 0 0 .375rem .375rem;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.1);
}
.zw-busca-lista.abierta { display: block; }

.zw-busca-item { padding: .35rem .6rem; cursor: pointer; font-size: .85rem; }
.zw-busca-item span { color: #6c757d; }
.zw-busca-item:hover,
.zw-busca-item.activo { background: var(--kito-primary); color: #fff; }
.zw-busca-item:hover span,
.zw-busca-item.activo span { color: #e9ecef; }

.zw-busca-vacio { padding: .5rem .6rem; font-size: .82rem; color: #6c757d; }
.zw-busca-desc { min-height: 1.2rem; color: #198754; }

/* ---- Listado de homologación ---- */
.fila-problema { background-color: #fff8f8; }
.zw-problema { text-decoration: none; }
.zw-problema:hover { text-decoration: underline; }

/* ---- Empresa activa en la barra ---- */
.zw-empresa {
    display: inline-flex; flex-direction: column; line-height: 1.05;
    margin-left: 1.25rem; padding: .2rem .75rem;
    border-left: 3px solid var(--kito-primary);
    text-decoration: none;
}
.zw-empresa:hover { background: rgba(255,255,255,.07); }

.zw-empresa-etiqueta {
    font-size: .62rem; text-transform: uppercase; letter-spacing: .07em;
    color: rgba(255,255,255,.55);
}
.zw-empresa-nombre {
    font-size: .95rem; font-weight: 600; color: #fff;
}

@media (max-width: 991px) {
    .zw-empresa { margin-left: 0; margin-top: .5rem; }
}