/* ============================================================
   BANKING.CSS — Módulo Core Transaccional (chasis)
   ------------------------------------------------------------
   Estilos transversales del módulo Banking de Virgilio.
   Solo cubre la barra de tabs raíz del módulo (Personas / Aliados),
   que es estructura común a todo Banking, no de un subdominio.

   Los estilos del subdominio Personas (sub-tabs, grids de
   Recaudos/Cashouts, tarjeta Cliente 360) viven en:
     - css/modules/banking-personas.css

   El subdominio Aliados (liquidaciones) aún no tiene CSS propio:
   cuando salga del HTML inline nacerá css/modules/banking-aliados.css.

   Autor: Johnnatan Villada / Miguel Yepes
   Creado: 2026-06-02 (reforma Personas)
   Separado por subdominio: 2026-06-04
   ============================================================ */


/* ── Barra de tabs principal de Banking ─────────────────── */
/*
   Tabs raíz del módulo: Personas | Aliados.
   Transversal a todo Banking, por eso se queda en banking.css.
*/

.banking-tab {
    padding: 10px 20px;
    border: none;
    background: none;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

.banking-tab:hover {
    color: #374151;
}

.banking-tab.active {
    font-weight: 600;
    color: #2AA048;
    border-bottom-color: #2AA048;
}