/* ========================================================
   fuerzaTarea.css  —  Módulo Fuerza de Tarea
   Scoped bajo .ft-scope para evitar conflictos globales.
   ======================================================== */

/* --- Nav tabs (Index.cshtml) --- */
.ft-scope .dBtn {
    padding: 0 2px;
}

.ft-scope .topMenu {
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    padding: 6px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    width: 100%;
}

.ft-scope li.btn-primary.active,
.ft-scope li.btn-primary:hover,
.ft-scope li.btn-primary.active:hover {
    background-color: steelblue;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

.ft-scope li.btn-primary.principal.active,
.ft-scope li.btn-primary.principal:hover,
.ft-scope li.btn-primary.principal.active:hover {
    background-color: #0071bc;
}

/* --- Spacing columns (Principal, Vivienda, CampoAMesa) --- */
.ft-scope .coll {
    padding-right: 12px;
}

.ft-scope .colr {
    padding-left: 12px;
}

/* --- Tab link cursor (Principal) --- */
.ft-scope .tabLink:hover {
    cursor: pointer;
}

/* --- Section title --- */
.ft-scope .ft-section-title {
    text-align: left;
    font-size: 21px;
    border-bottom: 1px solid #7f7f7f;
    color: steelblue;
    margin-top: 10px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 8px;
    padding-left: 2px;
}

/* --- Card title (AFD, ViviendaMedia, etc) --- */
.ft-scope .ft-card-title {
    text-align: left;
    padding-top: 12px;
    font-size: 18px;
    margin-left: 22px;
    margin-right: 35px;
    margin-bottom: -6px;
    color: #0071BC;
    font-weight: 600;
}

/* --- Stat rows (label/value pairs) --- */
.ft-scope .ft-stat-row {
    text-align: left;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
    color: gray;
    margin-bottom: 0;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #7f7f7f;
}

.ft-scope .ft-stat-row .ft-label {
    color: #7f7f7f;
}

.ft-scope .ft-stat-row .ft-value {
    color: black;
}

/* --- Blue banner (Programación Financiera header) --- */
.ft-scope .ft-prog-header {
    text-align: left;
    font-size: 14px;
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 3px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #02395e;
    margin-top: -20px;
    color: white;
}

.ft-scope .ft-prog-header span {
    margin-left: 6px;
}

/* --- Carousel indicators (Vivienda, CampoAMesa) --- */
.ft-scope .carousel-indicators li,
.ft-scope .carousel-indicators button {
    background-color: white;
    border: 2px solid #0071BC;
}

.ft-scope .carousel-indicators .active {
    background-color: #0071BC;
}

/* --- Modal header (azul) --- */
.ft-scope .modal-header {
    background-color: #02395e;
    padding: 12px;
    color: white;
}

/* --- Table #bene --- */
.ft-scope #bene th {
    padding-left: 10px;
}

/* --- List group hover (Vivienda) --- */
.ft-scope .list-group-item:hover {
    cursor: pointer;
    background-color: #02395e;
    color: white;
}

/* --- #divProductores chart container (CampoAMesa) --- */
.ft-scope #divProductores {
    width: 100%;
    height: 500px;
}

/* --- Chart heights --- */
.ft-scope .ft-chart-sm {
    height: 200px;
    margin-right: 10px;
}

.ft-scope .ft-chart-md {
    height: 250px;
    text-align: left;
    padding-top: 33px;
}

/* --- Dashboard card title (Principal) --- */
.ft-scope .ft-dashboard-title {
    text-align: center;
    padding-top: 29px;
    font-size: 21px;
    border-bottom: 1px solid #7f7f7f;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    color: steelblue;
    font-weight: 600;
}

/* --- Modal overflow fix (Vivienda) --- */
.ft-scope .modal-open {
    overflow-y: auto;
}