@import '_content/dymaptic.GeoBlazor.Core/dymaptic.GeoBlazor.Core.8opetg2y0k.bundle.scp.css';

/* _content/Argus/Pages/AnalisisGeografico.razor.rz.scp.css */
/* ===== Panel lateral (scoped a esta página) ===== */
.chalecos-sidebar[b-tby3hh48mr] {
    /* fondo y layout */
    background: #0b1220; /* azul marino oscuro */
    color: #e5e7eb; /* texto claro */
    padding: 16px;
    border-right: 1px solid #1f2937;
    display: grid;
    gap: 16px;
}

/* Título */
.chalecos-title[b-tby3hh48mr] {
    margin: 2px 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #f3f4f6;
}

/* Subtítulo de cada filtro */
.filtro-header[b-tby3hh48mr] {
    margin: 6px 0 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #9fb4ff; /* acento */
}

/* Grupo label + input */
.filtro-group[b-tby3hh48mr] {
    display: grid;
    gap: 6px;
}

.filtro-label[b-tby3hh48mr] {
    font-size: 12px;
    color: #cbd5e1;
}

/* ===== SmartChecklist “card” ===== */
.chalecos-sidebar .smart-checklist[b-tby3hh48mr],
.chalecos-sidebar .e-listview[b-tby3hh48mr], /* por si el componente usa SfListView */
.chalecos-sidebar .sc-card[b-tby3hh48mr] {
    /* alias por si ya lo usas */
    background: #111827;
    border: 1px solid #1f2937;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* Header interno (título + badge) */
.chalecos-sidebar .sc-header[b-tby3hh48mr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.chalecos-sidebar .sc-title[b-tby3hh48mr] {
    font-size: 14px;
    font-weight: 600;
    color: #e5e7eb;
}

.chalecos-sidebar .sc-badge[b-tby3hh48mr] {
    font-size: 11px;
    background: #1f3a8a;
    color: #e5edff;
    padding: 2px 8px;
    border-radius: 999px;
}

/* Buscador dentro del checklist */
.chalecos-sidebar input[type="text"][b-tby3hh48mr],
.chalecos-sidebar .e-input[b-tby3hh48mr], /* Syncfusion */
.chalecos-sidebar .e-input-group input[b-tby3hh48mr] {
    background: #0b1020 !important;
    border: 1px solid #23304d !important;
    color: #e5e7eb !important;
    border-radius: 10px !important;
    height: 36px;
}

.chalecos-sidebar input[b-tby3hh48mr]::placeholder {
    color: #94a3b8;
}

/* Lista scrollable */
.chalecos-sidebar .sc-body[b-tby3hh48mr] {
    max-height: 320px;
    overflow: auto;
    padding-right: 4px;
}

/* Checkbox y renglones */
.chalecos-sidebar .sc-item[b-tby3hh48mr],
.chalecos-sidebar .e-list-item[b-tby3hh48mr] {
    display: grid;
    grid-template-columns: 18px 1fr;
    align-items: center;
    gap: 8px;
    padding: 6px 6px;
    color: #e5e7eb;
    border-radius: 8px;
}

    .chalecos-sidebar .sc-item:hover[b-tby3hh48mr],
    .chalecos-sidebar .e-list-item:hover[b-tby3hh48mr] {
        background: rgba(148, 163, 184, 0.08);
    }

/* Mejorar contraste de los checkboxes nativos */
.chalecos-sidebar input[type="checkbox"][b-tby3hh48mr] {
    accent-color: #3b82f6; /* azul */
}

/* Paginita/contador al fondo */
.chalecos-sidebar .sc-footer[b-tby3hh48mr] {
    margin-top: 6px;
    font-size: 11px;
    color: #9ca3af;
    text-align: right;
}

/* ===== Botones ===== */
.btn-primario[b-tby3hh48mr] {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #1d4ed8;
    background: linear-gradient(180deg, #2563eb, #1e40af);
    color: #f8fafc;
    font-weight: 600;
    letter-spacing: 0.2px;
    transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .btn-primario:hover[b-tby3hh48mr] {
        filter: brightness(1.05);
        box-shadow: 0 10px 22px rgba(37, 99, 235, 0.32);
    }

    .btn-primario:active[b-tby3hh48mr] {
        transform: translateY(1px);
    }

    /* Estilos específicos para iconos dentro de botones primarios */
    .btn-primario .btn-icon[b-tby3hh48mr] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        padding: 0;
        margin: 0; /* Eliminar margin-right del estilo general */
        border-radius: 0;
        flex-shrink: 0;
    }

.btn-clear[b-tby3hh48mr] {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #334155;
    background: transparent;
    color: #e2e8f0;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .btn-clear:hover[b-tby3hh48mr] {
        background: rgba(148, 163, 184, 0.08);
        border-color: #475569;
    }

    /* Estilos específicos para iconos dentro de botones clear */
    .btn-clear .btn-icon[b-tby3hh48mr] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        padding: 0;
        margin: 0; /* Eliminar margin-right del estilo general */
        border-radius: 0;
        flex-shrink: 0;
    }

/* ===== Mejorar scrollbars (sutil) ===== */
.chalecos-sidebar .sc-body[b-tby3hh48mr]::-webkit-scrollbar {
    width: 10px;
}

.chalecos-sidebar .sc-body[b-tby3hh48mr]::-webkit-scrollbar-thumb {
    background: #24324a;
    border-radius: 20px;
    border: 2px solid #111827;
}

.chalecos-sidebar .sc-body[b-tby3hh48mr]::-webkit-scrollbar-track {
    background: #111827;
}

/* ===== Placeholders/inputs genéricos Syncfusion en panel oscuro ===== */
.chalecos-sidebar .e-control[b-tby3hh48mr],
.chalecos-sidebar .e-ddl[b-tby3hh48mr],
.chalecos-sidebar .e-dropdownbase[b-tby3hh48mr] {
    color: #e5e7eb;
}

.chalecos-sidebar .e-input-group[b-tby3hh48mr],
.chalecos-sidebar .e-input-group.e-control-wrapper[b-tby3hh48mr] {
    background: #111827;
    border-color: #23304d;
}

.chalecos-sidebar .e-dropdownbase .e-input[b-tby3hh48mr] {
    color: #e5e7eb;
}

/* ===== KPI bar (por si quedó con texto oscuro) ===== */
.kpir-root .kpir-label[b-tby3hh48mr] {
    color: #cbd5e1;
}

.kpir-root .kpir-value[b-tby3hh48mr] {
    color: #f8fafc;
    font-weight: 700;
}
/* icono alineado en botones */
.btn-icon[b-tby3hh48mr] {
    display: inline-flex;
    margin-right: 8px;
    line-height: 0;
    vertical-align: middle;
}

/* por si el título original queda muy pegado */
.filtro-header + .smart-checklist[b-tby3hh48mr] {
    margin-top: 6px;
}
/* =========================
   CONTRASTE PARA SMARTCHECKLIST
   ========================= */

/* Contenedor "modo contraste". Úsalo como wrapper. */
.sc-contrast[b-tby3hh48mr] {
    /* nada especial aquí, solo para scope */
}

    /* Título y contador del checklist */
    .sc-contrast .sc-title[b-tby3hh48mr],
    .sc-contrast .sc-counter[b-tby3hh48mr],
    .sc-contrast .e-badge[b-tby3hh48mr] {
        color: #0f172a !important; /* tinta oscura */
        opacity: 1 !important;
    }

    /* Caja de búsqueda */
    .sc-contrast input[type="text"][b-tby3hh48mr],
    .sc-contrast .e-input[b-tby3hh48mr],
    .sc-contrast .e-input-group input[b-tby3hh48mr] {
        color: #0f172a !important;
        background: #fff !important;
        border-color: #cbd5e1 !important;
    }

        .sc-contrast input[b-tby3hh48mr]::placeholder,
        .sc-contrast .e-input-group input[b-tby3hh48mr]::placeholder {
            color: #64748b !important; /* gris medio (visible) */
        }

    /* Lista (Syncfusion SfListView suele usar estas clases) */
    .sc-contrast .e-list-item[b-tby3hh48mr],
    .sc-contrast .e-list-item .e-list-text[b-tby3hh48mr],
    .sc-contrast .e-checkbox-wrapper .e-label[b-tby3hh48mr],
    .sc-contrast label[b-tby3hh48mr] {
        color: #0f172a !important; /* texto de ítems */
        opacity: 1 !important;
    }

    /* Scrollbar dentro del panel (más visible) */
    .sc-contrast [b-tby3hh48mr]::-webkit-scrollbar-thumb {
        background: #94a3b8 !important;
        border-radius: 6px;
    }

    .sc-contrast [b-tby3hh48mr]::-webkit-scrollbar-track {
        background: #e2e8f0 !important;
    }

    /* Estado hover/focus de ítems para mejor legibilidad */
    .sc-contrast .e-list-item:hover[b-tby3hh48mr],
    .sc-contrast .e-list-item.e-hover[b-tby3hh48mr] {
        background: #f1f5f9 !important;
    }

    .sc-contrast .e-checkbox-wrapper input:focus + .e-frame[b-tby3hh48mr],
    .sc-contrast .e-input:focus[b-tby3hh48mr],
    .sc-contrast .e-input-group.e-input-focus[b-tby3hh48mr] {
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
    }

    /* Quita cualquier desvanecido heredado */
    .sc-contrast *[b-tby3hh48mr] {
        text-shadow: none !important;
    }

/* =========================
   KPI BAR: títulos más oscuros
   ========================= */
.kpir-label[b-tby3hh48mr] {
    color: #0b2545 !important; /* más contraste sobre fondo claro */
    font-weight: 600 !important;
    opacity: 1 !important;
}

/* Si tu tarjeta KPI tiene overlay claro, refuerza el valor en blanco
   y el título en oscuro para contraste */
.kpir-value[b-tby3hh48mr] {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* (Opcional) Si el fondo de las tarjetas es muy pálido, subir un poco el contraste */
.kpir-grid .kpi[b-tby3hh48mr] {
    background: linear-gradient( 180deg, #c8dae9, #b6cde2 ) !important; /* un pelín más oscuro */
    border: 1px solid #8fb3cf !important;
}
/* Contenedor de los botones de capa de partidos */
.capa-partidos-actions[b-tby3hh48mr] {
    display: flex;
    flex-direction: column; /* uno debajo del otro para que no se aplasten */
    gap: 8px;
}

    /* Que el texto no se salga y pueda hacer wrap */
    .capa-partidos-actions .btn-primario[b-tby3hh48mr],
    .capa-partidos-actions .btn-clear[b-tby3hh48mr] {
        width: 100%; /* ocupan todo el ancho disponible del panel */
        min-height: 40px;
        white-space: normal; /* permite que el texto haga salto de línea */
        text-align: center;
        font-size: 13px;
        line-height: 1.2;
    }

.bool-chip[b-tby3hh48mr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.bool-true[b-tby3hh48mr] {
    background-color: #dcfce7; /* verde clarito */
    color: #166534; /* verde oscuro */
    border: 1px solid #bbf7d0;
}

.bool-false[b-tby3hh48mr] {
    background-color: #fee2e2; /* rojo clarito */
    color: #991b1b; /* rojo oscuro */
    border: 1px solid #fecaca;
}

.edad-card[b-tby3hh48mr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Resumen arriba */
.edad-summary[b-tby3hh48mr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.edad-chip[b-tby3hh48mr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.12); /* azul translúcido */
    color: #bfdbfe;
    font-size: 0.8rem;
}

    .edad-chip i[b-tby3hh48mr] {
        font-size: 0.9rem;
    }

/* Botón reset */
.edad-reset-btn[b-tby3hh48mr] {
    border: 1px solid rgba(148, 163, 184, 0.7);
    background: transparent;
    color: #e5e7eb;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 999px;
    cursor: pointer;
}

    .edad-reset-btn:hover[b-tby3hh48mr] {
        background: rgba(148, 163, 184, 0.12);
    }

/* Campos numéricos */
.edad-fields[b-tby3hh48mr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.edad-field[b-tby3hh48mr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.edad-label[b-tby3hh48mr] {
    font-size: 0.78rem;
    color: #9ca3af;
}

.edad-input[b-tby3hh48mr] {
    width: 100%;
}

/* Presets como pastillas */
.edad-presets[b-tby3hh48mr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.edad-pill-btn[b-tby3hh48mr] {
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.6);
    background: transparent;
    color: #e5e7eb;
    font-size: 0.75rem;
    padding: 3px 10px;
    cursor: pointer;
}

    .edad-pill-btn:hover[b-tby3hh48mr] {
        background: rgba(59, 130, 246, 0.2); /* azul clarito al hover */
        border-color: rgba(59, 130, 246, 0.9);
    }

.layer-toggle-btn[b-tby3hh48mr] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    font-size: 0.85rem;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .layer-toggle-btn .btn-icon[b-tby3hh48mr] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        padding: 0;
        margin: 0; /* Eliminar margin-right del estilo general */
        border-radius: 0;
        flex-shrink: 0;
    }

/* acento lateral según tipo */
.benef-estatal[b-tby3hh48mr] {
    border-left: 3px solid #22c55e; /* verde */
}

.benef-federal[b-tby3hh48mr] {
    border-left: 3px solid #f97373; /* rojo */
}
.bool-icon[b-tby3hh48mr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 9999px;
    font-size: 11px;
}

.bool-true[b-tby3hh48mr] {
    background-color: #16a34a1a;
    color: #16a34a;
}

.bool-false[b-tby3hh48mr] {
    background-color: #e5e7eb;
    color: #6b7280;
}
.capa-toggle[b-tby3hh48mr] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #e2e8f0; /* slate-200 */
    border: 1px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s ease;
    font-size: 16px;
    color: #334155;
}

    .capa-toggle:hover[b-tby3hh48mr] {
        background: #cbd5e1;
    }

    .capa-toggle.active[b-tby3hh48mr] {
        background: #2563eb; /* azul institucional */
        color: white;
        border-color: #1e40af;
        box-shadow: 0 0 6px rgba(37,99,235,0.4);
    }
/* Contenedor responsivo */
.ag-actions[b-tby3hh48mr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* Contador */
.ag-count[b-tby3hh48mr] {
    font-weight: 600;
    margin-right: 10px;
    white-space: nowrap;
}

/* Botón principal (PDF+CSV) */
.btn-ag[b-tby3hh48mr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #2563eb;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, transform 0.1s ease;
}

    .btn-ag:hover[b-tby3hh48mr] {
        background: #1d4ed8;
    }

    .btn-ag:active[b-tby3hh48mr] {
        transform: scale(0.97);
    }

    .btn-ag:disabled[b-tby3hh48mr] {
        background: #94a3b8;
        cursor: not-allowed;
    }

/* Botón secundario (CSV) */
.btn-ag-light[b-tby3hh48mr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #e2e8f0;
    color: #1e293b;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, transform 0.1s ease;
}

    .btn-ag-light:hover[b-tby3hh48mr] {
        background: #cbd5e1;
    }

    .btn-ag-light:active[b-tby3hh48mr] {
        transform: scale(0.97);
    }

    /* Iconos */
    .btn-ag i[b-tby3hh48mr],
    .btn-ag-light i[b-tby3hh48mr] {
        font-size: 16px;
    }

/* Responsivo: en pantallas pequeñas, texto más corto */
@media (max-width: 640px) {
    .btn-text[b-tby3hh48mr] {
        display: none;
    }
}
/* _content/Argus/Pages/DashboardsPowerBI.razor.rz.scp.css */
/* Contenedor Principal */
.pbi-container[b-el0wvvlfc6] {
  min-height: 100vh;
  background-color: #020617;
  padding: 2rem 1.5rem;
}

.pbi-content[b-el0wvvlfc6] {
  max-width: 1800px;
  margin: 0 auto;
}

/* Header de Navegación */
.pbi-header[b-el0wvvlfc6] {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pbi-header-content[b-el0wvvlfc6] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: stretch;
  gap: 2rem;
  padding: 0 1rem;
}

/* Flechas de Navegación */
.pbi-arrow[b-el0wvvlfc6] {
  width: 70px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
  border: none;
  border-radius: 16px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.pbi-arrow:hover[b-el0wvvlfc6] {
  transform: translateX(-2px);
  box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3),
    0 4px 6px -2px rgba(59, 130, 246, 0.2);
  background: linear-gradient(135deg, #1d4ed8 0%, #60a5fa 100%);
}

.pbi-arrow-right:hover[b-el0wvvlfc6] {
  transform: translateX(2px);
}

.pbi-arrow:active[b-el0wvvlfc6] {
  transform: translateX(0);
}

.pbi-arrow svg[b-el0wvvlfc6] {
  width: 28px;
  height: 28px;
}

/* Selector Dropdown */
.pbi-selector-wrapper[b-el0wvvlfc6] {
  display: flex;
  justify-content: center;
}

.pbi-select[b-el0wvvlfc6] {
  width: 100%;
  max-width: 500px;
  padding: 0.875rem 1rem;
  background: white;
  color: #1e293b;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.pbi-select:hover[b-el0wvvlfc6] {
  border-color: #3b82f6;
}

.pbi-select:focus[b-el0wvvlfc6] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Tarjeta del Título */
.pbi-title-card[b-el0wvvlfc6] {
  background: white;
  border-radius: 20px;
  padding: 2.5rem 3rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pbi-title[b-el0wvvlfc6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 2.5rem;
  font-weight: 800;
  color: #1e293b;
  text-align: center;
  line-height: 1.2;
}

.pbi-title-icon[b-el0wvvlfc6] {
  width: 48px;
  height: 48px;
  color: #3b82f6;
  flex-shrink: 0;
}

.pbi-title span[b-el0wvvlfc6] {
  line-height: 1.3;
}

/* Wrapper del Link - Posicionado abajo izquierda */
.pbi-open-link-wrapper[b-el0wvvlfc6] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}

/* Link Abrir en Nueva Pestaña */
.pbi-open-link[b-el0wvvlfc6] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
  color: white;
  text-decoration: none;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px rgba(59, 130, 246, 0.3);
}

.pbi-open-link:hover[b-el0wvvlfc6] {
  transform: translateY(-2px);
  box-shadow: 0 8px 12px rgba(59, 130, 246, 0.4);
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

.pbi-open-link svg[b-el0wvvlfc6] {
  width: 18px;
  height: 18px;
}

/* Contenedor del Dashboard */
.pbi-dashboard-wrapper[b-el0wvvlfc6] {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.pbi-iframe-container[b-el0wvvlfc6] {
  width: 100%;
  height: calc(100vh - 280px);
  min-height: 600px;
  border-radius: 12px;
  overflow: hidden;
  background: #f8fafc;
}

.pbi-iframe[b-el0wvvlfc6] {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Estado Vacío */
.pbi-empty-state[b-el0wvvlfc6] {
  background: white;
  border-radius: 16px;
  padding: 4rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.pbi-empty-icon[b-el0wvvlfc6] {
  width: 80px;
  height: 80px;
  color: #cbd5e1;
}

.pbi-empty-text[b-el0wvvlfc6] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #64748b;
  margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  .pbi-header[b-el0wvvlfc6] {
    gap: 1.25rem;
  }

  .pbi-header-content[b-el0wvvlfc6] {
    grid-template-columns: auto 1fr auto;
    align-items: stretch;
    gap: 1rem;
  }

  .pbi-arrow[b-el0wvvlfc6] {
    width: 60px;
    height: 100%;
    border-radius: 14px;
  }

  .pbi-arrow svg[b-el0wvvlfc6] {
    width: 24px;
    height: 24px;
  }

  .pbi-title-card[b-el0wvvlfc6] {
    padding: 2rem 2.5rem;
  }

  .pbi-title[b-el0wvvlfc6] {
    font-size: 2rem;
  }

  .pbi-title-icon[b-el0wvvlfc6] {
    width: 40px;
    height: 40px;
  }

  .pbi-open-link[b-el0wvvlfc6] {
    font-size: 0.875rem;
    padding: 0.625rem 1.25rem;
  }

  .pbi-iframe-container[b-el0wvvlfc6] {
    height: calc(100vh - 380px);
  }
}

@media (max-width: 640px) {
  .pbi-container[b-el0wvvlfc6] {
    padding: 0.75rem;
  }

  .pbi-header[b-el0wvvlfc6] {
    gap: 1rem;
  }

  .pbi-header-content[b-el0wvvlfc6] {
    grid-template-columns: auto 1fr auto;
    align-items: stretch;
    gap: 0.5rem;
    padding: 0 0.5rem;
  }

  .pbi-arrow[b-el0wvvlfc6] {
    width: 50px;
    height: 100%;
    border-radius: 12px;
  }

  .pbi-arrow svg[b-el0wvvlfc6] {
    width: 20px;
    height: 20px;
  }

  .pbi-select[b-el0wvvlfc6] {
    font-size: 0.8rem;
    padding: 0.625rem 0.75rem;
    max-width: 100%;
  }

  .pbi-title-card[b-el0wvvlfc6] {
    padding: 1.5rem 1.25rem;
  }

  .pbi-title[b-el0wvvlfc6] {
    font-size: 1.5rem;
    gap: 0.5rem;
  }

  .pbi-title-icon[b-el0wvvlfc6] {
    width: 32px;
    height: 32px;
  }

  .pbi-open-link-wrapper[b-el0wvvlfc6] {
    margin-bottom: 1rem;
  }

  .pbi-open-link[b-el0wvvlfc6] {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
  }

  .pbi-open-link svg[b-el0wvvlfc6] {
    width: 16px;
    height: 16px;
  }

  .pbi-dashboard-wrapper[b-el0wvvlfc6] {
    padding: 0.75rem;
  }

  .pbi-iframe-container[b-el0wvvlfc6] {
    height: calc(100vh - 420px);
    min-height: 400px;
  }
}

@media (max-width: 400px) {
  .pbi-header[b-el0wvvlfc6] {
    gap: 0.75rem;
  }

  .pbi-header-content[b-el0wvvlfc6] {
    grid-template-columns: auto 1fr auto;
    align-items: stretch;
    gap: 0.375rem;
    padding: 0 0.25rem;
  }

  .pbi-arrow[b-el0wvvlfc6] {
    width: 45px;
    height: 100%;
    border-radius: 10px;
  }

  .pbi-arrow svg[b-el0wvvlfc6] {
    width: 18px;
    height: 18px;
  }

  .pbi-select[b-el0wvvlfc6] {
    font-size: 0.75rem;
    padding: 0.5rem 0.625rem;
  }

  .pbi-title-card[b-el0wvvlfc6] {
    padding: 1.25rem 1rem;
  }

  .pbi-title[b-el0wvvlfc6] {
    font-size: 1.25rem;
    flex-direction: column;
  }

  .pbi-title-icon[b-el0wvvlfc6] {
    width: 28px;
    height: 28px;
  }

  .pbi-open-link[b-el0wvvlfc6] {
    font-size: 0.75rem;
    padding: 0.375rem 0.875rem;
  }

  .pbi-open-link svg[b-el0wvvlfc6] {
    width: 14px;
    height: 14px;
  }
}
/* _content/Argus/Pages/Herramientas/Encuestas/WP_NuevaEncuesta.razor.rz.scp.css */
/* Estilos para la página de Gestión de Encuestas */

/* Contenedor principal */
.encuestas-container[b-5a3b29n5u4] {
  background-color: #020617;
  min-height: 100vh;
}

/* Header */
.encuestas-title[b-5a3b29n5u4] {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.encuestas-subtitle[b-5a3b29n5u4] {
  font-size: 1rem;
  color: #94a3b8;
}

/* Botones */
.encuestas-btn-primary[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #2563eb;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-primary:hover[b-5a3b29n5u4] {
  background-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.encuestas-btn-secondary[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #64748b;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-secondary:hover[b-5a3b29n5u4] {
  background-color: #475569;
  transform: translateY(-1px);
}

.encuestas-btn-edit[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #3b82f6;
  color: #ffffff;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-edit:hover[b-5a3b29n5u4] {
  background-color: #2563eb;
  transform: translateY(-1px);
}

.encuestas-btn-edit.selected[b-5a3b29n5u4] {
  background-color: #10b981;
}

.encuestas-btn-delete[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ef4444;
  color: #ffffff;
  padding: 0.5rem;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-delete:hover[b-5a3b29n5u4] {
  background-color: #dc2626;
}

.encuestas-btn-delete-small[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ef4444;
  color: #ffffff;
  padding: 0.25rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-delete-small:hover[b-5a3b29n5u4] {
  background-color: #dc2626;
}

.encuestas-btn-save[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #10b981;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  justify-content: center;
}

.encuestas-btn-save:hover:not(:disabled)[b-5a3b29n5u4] {
  background-color: #059669;
  transform: translateY(-1px);
}

.encuestas-btn-save:disabled[b-5a3b29n5u4] {
  background-color: #6b7280;
  cursor: not-allowed;
  opacity: 0.6;
}

.encuestas-btn-cancel[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #64748b;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  justify-content: center;
  margin-top: 0.75rem;
}

.encuestas-btn-cancel:hover[b-5a3b29n5u4] {
  background-color: #475569;
  transform: translateY(-1px);
}

.encuestas-btn-add-option[b-5a3b29n5u4] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #e0e7ff;
  color: #4f46e5;
  padding: 0.5rem 1rem;
  border: 1px solid #c7d2fe;
  border-radius: 0.375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
}

.encuestas-btn-add-option:hover[b-5a3b29n5u4] {
  background-color: #c7d2fe;
}

/* Badges de estado */
.encuestas-status-badge[b-5a3b29n5u4] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.encuestas-status-badge.active[b-5a3b29n5u4] {
  background-color: #d1fae5;
  color: #065f46;
}

.encuestas-status-badge.inactive[b-5a3b29n5u4] {
  background-color: #fee2e2;
  color: #991b1b;
}

/* Alertas */
.encuestas-alert[b-5a3b29n5u4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.encuestas-alert.success[b-5a3b29n5u4] {
  background-color: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.encuestas-alert.info[b-5a3b29n5u4] {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #93c5fd;
}

/* Contenedor del editor (3 columnas) */
.encuestas-editor-container[b-5a3b29n5u4] {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 1.5rem;
  margin-top: 2rem;
  position: relative;
  overflow: visible;
}

@media (max-width: 1400px) {
  .encuestas-editor-container[b-5a3b29n5u4] {
    grid-template-columns: 1fr;
  }
}

.encuestas-editor-column[b-5a3b29n5u4] {
  min-width: 0;
}

.encuestas-editor-main[b-5a3b29n5u4] {
  min-height: 600px;
}

/* Columna de parámetros geográficos */
.encuestas-geo-column[b-5a3b29n5u4] {
  min-width: 0;
  position: relative;
}

/* Asegurar que los contenedores no interfieran con el posicionamiento de los popups */
.encuestas-geo-column .personas-search[b-5a3b29n5u4] {
  position: relative;
  overflow: visible;
}

.encuestas-geo-column .personas-search-body[b-5a3b29n5u4] {
  position: relative;
  overflow: visible;
}

/* Asegurar que cada campo dropdown tenga posición relativa */
.encuestas-geo-column .personas-search-body > div > div[b-5a3b29n5u4] {
  position: relative;
}

/* Estilos específicos para los popups de dropdowns en esta sección */
/* No forzar position aquí, dejar que Syncfusion lo maneje */
.encuestas-geo-column[b-5a3b29n5u4]  .e-ddl.e-popup {
  z-index: 300000 !important;
}

/* Asegurar que los inputs de los dropdowns tengan posición relativa para el cálculo correcto */
.encuestas-geo-column[b-5a3b29n5u4]  .e-input-group {
  position: relative;
}

/* Asegurar que el contenedor del grid no tenga transform que interfiera */
.encuestas-editor-container[b-5a3b29n5u4] {
  transform: none !important;
}

/* Campos de formulario */
.encuestas-field[b-5a3b29n5u4] {
  margin-bottom: 1.5rem;
  position: relative;
  overflow: visible;
}

.encuestas-label[b-5a3b29n5u4] {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

.encuestas-input[b-5a3b29n5u4] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  color: #111827;
  transition: all 0.2s ease;
  font-size: 0.875rem;
}

.encuestas-input:focus[b-5a3b29n5u4] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.encuestas-input.error[b-5a3b29n5u4] {
  border-color: #ef4444;
}

.encuestas-input.error:focus[b-5a3b29n5u4] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.encuestas-select[b-5a3b29n5u4] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  color: #111827;
  background-color: #ffffff;
  transition: all 0.2s ease;
  font-size: 0.875rem;
}

.encuestas-select:focus[b-5a3b29n5u4] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.encuestas-error[b-5a3b29n5u4] {
  display: block;
  font-size: 0.75rem;
  color: #ef4444;
  margin-top: 0.25rem;
}

.encuestas-checkbox-label[b-5a3b29n5u4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: #374151;
}

.encuestas-checkbox-label input[type="checkbox"][b-5a3b29n5u4] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

/* Lista de preguntas */
.encuestas-preguntas-list[b-5a3b29n5u4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.encuestas-pregunta-card[b-5a3b29n5u4] {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem;
  transition: all 0.2s ease;
}

.encuestas-pregunta-card:hover[b-5a3b29n5u4] {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.encuestas-pregunta-header[b-5a3b29n5u4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.encuestas-toggle-btn[b-5a3b29n5u4] {
  background-color: #e5e7eb;
  border: none;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  font-size: 0.75rem;
  color: #374151;
  transition: all 0.2s ease;
}

.encuestas-toggle-btn:hover[b-5a3b29n5u4] {
  background-color: #d1d5db;
}

.encuestas-pregunta-number[b-5a3b29n5u4] {
  flex: 1;
  font-weight: 600;
  color: #374151;
  font-size: 0.875rem;
}

.encuestas-pregunta-content[b-5a3b29n5u4] {
  padding-top: 0.75rem;
  border-top: 1px solid #e5e7eb;
}

/* Opciones de respuesta */
.encuestas-opcion-item[b-5a3b29n5u4] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  align-items: center;
}

.encuestas-opcion-item .encuestas-input[b-5a3b29n5u4] {
  flex: 1;
  margin-bottom: 0;
}

/* Vista previa */
.encuestas-preview-sticky[b-5a3b29n5u4] {
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
}

.encuestas-preview[b-5a3b29n5u4] {
  padding: 0.5rem 0;
}

.encuestas-preview-title[b-5a3b29n5u4] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #e5e7eb;
}

.encuestas-preview-empty[b-5a3b29n5u4] {
  text-align: center;
  color: #6b7280;
  padding: 2rem;
  font-style: italic;
}

.encuestas-preview-pregunta[b-5a3b29n5u4] {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

.encuestas-preview-pregunta-text[b-5a3b29n5u4] {
  font-size: 0.875rem;
  color: #374151;
  margin-bottom: 0.75rem;
}

.encuestas-preview-required[b-5a3b29n5u4] {
  color: #ef4444;
  font-weight: 700;
  margin-left: 0.25rem;
}

.encuestas-preview-opcion[b-5a3b29n5u4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  color: #374151;
}

.encuestas-preview-opcion input[type="radio"][b-5a3b29n5u4],
.encuestas-preview-opcion input[type="checkbox"][b-5a3b29n5u4] {
  cursor: not-allowed;
}

.encuestas-preview-image[b-5a3b29n5u4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background-color: #f9fafb;
  border: 2px dashed #d1d5db;
  border-radius: 0.5rem;
}

/* Sección de guardar */
.encuestas-save-section[b-5a3b29n5u4] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 2px solid #e5e7eb;
}

/* Scrollbar personalizado para vista previa */
.encuestas-preview-sticky[b-5a3b29n5u4]::-webkit-scrollbar {
  width: 8px;
}

.encuestas-preview-sticky[b-5a3b29n5u4]::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

.encuestas-preview-sticky[b-5a3b29n5u4]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.encuestas-preview-sticky[b-5a3b29n5u4]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Responsive */
@media (max-width: 768px) {
  .encuestas-title[b-5a3b29n5u4] {
    font-size: 1.5rem;
  }

  .encuestas-editor-container[b-5a3b29n5u4] {
    grid-template-columns: 1fr;
  }

  .encuestas-preview-sticky[b-5a3b29n5u4] {
    position: relative;
    top: 0;
    max-height: none;
  }
}

/* Estilos para Syncfusion Grid */
[b-5a3b29n5u4] .e-grid {
  border: none;
  border-radius: 0.5rem;
  overflow: hidden;
}

[b-5a3b29n5u4] .e-gridheader {
  background-color: #1e40af;
  color: #ffffff;
}

[b-5a3b29n5u4] .e-gridheader .e-headercelldiv {
  color: #ffffff;
  font-weight: 600;
}

[b-5a3b29n5u4] .e-grid .e-row {
  background-color: #ffffff;
}

[b-5a3b29n5u4] .e-grid .e-row:hover {
  background-color: #f3f4f6;
}

[b-5a3b29n5u4] .e-grid .e-altrow {
  background-color: #f9fafb;
}

[b-5a3b29n5u4] .e-pager {
  background-color: #ffffff;
  border-top: 1px solid #e5e7eb;
}

[b-5a3b29n5u4] .e-pager .e-pagercontainer {
  background-color: #ffffff;
}

[b-5a3b29n5u4] .e-pager .e-numericitem {
  color: #374151;
}

[b-5a3b29n5u4] .e-pager .e-numericitem:hover {
  background-color: #e5e7eb;
}

[b-5a3b29n5u4] .e-pager .e-numericitem.e-currentitem {
  background-color: #3b82f6;
  color: #ffffff;
}
/* _content/Argus/Pages/Herramientas/EventosMain.razor.rz.scp.css */
/* ========================================
   ESTILOS MÍNIMOS PARA PÁGINA DE EVENTOS
   La mayoría de estilos ahora usan Tailwind CSS
   ======================================== */

/* Solo mantenemos estilos personalizados necesarios */

/* Archivo CSS limpiado - ahora usamos Tailwind CSS para todos los estilos */
/* _content/Argus/Pages/Herramientas/EventosMasivos/Login.razor.rz.scp.css */
/* Login de Eventos Masivos */
.evento-masivo-login-container[b-rpeqgcqzsv] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: #1e293b;
  background-image: url("/images/imagenlogeventos.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.evento-masivo-login-card[b-rpeqgcqzsv] {
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  max-width: 520px;
  width: 100%;
  padding: 3rem 2.5rem;
  animation: slideUp-b-rpeqgcqzsv 0.4s ease;
  position: relative;
  z-index: 1;
}

@keyframes slideUp-b-rpeqgcqzsv {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.evento-masivo-login-header[b-rpeqgcqzsv] {
  text-align: center;
  margin-bottom: 2.5rem;
}

.evento-masivo-icon[b-rpeqgcqzsv] {
  font-size: 4.5rem;
  margin-bottom: 1.25rem;
  animation: bounce-b-rpeqgcqzsv 2s infinite;
}

@keyframes bounce-b-rpeqgcqzsv {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

.evento-masivo-title[b-rpeqgcqzsv] {
  font-size: 2rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0.75rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.evento-masivo-subtitle[b-rpeqgcqzsv] {
  font-size: 1.0625rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}

/* Mensaje de error */
.evento-masivo-error[b-rpeqgcqzsv] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  background: #fee;
  border: 1px solid #fcc;
  border-radius: 10px;
  color: #c33;
  font-size: 0.95rem;
  animation: shake-b-rpeqgcqzsv 0.3s ease;
}

@keyframes shake-b-rpeqgcqzsv {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(10px);
  }
}

.evento-masivo-error svg[b-rpeqgcqzsv] {
  flex-shrink: 0;
}

.evento-masivo-form[b-rpeqgcqzsv] {
  margin-bottom: 2rem;
}

.evento-masivo-field[b-rpeqgcqzsv] {
  margin-bottom: 1.75rem;
}

.evento-masivo-field label[b-rpeqgcqzsv] {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.evento-masivo-field input[b-rpeqgcqzsv] {
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.0625rem;
  color: #ffffff;
  background: #334155;
  border: 1px solid #475569;
  border-radius: 8px;
  transition: all 0.2s ease;
  outline: none;
}

.evento-masivo-field input:focus[b-rpeqgcqzsv] {
  background: #475569;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.evento-masivo-field input[b-rpeqgcqzsv]::placeholder {
  color: #64748b;
}

/* Botones */
.evento-masivo-btn-submit[b-rpeqgcqzsv] {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.evento-masivo-btn-submit:hover:not(:disabled)[b-rpeqgcqzsv] {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.5);
}

.evento-masivo-btn-submit:disabled[b-rpeqgcqzsv] {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.evento-masivo-btn-back[b-rpeqgcqzsv] {
  width: 100%;
  padding: 0.875rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.evento-masivo-btn-back:hover[b-rpeqgcqzsv] {
  background: #e2e8f0;
  color: #475569;
  border-color: #cbd5e1;
}

/* Info footer */
.evento-masivo-info[b-rpeqgcqzsv] {
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  text-align: center;
  margin-top: 1.5rem;
}

.evento-masivo-info p[b-rpeqgcqzsv] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .evento-masivo-login-card[b-rpeqgcqzsv] {
    padding: 2.5rem 1.5rem;
  }

  .evento-masivo-title[b-rpeqgcqzsv] {
    font-size: 1.75rem;
  }

  .evento-masivo-subtitle[b-rpeqgcqzsv] {
    font-size: 1rem;
  }

  .evento-masivo-icon[b-rpeqgcqzsv] {
    font-size: 3.5rem;
  }

  .evento-masivo-field input[b-rpeqgcqzsv] {
    padding: 0.875rem 1rem;
    font-size: 1rem;
  }

  .evento-masivo-btn-submit[b-rpeqgcqzsv] {
    padding: 1rem;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .evento-masivo-login-card[b-rpeqgcqzsv] {
    padding: 2rem 1rem;
    border-radius: 15px;
  }

  .evento-masivo-title[b-rpeqgcqzsv] {
    font-size: 1.5rem;
  }

  .evento-masivo-subtitle[b-rpeqgcqzsv] {
    font-size: 0.9rem;
  }

  .evento-masivo-icon[b-rpeqgcqzsv] {
    font-size: 3rem;
  }
}
/* _content/Argus/Pages/Herramientas/Eventos/Eventos-Red/EventosRed.razor.rz.scp.css */
/* Login de Eventos Red */
.evento-red-login-container[b-iu5kjjstw4] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: #1e293b;
  background-image: url("/images/logineventosred.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.evento-red-login-card[b-iu5kjjstw4] {
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
  max-width: 520px;
  width: 100%;
  padding: 3rem 2.5rem;
  animation: slideUp-b-iu5kjjstw4 0.4s ease;
  position: relative;
  z-index: 1;
}

@keyframes slideUp-b-iu5kjjstw4 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.evento-red-login-header[b-iu5kjjstw4] {
  text-align: center;
  margin-bottom: 2.5rem;
}

.evento-red-icon[b-iu5kjjstw4] {
  font-size: 4.5rem;
  margin-bottom: 1.25rem;
  animation: bounce-b-iu5kjjstw4 2s infinite;
}

@keyframes bounce-b-iu5kjjstw4 {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

.evento-red-title[b-iu5kjjstw4] {
  font-size: 2rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 0.75rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.evento-red-subtitle[b-iu5kjjstw4] {
  font-size: 1.0625rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}

/* Error message */
.evento-red-error[b-iu5kjjstw4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
  color: #dc2626;
  font-size: 0.9375rem;
  font-weight: 500;
  animation: shake-b-iu5kjjstw4 0.4s;
}

@keyframes shake-b-iu5kjjstw4 {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(10px);
  }
}

.evento-red-error svg[b-iu5kjjstw4] {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

/* Form */
.evento-red-form[b-iu5kjjstw4] {
  margin-bottom: 1.5rem;
}

.evento-red-field[b-iu5kjjstw4] {
  margin-bottom: 1.5rem;
}

.evento-red-field label[b-iu5kjjstw4] {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.evento-red-field input[b-iu5kjjstw4] {
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.0625rem;
  color: #ffffff;
  background: #334155;
  border: 1px solid #475569;
  border-radius: 8px;
  transition: all 0.2s ease;
  outline: none;
}

.evento-red-field input:focus[b-iu5kjjstw4] {
  background: #475569;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.evento-red-field input[b-iu5kjjstw4]::placeholder {
  color: #64748b;
}

/* Estilos para AutoComplete de dependencias */
.evento-red-autocomplete.e-input-group[b-iu5kjjstw4],
.evento-red-autocomplete.e-input-group.e-control-wrapper[b-iu5kjjstw4] {
  width: 100%;
}

.evento-red-autocomplete .e-input[b-iu5kjjstw4],
.evento-red-autocomplete.e-input-group input.e-input[b-iu5kjjstw4] {
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.0625rem;
  color: #ffffff !important;
  background: #334155 !important;
  border: 1px solid #475569 !important;
  border-radius: 8px;
  transition: all 0.2s ease;
  outline: none;
}

.evento-red-autocomplete.e-input-group:not(.e-float-icon-left):not(
    .e-float-input
  )[b-iu5kjjstw4]::before,
.evento-red-autocomplete.e-input-group:not(.e-float-icon-left):not(
    .e-float-input
  )[b-iu5kjjstw4]::after {
  display: none;
}

.evento-red-autocomplete.e-input-focus .e-input[b-iu5kjjstw4],
.evento-red-autocomplete.e-input-group.e-input-focus input.e-input[b-iu5kjjstw4],
.evento-red-autocomplete.e-input-group.e-control-wrapper.e-input-focus
  input.e-input[b-iu5kjjstw4] {
  background: #475569 !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

.evento-red-autocomplete .e-input[b-iu5kjjstw4]::placeholder,
.evento-red-autocomplete input.e-input[b-iu5kjjstw4]::placeholder {
  color: #64748b !important;
}

/* Estilos para el dropdown del AutoComplete */
.e-ddl.e-popup[b-iu5kjjstw4] {
  background: #334155 !important;
  border: 1px solid #475569 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

.e-ddl.e-popup .e-list-item[b-iu5kjjstw4] {
  color: #ffffff !important;
  background: #334155 !important;
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #475569 !important;
}

.e-ddl.e-popup .e-list-item:hover[b-iu5kjjstw4],
.e-ddl.e-popup .e-list-item.e-hover[b-iu5kjjstw4] {
  background: #475569 !important;
  color: #ffffff !important;
}

.e-ddl.e-popup .e-list-item.e-active[b-iu5kjjstw4],
.e-ddl.e-popup .e-list-item.e-active.e-hover[b-iu5kjjstw4] {
  background: #3b82f6 !important;
  color: #ffffff !important;
}

/* Botón de limpiar */
.evento-red-autocomplete .e-clear-icon[b-iu5kjjstw4] {
  color: #94a3b8 !important;
  background: transparent !important;
}

.evento-red-autocomplete .e-clear-icon:hover[b-iu5kjjstw4] {
  color: #ffffff !important;
}

/* Buttons */
.evento-red-btn-submit[b-iu5kjjstw4] {
  width: 100%;
  padding: 1.125rem 1.5rem;
  font-size: 1.0625rem;
  font-weight: 700;
  color: white;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s ease;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);
  margin-bottom: 1rem;
}

.evento-red-btn-submit:hover:not(:disabled)[b-iu5kjjstw4] {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.55);
}

.evento-red-btn-submit:active:not(:disabled)[b-iu5kjjstw4] {
  transform: translateY(0);
}

.evento-red-btn-submit:disabled[b-iu5kjjstw4] {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

.evento-red-btn-back[b-iu5kjjstw4] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.evento-red-btn-back:hover[b-iu5kjjstw4] {
  background: #e2e8f0;
  color: #475569;
  border-color: #cbd5e1;
}

.evento-red-btn-back svg[b-iu5kjjstw4] {
  width: 1rem;
  height: 1rem;
}

/* Info box */
.evento-red-info[b-iu5kjjstw4] {
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  text-align: center;
}

.evento-red-info p[b-iu5kjjstw4] {
  font-size: 0.875rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 640px) {
  .evento-red-login-card[b-iu5kjjstw4] {
    padding: 2rem 1.5rem;
  }

  .evento-red-title[b-iu5kjjstw4] {
    font-size: 1.625rem;
  }

  .evento-red-subtitle[b-iu5kjjstw4] {
    font-size: 0.9375rem;
  }

  .evento-red-icon[b-iu5kjjstw4] {
    font-size: 3.5rem;
  }
}
/* _content/Argus/Pages/Herramientas/Eventos/Eventos-Red/EventosRedDashboard.razor.rz.scp.css */
/* Estilos para el Dashboard de Eventos Red */

/* DropDownList del selector de eventos */
.dashboard-dropdown[b-1k2545gz7x] {
  background-color: #1e293b !important;
  border: 1px solid #475569 !important;
  border-radius: 0.5rem !important;
  color: white !important;
}

.dashboard-dropdown .e-input[b-1k2545gz7x] {
  background-color: #1e293b !important;
  color: white !important;
  border: none !important;
  padding: 0.75rem !important;
}

.dashboard-dropdown .e-input[b-1k2545gz7x]::placeholder {
  color: #94a3b8 !important;
}

.dashboard-dropdown .e-clear-icon[b-1k2545gz7x] {
  color: #94a3b8 !important;
}

.dashboard-dropdown .e-clear-icon:hover[b-1k2545gz7x] {
  color: white !important;
}

.dashboard-dropdown .e-input-group-icon[b-1k2545gz7x] {
  color: #94a3b8 !important;
}

.dashboard-dropdown .e-input-group-icon:hover[b-1k2545gz7x] {
  color: white !important;
}

/* Dropdown popup */
.dashboard-dropdown.e-ddl.e-popup[b-1k2545gz7x] {
  background-color: #1e293b !important;
  border: 1px solid #475569 !important;
}

.dashboard-dropdown .e-list-item[b-1k2545gz7x] {
  background-color: #1e293b !important;
  color: white !important;
  padding: 0.75rem 1rem !important;
}

.dashboard-dropdown .e-list-item:hover[b-1k2545gz7x] {
  background-color: #334155 !important;
}

.dashboard-dropdown .e-list-item.e-active[b-1k2545gz7x] {
  background-color: #3b82f6 !important;
  color: white !important;
}

/* Estilos globales del popup */
[b-1k2545gz7x] .e-ddl.e-popup {
  background-color: #1e293b !important;
  border: 1px solid #475569 !important;
  border-radius: 0.5rem !important;
}

[b-1k2545gz7x] .e-ddl.e-popup .e-list-item {
  background-color: #1e293b !important;
  color: white !important;
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #334155 !important;
}

[b-1k2545gz7x] .e-ddl.e-popup .e-list-item:hover {
  background-color: #334155 !important;
}

[b-1k2545gz7x] .e-ddl.e-popup .e-list-item.e-active,
[b-1k2545gz7x] .e-ddl.e-popup .e-list-item.e-item-focus {
  background-color: #3b82f6 !important;
  color: white !important;
}
/* _content/Argus/Pages/Herramientas/Eventos/WP_AltaEventos.razor.rz.scp.css */
/* Contenedor principal (igual que Redes) */
.ae-wrap[b-6iq2c8cnli] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem;
  min-height: 100vh;
}

.ae-main-container[b-6iq2c8cnli] {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Header */
.head-container[b-6iq2c8cnli] {
  margin-bottom: 2rem;
}

.title-container[b-6iq2c8cnli] {
  width: 100%;
  margin: 0;
  margin-bottom: 50px;
  padding: 0px !important;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-container h1[b-6iq2c8cnli] {
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 2px;
  margin: 20px 0;
}

/* Mid Section */
.mid-section[b-6iq2c8cnli] {
  background-color: #f9fafb;
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  border: 1px solid #e5e7eb;
}

/* Selection Container (Formulario) */
.selection-container[b-6iq2c8cnli] {
  background-color: #f9fafb;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

/* Form Header */
.form-header[b-6iq2c8cnli] {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 8px 8px 0 0;
  margin: -1.5rem -1.5rem 1.5rem -1.5rem;
}

.form-header h2[b-6iq2c8cnli] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Form Body */
.form-body[b-6iq2c8cnli] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  padding: 1rem 0;
}

/* Form Group */
.form-group[b-6iq2c8cnli] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-group-full[b-6iq2c8cnli] {
  grid-column: 1 / -1; /* Ocupa todo el ancho disponible */
  width: 100%;
  min-width: 100%;
}

.form-group label[b-6iq2c8cnli] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Form Actions */
.form-actions[b-6iq2c8cnli] {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
}

/* Botones */
.btn-guardar[b-6iq2c8cnli] {
  padding: 0.75rem 2rem;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(16, 185, 129, 0.3);
}

.btn-guardar:hover[b-6iq2c8cnli] {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(16, 185, 129, 0.4);
}

.btn-cancelar[b-6iq2c8cnli] {
  padding: 0.75rem 2rem;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(239, 68, 68, 0.3);
}

.btn-cancelar:hover[b-6iq2c8cnli] {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(239, 68, 68, 0.4);
}

/* Charts Section */
.charts[b-6iq2c8cnli] {
  background-color: #f9fafb;
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  border: 1px solid #e5e7eb;
}

.chart-container[b-6iq2c8cnli] {
  width: 100%;
  padding: 1rem;
}

/* Grid Section */
.grid-section[b-6iq2c8cnli] {
  background-color: #f9fafb;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

/* Access Denied */
.access-denied-container[b-6iq2c8cnli] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 2rem;
}

.access-denied-box[b-6iq2c8cnli] {
  background: white;
  border: 2px solid #ef4444;
  border-radius: 12px;
  padding: 3rem;
  text-align: center;
  box-shadow: 0 10px 25px rgba(239, 68, 68, 0.2);
  max-width: 500px;
}

.access-denied-box h2[b-6iq2c8cnli] {
  color: #ef4444;
  font-size: 2rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.access-denied-box p[b-6iq2c8cnli] {
  color: #6b7280;
  font-size: 1.125rem;
  line-height: 1.75;
}

/* Estilos para DropDown de tipo de evento */
.ae-dropdown-tipo.e-input-group[b-6iq2c8cnli],
.ae-dropdown-tipo.e-input-group.e-control-wrapper[b-6iq2c8cnli] {
  width: 100%;
}

.ae-dropdown-tipo .e-input[b-6iq2c8cnli],
.ae-dropdown-tipo.e-input-group input.e-input[b-6iq2c8cnli] {
  width: 100%;
  font-size: 14px;
  color: #1f2937 !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px;
  transition: all 0.2s ease;
  outline: none;
  padding: 0.5rem 0.75rem;
}

.ae-dropdown-tipo.e-input-focus .e-input[b-6iq2c8cnli],
.ae-dropdown-tipo.e-input-group.e-input-focus input.e-input[b-6iq2c8cnli] {
  background: #ffffff !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Estilos para AutoComplete de dependencias */
.ae-autocomplete.e-input-group[b-6iq2c8cnli],
.ae-autocomplete.e-input-group.e-control-wrapper[b-6iq2c8cnli] {
  width: 100%;
}

.ae-autocomplete .e-input[b-6iq2c8cnli],
.ae-autocomplete.e-input-group input.e-input[b-6iq2c8cnli] {
  width: 100%;
  font-size: 14px;
  color: #1f2937 !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px;
  transition: all 0.2s ease;
  outline: none;
}

.ae-autocomplete.e-input-group:not(.e-float-icon-left):not(
    .e-float-input
  )[b-6iq2c8cnli]::before,
.ae-autocomplete.e-input-group:not(.e-float-icon-left):not(
    .e-float-input
  )[b-6iq2c8cnli]::after {
  display: none;
}

.ae-autocomplete.e-input-focus .e-input[b-6iq2c8cnli],
.ae-autocomplete.e-input-group.e-input-focus input.e-input[b-6iq2c8cnli],
.ae-autocomplete.e-input-group.e-control-wrapper.e-input-focus input.e-input[b-6iq2c8cnli] {
  background: #ffffff !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.ae-autocomplete .e-input[b-6iq2c8cnli]::placeholder,
.ae-autocomplete input.e-input[b-6iq2c8cnli]::placeholder {
  color: #9ca3af !important;
}

/* Estilos para el dropdown del AutoComplete */
.e-ddl.e-popup[b-6iq2c8cnli] {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.e-ddl.e-popup .e-list-item[b-6iq2c8cnli] {
  color: #1f2937 !important;
  background: #ffffff !important;
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #f3f4f6 !important;
}

.e-ddl.e-popup .e-list-item:hover[b-6iq2c8cnli],
.e-ddl.e-popup .e-list-item.e-hover[b-6iq2c8cnli] {
  background: #f9fafb !important;
  color: #1f2937 !important;
}

.e-ddl.e-popup .e-list-item.e-active[b-6iq2c8cnli],
.e-ddl.e-popup .e-list-item.e-active.e-hover[b-6iq2c8cnli] {
  background: #eff6ff !important;
  color: #1e40af !important;
}

/* Botón de limpiar */
.ae-autocomplete .e-clear-icon[b-6iq2c8cnli] {
  color: #6b7280 !important;
  background: transparent !important;
}

.ae-autocomplete .e-clear-icon:hover[b-6iq2c8cnli] {
  color: #1f2937 !important;
}

/* Sección de Encuestas para Posadas - Estilos iguales a WP_NuevaEncuesta */
.ae-encuestas-section[b-6iq2c8cnli] {
  margin-top: 2rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.ae-encuestas-section .personas-search[b-6iq2c8cnli] {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

.ae-encuestas-section .personas-search-body[b-6iq2c8cnli] {
  width: 100%;
  max-width: 100%;
}

.ae-form-actions-encuestas[b-6iq2c8cnli] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e7eb;
}

/* Botones */
.encuestas-btn-secondary[b-6iq2c8cnli] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #64748b;
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-secondary:hover[b-6iq2c8cnli] {
  background-color: #475569;
  transform: translateY(-1px);
}

.encuestas-btn-delete[b-6iq2c8cnli] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ef4444;
  color: #ffffff;
  padding: 0.5rem;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-delete:hover[b-6iq2c8cnli] {
  background-color: #dc2626;
}

.encuestas-btn-delete-small[b-6iq2c8cnli] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ef4444;
  color: #ffffff;
  padding: 0.25rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.encuestas-btn-delete-small:hover[b-6iq2c8cnli] {
  background-color: #dc2626;
}

.encuestas-btn-add-option[b-6iq2c8cnli] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #e0e7ff;
  color: #4f46e5;
  padding: 0.5rem 1rem;
  border: 1px solid #c7d2fe;
  border-radius: 0.375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
}

.encuestas-btn-add-option:hover[b-6iq2c8cnli] {
  background-color: #c7d2fe;
}

/* Campos de formulario */
.encuestas-field[b-6iq2c8cnli] {
  margin-bottom: 1.5rem;
  position: relative;
  overflow: visible;
}

.encuestas-label[b-6iq2c8cnli] {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

.encuestas-input[b-6iq2c8cnli] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  color: #111827;
  transition: all 0.2s ease;
  font-size: 0.875rem;
}

.encuestas-input:focus[b-6iq2c8cnli] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.encuestas-input.error[b-6iq2c8cnli] {
  border-color: #ef4444;
}

.encuestas-input.error:focus[b-6iq2c8cnli] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.encuestas-select[b-6iq2c8cnli] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  color: #111827;
  background-color: #ffffff;
  transition: all 0.2s ease;
  font-size: 0.875rem;
}

.encuestas-select:focus[b-6iq2c8cnli] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.encuestas-error[b-6iq2c8cnli] {
  display: block;
  font-size: 0.75rem;
  color: #ef4444;
  margin-top: 0.25rem;
}

.encuestas-checkbox-label[b-6iq2c8cnli] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: #374151;
}

.encuestas-checkbox-label input[type="checkbox"][b-6iq2c8cnli] {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

/* Lista de preguntas */
.encuestas-preguntas-list[b-6iq2c8cnli] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.encuestas-pregunta-card[b-6iq2c8cnli] {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem;
  transition: all 0.2s ease;
}

.encuestas-pregunta-card:hover[b-6iq2c8cnli] {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.encuestas-pregunta-header[b-6iq2c8cnli] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.encuestas-toggle-btn[b-6iq2c8cnli] {
  background-color: #e5e7eb;
  border: none;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  font-size: 0.75rem;
  color: #374151;
  transition: all 0.2s ease;
}

.encuestas-toggle-btn:hover[b-6iq2c8cnli] {
  background-color: #d1d5db;
}

.encuestas-pregunta-number[b-6iq2c8cnli] {
  flex: 1;
  font-weight: 600;
  color: #374151;
  font-size: 0.875rem;
}

.encuestas-pregunta-content[b-6iq2c8cnli] {
  padding-top: 0.75rem;
  border-top: 1px solid #e5e7eb;
}

/* Opciones de respuesta */
.encuestas-opcion-item[b-6iq2c8cnli] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  align-items: center;
}

.encuestas-opcion-item .encuestas-input[b-6iq2c8cnli] {
  flex: 1;
  margin-bottom: 0;
}

.encuestas-preview-empty[b-6iq2c8cnli] {
  text-align: center;
  color: #6b7280;
  padding: 2rem;
  font-style: italic;
}

/* Responsive */
@media (max-width: 768px) {
  .form-body[b-6iq2c8cnli] {
    grid-template-columns: 1fr;
  }

  .form-actions[b-6iq2c8cnli] {
    flex-direction: column;
  }

  .btn-guardar[b-6iq2c8cnli],
  .btn-cancelar[b-6iq2c8cnli] {
    width: 100%;
  }

  .ae-encuestas-header[b-6iq2c8cnli] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .ae-btn-nueva-pregunta[b-6iq2c8cnli] {
    width: 100%;
    justify-content: center;
  }
}
/* _content/Argus/Pages/Herramientas/Eventos/WP_RegistroEventos.razor.rz.scp.css */
.md-wrap[b-pi1yae1jom] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem;
}

.md-header[b-pi1yae1jom] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.md-title[b-pi1yae1jom] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff !important;
}

.md-status[b-pi1yae1jom] {
    font-size: .9rem;
    color: #334155;
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    padding: .4rem .6rem;
    border-radius: .5rem
}

.md-card[b-pi1yae1jom] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.04)
}

.md-loading[b-pi1yae1jom] {
    padding: 1.25rem;
    color: #334155
}

.md-header .md-status[b-pi1yae1jom] {
    color: #0f172a;
    background: #ffffffcc;
    border-color: #ffffff;
}

/* _content/Argus/Pages/Herramientas/Eventos/WP_RegistroEventosMasivos.razor.rz.scp.css */
.md-wrap[b-r7br74llf0] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem;
}

.md-header[b-r7br74llf0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.md-title[b-r7br74llf0] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff !important;
}

.md-status[b-r7br74llf0] {
    font-size: .9rem;
    color: #334155;
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    padding: .4rem .6rem;
    border-radius: .5rem
}

.md-card[b-r7br74llf0] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.04)
}

.md-loading[b-r7br74llf0] {
    padding: 1.25rem;
    color: #334155
}

.md-header .md-status[b-r7br74llf0] {
    color: #0f172a;
    background: #ffffffcc;
    border-color: #ffffff;
}

/* _content/Argus/Pages/Posadas/LandingPosadas.razor.rz.scp.css */
/* ========================================
   ESTILOS PARA LANDING POSADAS
   Página de redes sociales con iconos interactivos
   ======================================== */

/* Contenedor principal */
.landing-posadas-container[b-iyg2sob2wr] {
  min-height: 100vh;
  background-color: #020617; /* slate-950 */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
}

.landing-posadas-content[b-iyg2sob2wr] {
  max-width: 64rem; /* max-w-4xl */
  width: 100%;
}

/* Título principal */
.landing-posadas-title[b-iyg2sob2wr] {
  text-align: center;
  margin-bottom: 3rem;
}

.landing-posadas-title h1[b-iyg2sob2wr] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .landing-posadas-title h1[b-iyg2sob2wr] {
    font-size: 3rem;
  }
}

.landing-posadas-title p[b-iyg2sob2wr] {
  font-size: 1.25rem;
  color: #cbd5e1; /* slate-300 */
}

@media (min-width: 768px) {
  .landing-posadas-title p[b-iyg2sob2wr] {
    font-size: 1.5rem;
  }
}

/* Grid de iconos de redes sociales */
.landing-posadas-grid[b-iyg2sob2wr] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .landing-posadas-grid[b-iyg2sob2wr] {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

/* Tarjeta de red social */
.social-card[b-iyg2sob2wr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background-color: #1e293b; /* slate-800 */
  border: 2px solid #334155; /* slate-700 */
  border-radius: 0.75rem;
  transition: all 0.3s ease;
  transform: scale(1);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.social-card:hover[b-iyg2sob2wr] {
  transform: scale(1.05);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Tarjeta TikTok */
.social-card-tiktok:hover[b-iyg2sob2wr] {
  border-color: #0ea5e9; /* sky-500 */
  background-color: #334155; /* slate-700 */
}

/* Tarjeta Instagram */
.social-card-instagram:hover[b-iyg2sob2wr] {
  border-color: #ec4899; /* pink-500 */
  background-color: #334155; /* slate-700 */
}

/* Tarjeta Facebook */
.social-card-facebook:hover[b-iyg2sob2wr] {
  border-color: #3b82f6; /* blue-500 */
  background-color: #334155; /* slate-700 */
}

/* Contenedor del icono */
.social-icon-container[b-iyg2sob2wr] {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0f172a; /* slate-900 */
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.social-card:hover .social-icon-container[b-iyg2sob2wr] {
  background-color: #1e293b; /* slate-800 */
}

/* Iconos SVG */
.social-icon[b-iyg2sob2wr] {
  width: 3rem;
  height: 3rem;
  color: #ffffff;
  transition: color 0.3s ease;
}

.social-card-tiktok:hover .social-icon[b-iyg2sob2wr] {
  color: #38bdf8; /* sky-400 */
}

.social-card-instagram:hover .social-icon[b-iyg2sob2wr] {
  color: #f472b6; /* pink-400 */
}

.social-card-facebook:hover .social-icon[b-iyg2sob2wr] {
  color: #60a5fa; /* blue-400 */
}

/* Título de la red social */
.social-card-title[b-iyg2sob2wr] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

.social-card-tiktok:hover .social-card-title[b-iyg2sob2wr] {
  color: #38bdf8; /* sky-400 */
}

.social-card-instagram:hover .social-card-title[b-iyg2sob2wr] {
  color: #f472b6; /* pink-400 */
}

.social-card-facebook:hover .social-card-title[b-iyg2sob2wr] {
  color: #60a5fa; /* blue-400 */
}

/* Descripción de la red social */
.social-card-description[b-iyg2sob2wr] {
  font-size: 0.875rem;
  color: #94a3b8; /* slate-400 */
  text-align: center;
}

/* Información adicional */
.landing-posadas-footer[b-iyg2sob2wr] {
  margin-top: 3rem;
  text-align: center;
}

.landing-posadas-footer p[b-iyg2sob2wr] {
  color: #94a3b8; /* slate-400 */
  font-size: 0.875rem;
}
/* _content/Argus/Pages/Redes/WP_MisDatos.razor.rz.scp.css */
.md-wrap[b-nd34jjea8o] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem;
}

.md-header[b-nd34jjea8o] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.md-title[b-nd34jjea8o] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff !important;
}

.md-status[b-nd34jjea8o] {
    font-size: .9rem;
    color: #334155;
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    padding: .4rem .6rem;
    border-radius: .5rem
}

.md-card[b-nd34jjea8o] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.04)
}

.md-loading[b-nd34jjea8o] {
    padding: 1.25rem;
    color: #334155
}
.md-header .md-status[b-nd34jjea8o] {
    color: #0f172a;
    background: #ffffffcc; /* blanco con un poco de transparencia */
    border-color: #ffffff;
}
/* _content/Argus/Pages/Redes/WP_MisRedes.razor.rz.scp.css */
.redes-scope .qr2-wrap[b-f1qp3pzml5] {
    max-width: 1100px;
    margin: 24px auto 8px;
    padding: 0 16px;
}

.redes-scope .qr2-grid[b-f1qp3pzml5] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 20px;
}

.redes-scope .qr2-card[b-f1qp3pzml5] {
    background: #0f172a;
    border: 1px solid #233044;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

.redes-scope .qr2-hdr[b-f1qp3pzml5] {
    background: linear-gradient(90deg, rgba(49,91,212,.35), rgba(14,165,233,.25));
    border-bottom: 1px solid #233044;
    padding: 10px 14px;
}

    .redes-scope .qr2-hdr h3[b-f1qp3pzml5] {
        margin: 0;
        color: #eef2ff;
        font-weight: 700;
        letter-spacing: .2px;
    }

.redes-scope .qr2-body[b-f1qp3pzml5] {
    padding: 16px;
    color: #e5e7eb;
}

.redes-scope .qr2-box[b-f1qp3pzml5] {
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redes-scope .qr2-link[b-f1qp3pzml5] {
    display: block;
    color: #7cc0ff;
    text-decoration: underline;
    text-underline-offset: 3px;
    word-break: break-all;
    margin: 6px 0 2px;
}

    .redes-scope .qr2-link:hover[b-f1qp3pzml5] {
        color: #a8d6ff;
    }

.redes-scope .qr2-actions[b-f1qp3pzml5] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.redes-scope .qr2-btn[b-f1qp3pzml5] {
    border-radius: 10px;
    padding: 8px 12px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid transparent;
    text-decoration: none;
    display: inline-block;
    line-height: 1.1;
}

.redes-scope .qr2-btn-primary[b-f1qp3pzml5] {
    background: #0ea5e9;
    border-color: #1176b8;
    color: #fff;
}

    .redes-scope .qr2-btn-primary:hover[b-f1qp3pzml5] {
        background: #0284c7;
    }

.redes-scope .qr2-btn-ghost[b-f1qp3pzml5] {
    background: rgba(255,255,255,.06);
    color: #e5e7eb;
    border-color: #334155;
}

    .redes-scope .qr2-btn-ghost:hover[b-f1qp3pzml5] {
        background: rgba(255,255,255,.12);
    }
/* _content/Argus/Pages/Redes/WP_MisRedesAbierto.razor.rz.scp.css */
.redes-scope .qr2-wrap[b-t88sdn48eg] {
    max-width: 1100px;
    margin: 24px auto 8px;
    padding: 0 16px;
}

.redes-scope .qr2-grid[b-t88sdn48eg] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 20px;
}

.redes-scope .qr2-card[b-t88sdn48eg] {
    background: #0f172a;
    border: 1px solid #233044;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

.redes-scope .qr2-hdr[b-t88sdn48eg] {
    background: linear-gradient(90deg, rgba(49,91,212,.35), rgba(14,165,233,.25));
    border-bottom: 1px solid #233044;
    padding: 10px 14px;
}

    .redes-scope .qr2-hdr h3[b-t88sdn48eg] {
        margin: 0;
        color: #eef2ff;
        font-weight: 700;
        letter-spacing: .2px;
    }

.redes-scope .qr2-body[b-t88sdn48eg] {
    padding: 16px;
    color: #e5e7eb;
}

.redes-scope .qr2-box[b-t88sdn48eg] {
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redes-scope .qr2-link[b-t88sdn48eg] {
    display: block;
    color: #7cc0ff;
    text-decoration: underline;
    text-underline-offset: 3px;
    word-break: break-all;
    margin: 6px 0 2px;
}

    .redes-scope .qr2-link:hover[b-t88sdn48eg] {
        color: #a8d6ff;
    }

.redes-scope .qr2-actions[b-t88sdn48eg] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.redes-scope .qr2-btn[b-t88sdn48eg] {
    border-radius: 10px;
    padding: 8px 12px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid transparent;
    text-decoration: none;
    display: inline-block;
    line-height: 1.1;
}

.redes-scope .qr2-btn-primary[b-t88sdn48eg] {
    background: #0ea5e9;
    border-color: #1176b8;
    color: #fff;
}

    .redes-scope .qr2-btn-primary:hover[b-t88sdn48eg] {
        background: #0284c7;
    }

.redes-scope .qr2-btn-ghost[b-t88sdn48eg] {
    background: rgba(255,255,255,.06);
    color: #e5e7eb;
    border-color: #334155;
}

    .redes-scope .qr2-btn-ghost:hover[b-t88sdn48eg] {
        background: rgba(255,255,255,.12);
    }
/* _content/Argus/Pages/Redes/WP_RedesGerencial.razor.rz.scp.css */
/* Contenedor principal */
.rg-wrap[b-av79jmoebx] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem;
  min-height: 100vh;
}

/* Header sin fondo blanco */
.rg-header[b-av79jmoebx] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.rg-title[b-av79jmoebx] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff !important;
  margin: 0;
}

.rg-subtitle[b-av79jmoebx] {
  font-size: 0.9rem;
  color: #cbd5e1;
  margin-top: 0.25rem;
}

/* Contenedor principal de contenido */
.rg-main-container[b-av79jmoebx] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Grid de estadísticas */
.rg-stats-grid[b-av79jmoebx] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .rg-stats-grid[b-av79jmoebx] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .rg-stats-grid[b-av79jmoebx] {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Tarjetas de estadísticas */
.rg-stat-card[b-av79jmoebx] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}

.rg-stat-card:hover[b-av79jmoebx] {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}

.rg-stat-header[b-av79jmoebx] {
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.rg-stat-header.blue[b-av79jmoebx] {
  background: linear-gradient(to right, #2563eb, #1d4ed8);
}

.rg-stat-header.green[b-av79jmoebx] {
  background: linear-gradient(to right, #059669, #047857);
}

.rg-stat-header.orange[b-av79jmoebx] {
  background: linear-gradient(to right, #ea580c, #c2410c);
}

.rg-stat-header.purple[b-av79jmoebx] {
  background: linear-gradient(to right, #9333ea, #7e22ce);
}

.rg-stat-icon[b-av79jmoebx] {
  width: 1.5rem;
  height: 1.5rem;
  color: white;
  flex-shrink: 0;
}

.rg-stat-title[b-av79jmoebx] {
  color: white;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.rg-stat-body[b-av79jmoebx] {
  padding: 1rem;
}

.rg-stat-value[b-av79jmoebx] {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.75rem;
}

.rg-stat-button[b-av79jmoebx] {
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}

.rg-stat-button.blue[b-av79jmoebx] {
  background: #2563eb;
}

.rg-stat-button.blue:hover[b-av79jmoebx] {
  background: #1d4ed8;
}

.rg-stat-button.green[b-av79jmoebx] {
  background: #059669;
}

.rg-stat-button.green:hover[b-av79jmoebx] {
  background: #047857;
}

.rg-stat-button.orange[b-av79jmoebx] {
  background: #ea580c;
}

.rg-stat-button.orange:hover[b-av79jmoebx] {
  background: #c2410c;
}

.rg-stat-button.purple[b-av79jmoebx] {
  background: #9333ea;
}

.rg-stat-button.purple:hover[b-av79jmoebx] {
  background: #7e22ce;
}

/* Secciones */
.rg-section[b-av79jmoebx] {
  margin-bottom: 2rem;
}

.rg-section:last-child[b-av79jmoebx] {
  margin-bottom: 0;
}

.rg-section-title[b-av79jmoebx] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e5e7eb;
}

/* Card de búsqueda */
.rg-search-card[b-av79jmoebx] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.rg-search-fields[b-av79jmoebx] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .rg-search-fields[b-av79jmoebx] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .rg-search-fields[b-av79jmoebx] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.rg-search-actions[b-av79jmoebx] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* Tablas */
.rg-table-container[b-av79jmoebx] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

.rg-table[b-av79jmoebx] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.rg-table thead[b-av79jmoebx] {
  background: #f9fafb;
}

.rg-table thead th[b-av79jmoebx] {
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 700;
  color: #374151;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #e5e7eb;
}

.rg-table tbody td[b-av79jmoebx] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f3f4f6;
  color: #1f2937;
}

.rg-table tbody tr:hover[b-av79jmoebx] {
  background: #f9fafb;
}

.rg-table tbody tr:last-child td[b-av79jmoebx] {
  border-bottom: none;
}

.rg-cell-monospace[b-av79jmoebx] {
  font-family: "Courier New", monospace;
  font-size: 0.8rem;
}

/* Acciones en tabla */
.rg-actions[b-av79jmoebx] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.rg-action-btn[b-av79jmoebx] {
  padding: 0.375rem;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rg-action-btn svg[b-av79jmoebx] {
  width: 1.125rem;
  height: 1.125rem;
}

.rg-action-btn.edit[b-av79jmoebx] {
  background: #3b82f6;
  color: white;
}

.rg-action-btn.edit:hover[b-av79jmoebx] {
  background: #2563eb;
}

.rg-action-btn.delete[b-av79jmoebx] {
  background: #ef4444;
  color: white;
}

.rg-action-btn.delete:hover[b-av79jmoebx] {
  background: #dc2626;
}

/* Estado badges */
.rg-badge[b-av79jmoebx] {
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
}

.rg-badge.success[b-av79jmoebx] {
  background: #dcfce7;
  color: #166534;
}

.rg-badge.error[b-av79jmoebx] {
  background: #fee2e2;
  color: #991b1b;
}

/* Empty state */
.rg-empty[b-av79jmoebx] {
  text-align: center;
  padding: 3rem 1rem;
  color: #6b7280;
}

.rg-empty p[b-av79jmoebx] {
  margin: 0;
  font-size: 0.95rem;
}

/* Spinner */
.rg-spinner-overlay[b-av79jmoebx] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
/* _content/Argus/Pages/Reportes/ReporteBeneficiarios.razor.rz.scp.css */
/* ===== Panel lateral (scoped a esta página) ===== */
.chalecos-sidebar[b-kyghkln26j] {
  /* fondo y layout */
  background: #0b1220; /* azul marino oscuro */
  color: #e5e7eb; /* texto claro */
  padding: 16px;
  border-right: 1px solid #1f2937;
  display: grid;
  gap: 16px;
}

/* Título */
.chalecos-title[b-kyghkln26j] {
  margin: 2px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #f3f4f6;
}

/* Subtítulo de cada filtro */
.filtro-header[b-kyghkln26j] {
  margin: 6px 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #9fb4ff; /* acento */
}

/* Grupo label + input */
.filtro-group[b-kyghkln26j] {
  display: grid;
  gap: 6px;
}

.filtro-label[b-kyghkln26j] {
  font-size: 12px;
  color: #cbd5e1;
}

/* ===== SmartChecklist “card” ===== */
.chalecos-sidebar .smart-checklist[b-kyghkln26j],
.chalecos-sidebar .e-listview[b-kyghkln26j], /* por si el componente usa SfListView */
.chalecos-sidebar .sc-card[b-kyghkln26j] {
  /* alias por si ya lo usas */
  background: #111827;
  border: 1px solid #1f2937;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* Header interno (título + badge) */
.chalecos-sidebar .sc-header[b-kyghkln26j] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.chalecos-sidebar .sc-title[b-kyghkln26j] {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
}

.chalecos-sidebar .sc-badge[b-kyghkln26j] {
  font-size: 11px;
  background: #1f3a8a;
  color: #e5edff;
  padding: 2px 8px;
  border-radius: 999px;
}

/* Buscador dentro del checklist */
.chalecos-sidebar input[type="text"][b-kyghkln26j],
.chalecos-sidebar .e-input[b-kyghkln26j], /* Syncfusion */
.chalecos-sidebar .e-input-group input[b-kyghkln26j] {
  background: #0b1020 !important;
  border: 1px solid #23304d !important;
  color: #e5e7eb !important;
  border-radius: 10px !important;
  height: 36px;
}

.chalecos-sidebar input[b-kyghkln26j]::placeholder {
  color: #94a3b8;
}

/* Lista scrollable */
.chalecos-sidebar .sc-body[b-kyghkln26j] {
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}

/* Checkbox y renglones */
.chalecos-sidebar .sc-item[b-kyghkln26j],
.chalecos-sidebar .e-list-item[b-kyghkln26j] {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 6px;
  color: #e5e7eb;
  border-radius: 8px;
}

.chalecos-sidebar .sc-item:hover[b-kyghkln26j],
.chalecos-sidebar .e-list-item:hover[b-kyghkln26j] {
  background: rgba(148, 163, 184, 0.08);
}

/* Mejorar contraste de los checkboxes nativos */
.chalecos-sidebar input[type="checkbox"][b-kyghkln26j] {
  accent-color: #3b82f6; /* azul */
}

/* Paginita/contador al fondo */
.chalecos-sidebar .sc-footer[b-kyghkln26j] {
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
}

/* ===== Botones ===== */
.btn-primario[b-kyghkln26j] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #1d4ed8;
  background: linear-gradient(180deg, #2563eb, #1e40af);
  color: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-primario:hover[b-kyghkln26j] {
  filter: brightness(1.05);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.32);
}

.btn-primario:active[b-kyghkln26j] {
  transform: translateY(1px);
}

/* Estilos específicos para iconos dentro de botones primarios */
.btn-primario .btn-icon[b-kyghkln26j] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

.btn-clear[b-kyghkln26j] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: transparent;
  color: #e2e8f0;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-clear:hover[b-kyghkln26j] {
  background: rgba(148, 163, 184, 0.08);
  border-color: #475569;
}

/* Estilos específicos para iconos dentro de botones clear */
.btn-clear .btn-icon[b-kyghkln26j] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* ===== Mejorar scrollbars (sutil) ===== */
.chalecos-sidebar .sc-body[b-kyghkln26j]::-webkit-scrollbar {
  width: 10px;
}

.chalecos-sidebar .sc-body[b-kyghkln26j]::-webkit-scrollbar-thumb {
  background: #24324a;
  border-radius: 20px;
  border: 2px solid #111827;
}

.chalecos-sidebar .sc-body[b-kyghkln26j]::-webkit-scrollbar-track {
  background: #111827;
}

/* ===== Placeholders/inputs genéricos Syncfusion en panel oscuro ===== */
.chalecos-sidebar .e-control[b-kyghkln26j],
.chalecos-sidebar .e-ddl[b-kyghkln26j],
.chalecos-sidebar .e-dropdownbase[b-kyghkln26j] {
  color: #e5e7eb;
}

.chalecos-sidebar .e-input-group[b-kyghkln26j],
.chalecos-sidebar .e-input-group.e-control-wrapper[b-kyghkln26j] {
  background: #111827;
  border-color: #23304d;
}

.chalecos-sidebar .e-dropdownbase .e-input[b-kyghkln26j] {
  color: #e5e7eb;
}

/* ===== KPI bar (por si quedó con texto oscuro) ===== */
.kpir-root .kpir-label[b-kyghkln26j] {
  color: #cbd5e1;
}

.kpir-root .kpir-value[b-kyghkln26j] {
  color: #f8fafc;
  font-weight: 700;
}
/* icono alineado en botones */
.btn-icon[b-kyghkln26j] {
  display: inline-flex;
  margin-right: 8px;
  line-height: 0;
  vertical-align: middle;
}

/* por si el título original queda muy pegado */
.filtro-header + .smart-checklist[b-kyghkln26j] {
  margin-top: 6px;
}
/* =========================
   CONTRASTE PARA SMARTCHECKLIST
   ========================= */

/* Contenedor "modo contraste". Úsalo como wrapper. */
.sc-contrast[b-kyghkln26j] {
  /* nada especial aquí, solo para scope */
}

/* Título y contador del checklist */
.sc-contrast .sc-title[b-kyghkln26j],
.sc-contrast .sc-counter[b-kyghkln26j],
.sc-contrast .e-badge[b-kyghkln26j] {
  color: #0f172a !important; /* tinta oscura */
  opacity: 1 !important;
}

/* Caja de búsqueda */
.sc-contrast input[type="text"][b-kyghkln26j],
.sc-contrast .e-input[b-kyghkln26j],
.sc-contrast .e-input-group input[b-kyghkln26j] {
  color: #0f172a !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
}

.sc-contrast input[b-kyghkln26j]::placeholder,
.sc-contrast .e-input-group input[b-kyghkln26j]::placeholder {
  color: #64748b !important; /* gris medio (visible) */
}

/* Lista (Syncfusion SfListView suele usar estas clases) */
.sc-contrast .e-list-item[b-kyghkln26j],
.sc-contrast .e-list-item .e-list-text[b-kyghkln26j],
.sc-contrast .e-checkbox-wrapper .e-label[b-kyghkln26j],
.sc-contrast label[b-kyghkln26j] {
  color: #0f172a !important; /* texto de ítems */
  opacity: 1 !important;
}

/* Scrollbar dentro del panel (más visible) */
.sc-contrast [b-kyghkln26j]::-webkit-scrollbar-thumb {
  background: #94a3b8 !important;
  border-radius: 6px;
}

.sc-contrast [b-kyghkln26j]::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
}

/* Estado hover/focus de ítems para mejor legibilidad */
.sc-contrast .e-list-item:hover[b-kyghkln26j],
.sc-contrast .e-list-item.e-hover[b-kyghkln26j] {
  background: #f1f5f9 !important;
}

.sc-contrast .e-checkbox-wrapper input:focus + .e-frame[b-kyghkln26j],
.sc-contrast .e-input:focus[b-kyghkln26j],
.sc-contrast .e-input-group.e-input-focus[b-kyghkln26j] {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* Quita cualquier desvanecido heredado */
.sc-contrast *[b-kyghkln26j] {
  text-shadow: none !important;
}

/* =========================
   KPI BAR: títulos más oscuros
   ========================= */
.kpir-label[b-kyghkln26j] {
  color: #0b2545 !important; /* más contraste sobre fondo claro */
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Si tu tarjeta KPI tiene overlay claro, refuerza el valor en blanco
   y el título en oscuro para contraste */
.kpir-value[b-kyghkln26j] {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* (Opcional) Si el fondo de las tarjetas es muy pálido, subir un poco el contraste */
.kpir-grid .kpi[b-kyghkln26j] {
  background: linear-gradient(
    180deg,
    #c8dae9,
    #b6cde2
  ) !important; /* un pelín más oscuro */
  border: 1px solid #8fb3cf !important;
}
/* Contenedor de los botones de capa de partidos */
.capa-partidos-actions[b-kyghkln26j] {
  display: flex;
  flex-direction: column; /* uno debajo del otro para que no se aplasten */
  gap: 8px;
}

/* Que el texto no se salga y pueda hacer wrap */
.capa-partidos-actions .btn-primario[b-kyghkln26j],
.capa-partidos-actions .btn-clear[b-kyghkln26j] {
  width: 100%; /* ocupan todo el ancho disponible del panel */
  min-height: 40px;
  white-space: normal; /* permite que el texto haga salto de línea */
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}
.bool-chip[b-kyghkln26j] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.bool-true[b-kyghkln26j] {
  background-color: #dcfce7; /* verde clarito */
  color: #166534; /* verde oscuro */
  border: 1px solid #bbf7d0;
}

.bool-false[b-kyghkln26j] {
  background-color: #fee2e2; /* rojo clarito */
  color: #991b1b; /* rojo oscuro */
  border: 1px solid #fecaca;
}
.edad-card[b-kyghkln26j] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Resumen arriba */
.edad-summary[b-kyghkln26j] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.edad-chip[b-kyghkln26j] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12); /* azul translúcido */
  color: #bfdbfe;
  font-size: 0.8rem;
}

.edad-chip i[b-kyghkln26j] {
  font-size: 0.9rem;
}

/* Botón reset */
.edad-reset-btn[b-kyghkln26j] {
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 999px;
  cursor: pointer;
}

.edad-reset-btn:hover[b-kyghkln26j] {
  background: rgba(148, 163, 184, 0.12);
}

/* Campos numéricos */
.edad-fields[b-kyghkln26j] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.edad-field[b-kyghkln26j] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.edad-label[b-kyghkln26j] {
  font-size: 0.78rem;
  color: #9ca3af;
}

.edad-input[b-kyghkln26j] {
  width: 100%;
}

/* Presets como pastillas */
.edad-presets[b-kyghkln26j] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.edad-pill-btn[b-kyghkln26j] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 10px;
  cursor: pointer;
}

.edad-pill-btn:hover[b-kyghkln26j] {
  background: rgba(59, 130, 246, 0.2); /* azul clarito al hover */
  border-color: rgba(59, 130, 246, 0.9);
}
.layer-toggle-btn[b-kyghkln26j] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 0.85rem;
  padding-top: 6px;
  padding-bottom: 6px;
}

.layer-toggle-btn .btn-icon[b-kyghkln26j] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* acento lateral según tipo */
.benef-estatal[b-kyghkln26j] {
  border-left: 3px solid #22c55e; /* verde */
}

.benef-federal[b-kyghkln26j] {
  border-left: 3px solid #f97373; /* rojo */
}
/* _content/Argus/Pages/Reportes/ReporteEstructura.razor.rz.scp.css */
/* ===== Panel lateral (scoped a esta página) ===== */
.chalecos-sidebar[b-kyv7xocrd5] {
  /* fondo y layout */
  background: #0b1220; /* azul marino oscuro */
  color: #e5e7eb; /* texto claro */
  padding: 16px;
  border-right: 1px solid #1f2937;
  display: grid;
  gap: 16px;
}

/* Título */
.chalecos-title[b-kyv7xocrd5] {
  margin: 2px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #f3f4f6;
}

/* Subtítulo de cada filtro */
.filtro-header[b-kyv7xocrd5] {
  margin: 6px 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #9fb4ff; /* acento */
}

/* Grupo label + input */
.filtro-group[b-kyv7xocrd5] {
  display: grid;
  gap: 6px;
}

.filtro-label[b-kyv7xocrd5] {
  font-size: 12px;
  color: #cbd5e1;
}

/* ===== SmartChecklist “card” ===== */
.chalecos-sidebar .smart-checklist[b-kyv7xocrd5],
.chalecos-sidebar .e-listview[b-kyv7xocrd5], /* por si el componente usa SfListView */
.chalecos-sidebar .sc-card[b-kyv7xocrd5] {
  /* alias por si ya lo usas */
  background: #111827;
  border: 1px solid #1f2937;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* Header interno (título + badge) */
.chalecos-sidebar .sc-header[b-kyv7xocrd5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.chalecos-sidebar .sc-title[b-kyv7xocrd5] {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
}

.chalecos-sidebar .sc-badge[b-kyv7xocrd5] {
  font-size: 11px;
  background: #1f3a8a;
  color: #e5edff;
  padding: 2px 8px;
  border-radius: 999px;
}

/* Buscador dentro del checklist */
.chalecos-sidebar input[type="text"][b-kyv7xocrd5],
.chalecos-sidebar .e-input[b-kyv7xocrd5], /* Syncfusion */
.chalecos-sidebar .e-input-group input[b-kyv7xocrd5] {
  background: #0b1020 !important;
  border: 1px solid #23304d !important;
  color: #e5e7eb !important;
  border-radius: 10px !important;
  height: 36px;
}

.chalecos-sidebar input[b-kyv7xocrd5]::placeholder {
  color: #94a3b8;
}

/* Lista scrollable */
.chalecos-sidebar .sc-body[b-kyv7xocrd5] {
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}

/* Checkbox y renglones */
.chalecos-sidebar .sc-item[b-kyv7xocrd5],
.chalecos-sidebar .e-list-item[b-kyv7xocrd5] {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 6px;
  color: #e5e7eb;
  border-radius: 8px;
}

.chalecos-sidebar .sc-item:hover[b-kyv7xocrd5],
.chalecos-sidebar .e-list-item:hover[b-kyv7xocrd5] {
  background: rgba(148, 163, 184, 0.08);
}

/* Mejorar contraste de los checkboxes nativos */
.chalecos-sidebar input[type="checkbox"][b-kyv7xocrd5] {
  accent-color: #3b82f6; /* azul */
}

/* Paginita/contador al fondo */
.chalecos-sidebar .sc-footer[b-kyv7xocrd5] {
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
}

/* ===== Botones ===== */
.btn-primario[b-kyv7xocrd5] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #1d4ed8;
  background: linear-gradient(180deg, #2563eb, #1e40af);
  color: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-primario:hover[b-kyv7xocrd5] {
  filter: brightness(1.05);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.32);
}

.btn-primario:active[b-kyv7xocrd5] {
  transform: translateY(1px);
}

/* Estilos específicos para iconos dentro de botones primarios */
.btn-primario .btn-icon[b-kyv7xocrd5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

.btn-clear[b-kyv7xocrd5] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: transparent;
  color: #e2e8f0;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-clear:hover[b-kyv7xocrd5] {
  background: rgba(148, 163, 184, 0.08);
  border-color: #475569;
}

/* Estilos específicos para iconos dentro de botones clear */
.btn-clear .btn-icon[b-kyv7xocrd5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* ===== Mejorar scrollbars (sutil) ===== */
.chalecos-sidebar .sc-body[b-kyv7xocrd5]::-webkit-scrollbar {
  width: 10px;
}

.chalecos-sidebar .sc-body[b-kyv7xocrd5]::-webkit-scrollbar-thumb {
  background: #24324a;
  border-radius: 20px;
  border: 2px solid #111827;
}

.chalecos-sidebar .sc-body[b-kyv7xocrd5]::-webkit-scrollbar-track {
  background: #111827;
}

/* ===== Placeholders/inputs genéricos Syncfusion en panel oscuro ===== */
.chalecos-sidebar .e-control[b-kyv7xocrd5],
.chalecos-sidebar .e-ddl[b-kyv7xocrd5],
.chalecos-sidebar .e-dropdownbase[b-kyv7xocrd5] {
  color: #e5e7eb;
}

.chalecos-sidebar .e-input-group[b-kyv7xocrd5],
.chalecos-sidebar .e-input-group.e-control-wrapper[b-kyv7xocrd5] {
  background: #111827;
  border-color: #23304d;
}

.chalecos-sidebar .e-dropdownbase .e-input[b-kyv7xocrd5] {
  color: #e5e7eb;
}

/* ===== KPI bar (por si quedó con texto oscuro) ===== */
.kpir-root .kpir-label[b-kyv7xocrd5] {
  color: #cbd5e1;
}

.kpir-root .kpir-value[b-kyv7xocrd5] {
  color: #f8fafc;
  font-weight: 700;
}
/* icono alineado en botones */
.btn-icon[b-kyv7xocrd5] {
  display: inline-flex;
  margin-right: 8px;
  line-height: 0;
  vertical-align: middle;
}

/* por si el título original queda muy pegado */
.filtro-header + .smart-checklist[b-kyv7xocrd5] {
  margin-top: 6px;
}
/* =========================
   CONTRASTE PARA SMARTCHECKLIST
   ========================= */

/* Contenedor "modo contraste". Úsalo como wrapper. */
.sc-contrast[b-kyv7xocrd5] {
  /* nada especial aquí, solo para scope */
}

/* Título y contador del checklist */
.sc-contrast .sc-title[b-kyv7xocrd5],
.sc-contrast .sc-counter[b-kyv7xocrd5],
.sc-contrast .e-badge[b-kyv7xocrd5] {
  color: #0f172a !important; /* tinta oscura */
  opacity: 1 !important;
}

/* Caja de búsqueda */
.sc-contrast input[type="text"][b-kyv7xocrd5],
.sc-contrast .e-input[b-kyv7xocrd5],
.sc-contrast .e-input-group input[b-kyv7xocrd5] {
  color: #0f172a !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
}

.sc-contrast input[b-kyv7xocrd5]::placeholder,
.sc-contrast .e-input-group input[b-kyv7xocrd5]::placeholder {
  color: #64748b !important; /* gris medio (visible) */
}

/* Lista (Syncfusion SfListView suele usar estas clases) */
.sc-contrast .e-list-item[b-kyv7xocrd5],
.sc-contrast .e-list-item .e-list-text[b-kyv7xocrd5],
.sc-contrast .e-checkbox-wrapper .e-label[b-kyv7xocrd5],
.sc-contrast label[b-kyv7xocrd5] {
  color: #0f172a !important; /* texto de ítems */
  opacity: 1 !important;
}

/* Scrollbar dentro del panel (más visible) */
.sc-contrast [b-kyv7xocrd5]::-webkit-scrollbar-thumb {
  background: #94a3b8 !important;
  border-radius: 6px;
}

.sc-contrast [b-kyv7xocrd5]::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
}

/* Estado hover/focus de ítems para mejor legibilidad */
.sc-contrast .e-list-item:hover[b-kyv7xocrd5],
.sc-contrast .e-list-item.e-hover[b-kyv7xocrd5] {
  background: #f1f5f9 !important;
}

.sc-contrast .e-checkbox-wrapper input:focus + .e-frame[b-kyv7xocrd5],
.sc-contrast .e-input:focus[b-kyv7xocrd5],
.sc-contrast .e-input-group.e-input-focus[b-kyv7xocrd5] {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* Quita cualquier desvanecido heredado */
.sc-contrast *[b-kyv7xocrd5] {
  text-shadow: none !important;
}

/* =========================
   KPI BAR: títulos más oscuros
   ========================= */
.kpir-label[b-kyv7xocrd5] {
  color: #0b2545 !important; /* más contraste sobre fondo claro */
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Si tu tarjeta KPI tiene overlay claro, refuerza el valor en blanco
   y el título en oscuro para contraste */
.kpir-value[b-kyv7xocrd5] {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* (Opcional) Si el fondo de las tarjetas es muy pálido, subir un poco el contraste */
.kpir-grid .kpi[b-kyv7xocrd5] {
  background: linear-gradient(
    180deg,
    #c8dae9,
    #b6cde2
  ) !important; /* un pelín más oscuro */
  border: 1px solid #8fb3cf !important;
}
/* Contenedor de los botones de capa de partidos */
.capa-partidos-actions[b-kyv7xocrd5] {
  display: flex;
  flex-direction: column; /* uno debajo del otro para que no se aplasten */
  gap: 8px;
}

/* Que el texto no se salga y pueda hacer wrap */
.capa-partidos-actions .btn-primario[b-kyv7xocrd5],
.capa-partidos-actions .btn-clear[b-kyv7xocrd5] {
  width: 100%; /* ocupan todo el ancho disponible del panel */
  min-height: 40px;
  white-space: normal; /* permite que el texto haga salto de línea */
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

.bool-chip[b-kyv7xocrd5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.bool-true[b-kyv7xocrd5] {
  background-color: #dcfce7; /* verde clarito */
  color: #166534; /* verde oscuro */
  border: 1px solid #bbf7d0;
}

.bool-false[b-kyv7xocrd5] {
  background-color: #fee2e2; /* rojo clarito */
  color: #991b1b; /* rojo oscuro */
  border: 1px solid #fecaca;
}

.edad-card[b-kyv7xocrd5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Resumen arriba */
.edad-summary[b-kyv7xocrd5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.edad-chip[b-kyv7xocrd5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12); /* azul translúcido */
  color: #bfdbfe;
  font-size: 0.8rem;
}

.edad-chip i[b-kyv7xocrd5] {
  font-size: 0.9rem;
}

/* Botón reset */
.edad-reset-btn[b-kyv7xocrd5] {
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 999px;
  cursor: pointer;
}

.edad-reset-btn:hover[b-kyv7xocrd5] {
  background: rgba(148, 163, 184, 0.12);
}

/* Campos numéricos */
.edad-fields[b-kyv7xocrd5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.edad-field[b-kyv7xocrd5] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.edad-label[b-kyv7xocrd5] {
  font-size: 0.78rem;
  color: #9ca3af;
}

.edad-input[b-kyv7xocrd5] {
  width: 100%;
}

/* Presets como pastillas */
.edad-presets[b-kyv7xocrd5] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.edad-pill-btn[b-kyv7xocrd5] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 10px;
  cursor: pointer;
}

.edad-pill-btn:hover[b-kyv7xocrd5] {
  background: rgba(59, 130, 246, 0.2); /* azul clarito al hover */
  border-color: rgba(59, 130, 246, 0.9);
}

.layer-toggle-btn[b-kyv7xocrd5] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 0.85rem;
  padding-top: 6px;
  padding-bottom: 6px;
}

.layer-toggle-btn .btn-icon[b-kyv7xocrd5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* acento lateral según tipo */
.benef-estatal[b-kyv7xocrd5] {
  border-left: 3px solid #22c55e; /* verde */
}

.benef-federal[b-kyv7xocrd5] {
  border-left: 3px solid #f97373; /* rojo */
}
/* _content/Argus/Pages/Reportes/ReporteEventos.razor.rz.scp.css */
/* ===== Panel lateral (scoped a esta página) ===== */
.chalecos-sidebar[b-537sftfv38] {
  /* fondo y layout */
  background: #0b1220; /* azul marino oscuro */
  color: #e5e7eb; /* texto claro */
  padding: 16px;
  border-right: 1px solid #1f2937;
  display: grid;
  gap: 16px;
}

/* Título */
.chalecos-title[b-537sftfv38] {
  margin: 2px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #f3f4f6;
}

/* Subtítulo de cada filtro */
.filtro-header[b-537sftfv38] {
  margin: 6px 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #9fb4ff; /* acento */
}

/* Grupo label + input */
.filtro-group[b-537sftfv38] {
  display: grid;
  gap: 6px;
}

.filtro-label[b-537sftfv38] {
  font-size: 12px;
  color: #cbd5e1;
}

/* ===== SmartChecklist “card” ===== */
.chalecos-sidebar .smart-checklist[b-537sftfv38],
.chalecos-sidebar .e-listview[b-537sftfv38], /* por si el componente usa SfListView */
.chalecos-sidebar .sc-card[b-537sftfv38] {
  /* alias por si ya lo usas */
  background: #111827;
  border: 1px solid #1f2937;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* Header interno (título + badge) */
.chalecos-sidebar .sc-header[b-537sftfv38] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.chalecos-sidebar .sc-title[b-537sftfv38] {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
}

.chalecos-sidebar .sc-badge[b-537sftfv38] {
  font-size: 11px;
  background: #1f3a8a;
  color: #e5edff;
  padding: 2px 8px;
  border-radius: 999px;
}

/* Buscador dentro del checklist */
.chalecos-sidebar input[type="text"][b-537sftfv38],
.chalecos-sidebar .e-input[b-537sftfv38], /* Syncfusion */
.chalecos-sidebar .e-input-group input[b-537sftfv38] {
  background: #0b1020 !important;
  border: 1px solid #23304d !important;
  color: #e5e7eb !important;
  border-radius: 10px !important;
  height: 36px;
}

.chalecos-sidebar input[b-537sftfv38]::placeholder {
  color: #94a3b8;
}

/* Lista scrollable */
.chalecos-sidebar .sc-body[b-537sftfv38] {
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}

/* Checkbox y renglones */
.chalecos-sidebar .sc-item[b-537sftfv38],
.chalecos-sidebar .e-list-item[b-537sftfv38] {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 6px;
  color: #e5e7eb;
  border-radius: 8px;
}

.chalecos-sidebar .sc-item:hover[b-537sftfv38],
.chalecos-sidebar .e-list-item:hover[b-537sftfv38] {
  background: rgba(148, 163, 184, 0.08);
}

/* Mejorar contraste de los checkboxes nativos */
.chalecos-sidebar input[type="checkbox"][b-537sftfv38] {
  accent-color: #3b82f6; /* azul */
}

/* Paginita/contador al fondo */
.chalecos-sidebar .sc-footer[b-537sftfv38] {
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
}

/* ===== Botones ===== */
.btn-primario[b-537sftfv38] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #1d4ed8;
  background: linear-gradient(180deg, #2563eb, #1e40af);
  color: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-primario:hover[b-537sftfv38] {
  filter: brightness(1.05);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.32);
}

.btn-primario:active[b-537sftfv38] {
  transform: translateY(1px);
}

/* Estilos específicos para iconos dentro de botones primarios */
.btn-primario .btn-icon[b-537sftfv38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

.btn-clear[b-537sftfv38] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: transparent;
  color: #e2e8f0;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-clear:hover[b-537sftfv38] {
  background: rgba(148, 163, 184, 0.08);
  border-color: #475569;
}

/* Estilos específicos para iconos dentro de botones clear */
.btn-clear .btn-icon[b-537sftfv38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* ===== Mejorar scrollbars (sutil) ===== */
.chalecos-sidebar .sc-body[b-537sftfv38]::-webkit-scrollbar {
  width: 10px;
}

.chalecos-sidebar .sc-body[b-537sftfv38]::-webkit-scrollbar-thumb {
  background: #24324a;
  border-radius: 20px;
  border: 2px solid #111827;
}

.chalecos-sidebar .sc-body[b-537sftfv38]::-webkit-scrollbar-track {
  background: #111827;
}

/* ===== Placeholders/inputs genéricos Syncfusion en panel oscuro ===== */
.chalecos-sidebar .e-control[b-537sftfv38],
.chalecos-sidebar .e-ddl[b-537sftfv38],
.chalecos-sidebar .e-dropdownbase[b-537sftfv38] {
  color: #e5e7eb;
}

.chalecos-sidebar .e-input-group[b-537sftfv38],
.chalecos-sidebar .e-input-group.e-control-wrapper[b-537sftfv38] {
  background: #111827;
  border-color: #23304d;
}

.chalecos-sidebar .e-dropdownbase .e-input[b-537sftfv38] {
  color: #e5e7eb;
}

/* ===== KPI bar (por si quedó con texto oscuro) ===== */
.kpir-root .kpir-label[b-537sftfv38] {
  color: #cbd5e1;
}

.kpir-root .kpir-value[b-537sftfv38] {
  color: #f8fafc;
  font-weight: 700;
}
/* icono alineado en botones */
.btn-icon[b-537sftfv38] {
  display: inline-flex;
  margin-right: 8px;
  line-height: 0;
  vertical-align: middle;
}

/* por si el título original queda muy pegado */
.filtro-header + .smart-checklist[b-537sftfv38] {
  margin-top: 6px;
}
/* =========================
   CONTRASTE PARA SMARTCHECKLIST
   ========================= */

/* Contenedor "modo contraste". Úsalo como wrapper. */
.sc-contrast[b-537sftfv38] {
  /* nada especial aquí, solo para scope */
}

/* Título y contador del checklist */
.sc-contrast .sc-title[b-537sftfv38],
.sc-contrast .sc-counter[b-537sftfv38],
.sc-contrast .e-badge[b-537sftfv38] {
  color: #0f172a !important; /* tinta oscura */
  opacity: 1 !important;
}

/* Caja de búsqueda */
.sc-contrast input[type="text"][b-537sftfv38],
.sc-contrast .e-input[b-537sftfv38],
.sc-contrast .e-input-group input[b-537sftfv38] {
  color: #0f172a !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
}

.sc-contrast input[b-537sftfv38]::placeholder,
.sc-contrast .e-input-group input[b-537sftfv38]::placeholder {
  color: #64748b !important; /* gris medio (visible) */
}

/* Lista (Syncfusion SfListView suele usar estas clases) */
.sc-contrast .e-list-item[b-537sftfv38],
.sc-contrast .e-list-item .e-list-text[b-537sftfv38],
.sc-contrast .e-checkbox-wrapper .e-label[b-537sftfv38],
.sc-contrast label[b-537sftfv38] {
  color: #0f172a !important; /* texto de ítems */
  opacity: 1 !important;
}

/* Scrollbar dentro del panel (más visible) */
.sc-contrast [b-537sftfv38]::-webkit-scrollbar-thumb {
  background: #94a3b8 !important;
  border-radius: 6px;
}

.sc-contrast [b-537sftfv38]::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
}

/* Estado hover/focus de ítems para mejor legibilidad */
.sc-contrast .e-list-item:hover[b-537sftfv38],
.sc-contrast .e-list-item.e-hover[b-537sftfv38] {
  background: #f1f5f9 !important;
}

.sc-contrast .e-checkbox-wrapper input:focus + .e-frame[b-537sftfv38],
.sc-contrast .e-input:focus[b-537sftfv38],
.sc-contrast .e-input-group.e-input-focus[b-537sftfv38] {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* Quita cualquier desvanecido heredado */
.sc-contrast *[b-537sftfv38] {
  text-shadow: none !important;
}

/* =========================
   KPI BAR: títulos más oscuros
   ========================= */
.kpir-label[b-537sftfv38] {
  color: #0b2545 !important; /* más contraste sobre fondo claro */
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Si tu tarjeta KPI tiene overlay claro, refuerza el valor en blanco
   y el título en oscuro para contraste */
.kpir-value[b-537sftfv38] {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* (Opcional) Si el fondo de las tarjetas es muy pálido, subir un poco el contraste */
.kpir-grid .kpi[b-537sftfv38] {
  background: linear-gradient(
    180deg,
    #c8dae9,
    #b6cde2
  ) !important; /* un pelín más oscuro */
  border: 1px solid #8fb3cf !important;
}
/* Contenedor de los botones de capa de partidos */
.capa-partidos-actions[b-537sftfv38] {
  display: flex;
  flex-direction: column; /* uno debajo del otro para que no se aplasten */
  gap: 8px;
}

/* Que el texto no se salga y pueda hacer wrap */
.capa-partidos-actions .btn-primario[b-537sftfv38],
.capa-partidos-actions .btn-clear[b-537sftfv38] {
  width: 100%; /* ocupan todo el ancho disponible del panel */
  min-height: 40px;
  white-space: normal; /* permite que el texto haga salto de línea */
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

.bool-chip[b-537sftfv38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.bool-true[b-537sftfv38] {
  background-color: #dcfce7; /* verde clarito */
  color: #166534; /* verde oscuro */
  border: 1px solid #bbf7d0;
}

.bool-false[b-537sftfv38] {
  background-color: #fee2e2; /* rojo clarito */
  color: #991b1b; /* rojo oscuro */
  border: 1px solid #fecaca;
}

.edad-card[b-537sftfv38] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Resumen arriba */
.edad-summary[b-537sftfv38] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.edad-chip[b-537sftfv38] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12); /* azul translúcido */
  color: #bfdbfe;
  font-size: 0.8rem;
}

.edad-chip i[b-537sftfv38] {
  font-size: 0.9rem;
}

/* Botón reset */
.edad-reset-btn[b-537sftfv38] {
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 999px;
  cursor: pointer;
}

.edad-reset-btn:hover[b-537sftfv38] {
  background: rgba(148, 163, 184, 0.12);
}

/* Campos numéricos */
.edad-fields[b-537sftfv38] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.edad-field[b-537sftfv38] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.edad-label[b-537sftfv38] {
  font-size: 0.78rem;
  color: #9ca3af;
}

.edad-input[b-537sftfv38] {
  width: 100%;
}

/* Presets como pastillas */
.edad-presets[b-537sftfv38] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.edad-pill-btn[b-537sftfv38] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 10px;
  cursor: pointer;
}

.edad-pill-btn:hover[b-537sftfv38] {
  background: rgba(59, 130, 246, 0.2); /* azul clarito al hover */
  border-color: rgba(59, 130, 246, 0.9);
}

.layer-toggle-btn[b-537sftfv38] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 0.85rem;
  padding-top: 6px;
  padding-bottom: 6px;
}

.layer-toggle-btn .btn-icon[b-537sftfv38] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* acento lateral según tipo */
.benef-estatal[b-537sftfv38] {
  border-left: 3px solid #22c55e; /* verde */
}

.benef-federal[b-537sftfv38] {
  border-left: 3px solid #f97373; /* rojo */
}
/* _content/Argus/Pages/Reportes/ReporteGestiones.razor.rz.scp.css */
/* ===== Panel lateral (scoped a esta página) ===== */
.chalecos-sidebar[b-e6erl8iqce] {
  /* fondo y layout */
  background: #0b1220; /* azul marino oscuro */
  color: #e5e7eb; /* texto claro */
  padding: 16px;
  border-right: 1px solid #1f2937;
  display: grid;
  gap: 16px;
}

/* Título */
.chalecos-title[b-e6erl8iqce] {
  margin: 2px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #f3f4f6;
}

/* Subtítulo de cada filtro */
.filtro-header[b-e6erl8iqce] {
  margin: 6px 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #9fb4ff; /* acento */
}

/* Grupo label + input */
.filtro-group[b-e6erl8iqce] {
  display: grid;
  gap: 6px;
}

.filtro-label[b-e6erl8iqce] {
  font-size: 12px;
  color: #cbd5e1;
}

/* ===== SmartChecklist “card” ===== */
.chalecos-sidebar .smart-checklist[b-e6erl8iqce],
.chalecos-sidebar .e-listview[b-e6erl8iqce], /* por si el componente usa SfListView */
.chalecos-sidebar .sc-card[b-e6erl8iqce] {
  /* alias por si ya lo usas */
  background: #111827;
  border: 1px solid #1f2937;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* Header interno (título + badge) */
.chalecos-sidebar .sc-header[b-e6erl8iqce] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.chalecos-sidebar .sc-title[b-e6erl8iqce] {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
}

.chalecos-sidebar .sc-badge[b-e6erl8iqce] {
  font-size: 11px;
  background: #1f3a8a;
  color: #e5edff;
  padding: 2px 8px;
  border-radius: 999px;
}

/* Buscador dentro del checklist */
.chalecos-sidebar input[type="text"][b-e6erl8iqce],
.chalecos-sidebar .e-input[b-e6erl8iqce], /* Syncfusion */
.chalecos-sidebar .e-input-group input[b-e6erl8iqce] {
  background: #0b1020 !important;
  border: 1px solid #23304d !important;
  color: #e5e7eb !important;
  border-radius: 10px !important;
  height: 36px;
}

.chalecos-sidebar input[b-e6erl8iqce]::placeholder {
  color: #94a3b8;
}

/* Lista scrollable */
.chalecos-sidebar .sc-body[b-e6erl8iqce] {
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}

/* Checkbox y renglones */
.chalecos-sidebar .sc-item[b-e6erl8iqce],
.chalecos-sidebar .e-list-item[b-e6erl8iqce] {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 6px;
  color: #e5e7eb;
  border-radius: 8px;
}

.chalecos-sidebar .sc-item:hover[b-e6erl8iqce],
.chalecos-sidebar .e-list-item:hover[b-e6erl8iqce] {
  background: rgba(148, 163, 184, 0.08);
}

/* Mejorar contraste de los checkboxes nativos */
.chalecos-sidebar input[type="checkbox"][b-e6erl8iqce] {
  accent-color: #3b82f6; /* azul */
}

/* Paginita/contador al fondo */
.chalecos-sidebar .sc-footer[b-e6erl8iqce] {
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
}

/* ===== Botones ===== */
.btn-primario[b-e6erl8iqce] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #1d4ed8;
  background: linear-gradient(180deg, #2563eb, #1e40af);
  color: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-primario:hover[b-e6erl8iqce] {
  filter: brightness(1.05);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.32);
}

.btn-primario:active[b-e6erl8iqce] {
  transform: translateY(1px);
}

/* Estilos específicos para iconos dentro de botones primarios */
.btn-primario .btn-icon[b-e6erl8iqce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

.btn-clear[b-e6erl8iqce] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: transparent;
  color: #e2e8f0;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-clear:hover[b-e6erl8iqce] {
  background: rgba(148, 163, 184, 0.08);
  border-color: #475569;
}

/* Estilos específicos para iconos dentro de botones clear */
.btn-clear .btn-icon[b-e6erl8iqce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* ===== Mejorar scrollbars (sutil) ===== */
.chalecos-sidebar .sc-body[b-e6erl8iqce]::-webkit-scrollbar {
  width: 10px;
}

.chalecos-sidebar .sc-body[b-e6erl8iqce]::-webkit-scrollbar-thumb {
  background: #24324a;
  border-radius: 20px;
  border: 2px solid #111827;
}

.chalecos-sidebar .sc-body[b-e6erl8iqce]::-webkit-scrollbar-track {
  background: #111827;
}

/* ===== Placeholders/inputs genéricos Syncfusion en panel oscuro ===== */
.chalecos-sidebar .e-control[b-e6erl8iqce],
.chalecos-sidebar .e-ddl[b-e6erl8iqce],
.chalecos-sidebar .e-dropdownbase[b-e6erl8iqce] {
  color: #e5e7eb;
}

.chalecos-sidebar .e-input-group[b-e6erl8iqce],
.chalecos-sidebar .e-input-group.e-control-wrapper[b-e6erl8iqce] {
  background: #111827;
  border-color: #23304d;
}

.chalecos-sidebar .e-dropdownbase .e-input[b-e6erl8iqce] {
  color: #e5e7eb;
}

/* ===== KPI bar (por si quedó con texto oscuro) ===== */
.kpir-root .kpir-label[b-e6erl8iqce] {
  color: #cbd5e1;
}

.kpir-root .kpir-value[b-e6erl8iqce] {
  color: #f8fafc;
  font-weight: 700;
}
/* icono alineado en botones */
.btn-icon[b-e6erl8iqce] {
  display: inline-flex;
  margin-right: 8px;
  line-height: 0;
  vertical-align: middle;
}

/* por si el título original queda muy pegado */
.filtro-header + .smart-checklist[b-e6erl8iqce] {
  margin-top: 6px;
}
/* =========================
   CONTRASTE PARA SMARTCHECKLIST
   ========================= */

/* Contenedor "modo contraste". Úsalo como wrapper. */
.sc-contrast[b-e6erl8iqce] {
  /* nada especial aquí, solo para scope */
}

/* Título y contador del checklist */
.sc-contrast .sc-title[b-e6erl8iqce],
.sc-contrast .sc-counter[b-e6erl8iqce],
.sc-contrast .e-badge[b-e6erl8iqce] {
  color: #0f172a !important; /* tinta oscura */
  opacity: 1 !important;
}

/* Caja de búsqueda */
.sc-contrast input[type="text"][b-e6erl8iqce],
.sc-contrast .e-input[b-e6erl8iqce],
.sc-contrast .e-input-group input[b-e6erl8iqce] {
  color: #0f172a !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
}

.sc-contrast input[b-e6erl8iqce]::placeholder,
.sc-contrast .e-input-group input[b-e6erl8iqce]::placeholder {
  color: #64748b !important; /* gris medio (visible) */
}

/* Lista (Syncfusion SfListView suele usar estas clases) */
.sc-contrast .e-list-item[b-e6erl8iqce],
.sc-contrast .e-list-item .e-list-text[b-e6erl8iqce],
.sc-contrast .e-checkbox-wrapper .e-label[b-e6erl8iqce],
.sc-contrast label[b-e6erl8iqce] {
  color: #0f172a !important; /* texto de ítems */
  opacity: 1 !important;
}

/* Scrollbar dentro del panel (más visible) */
.sc-contrast [b-e6erl8iqce]::-webkit-scrollbar-thumb {
  background: #94a3b8 !important;
  border-radius: 6px;
}

.sc-contrast [b-e6erl8iqce]::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
}

/* Estado hover/focus de ítems para mejor legibilidad */
.sc-contrast .e-list-item:hover[b-e6erl8iqce],
.sc-contrast .e-list-item.e-hover[b-e6erl8iqce] {
  background: #f1f5f9 !important;
}

.sc-contrast .e-checkbox-wrapper input:focus + .e-frame[b-e6erl8iqce],
.sc-contrast .e-input:focus[b-e6erl8iqce],
.sc-contrast .e-input-group.e-input-focus[b-e6erl8iqce] {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* Quita cualquier desvanecido heredado */
.sc-contrast *[b-e6erl8iqce] {
  text-shadow: none !important;
}

/* =========================
   KPI BAR: títulos más oscuros
   ========================= */
.kpir-label[b-e6erl8iqce] {
  color: #0b2545 !important; /* más contraste sobre fondo claro */
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Si tu tarjeta KPI tiene overlay claro, refuerza el valor en blanco
   y el título en oscuro para contraste */
.kpir-value[b-e6erl8iqce] {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* (Opcional) Si el fondo de las tarjetas es muy pálido, subir un poco el contraste */
.kpir-grid .kpi[b-e6erl8iqce] {
  background: linear-gradient(
    180deg,
    #c8dae9,
    #b6cde2
  ) !important; /* un pelín más oscuro */
  border: 1px solid #8fb3cf !important;
}
/* Contenedor de los botones de capa de partidos */
.capa-partidos-actions[b-e6erl8iqce] {
  display: flex;
  flex-direction: column; /* uno debajo del otro para que no se aplasten */
  gap: 8px;
}

/* Que el texto no se salga y pueda hacer wrap */
.capa-partidos-actions .btn-primario[b-e6erl8iqce],
.capa-partidos-actions .btn-clear[b-e6erl8iqce] {
  width: 100%; /* ocupan todo el ancho disponible del panel */
  min-height: 40px;
  white-space: normal; /* permite que el texto haga salto de línea */
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

.bool-chip[b-e6erl8iqce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.bool-true[b-e6erl8iqce] {
  background-color: #dcfce7; /* verde clarito */
  color: #166534; /* verde oscuro */
  border: 1px solid #bbf7d0;
}

.bool-false[b-e6erl8iqce] {
  background-color: #fee2e2; /* rojo clarito */
  color: #991b1b; /* rojo oscuro */
  border: 1px solid #fecaca;
}

.edad-card[b-e6erl8iqce] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Resumen arriba */
.edad-summary[b-e6erl8iqce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.edad-chip[b-e6erl8iqce] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12); /* azul translúcido */
  color: #bfdbfe;
  font-size: 0.8rem;
}

.edad-chip i[b-e6erl8iqce] {
  font-size: 0.9rem;
}

/* Botón reset */
.edad-reset-btn[b-e6erl8iqce] {
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 999px;
  cursor: pointer;
}

.edad-reset-btn:hover[b-e6erl8iqce] {
  background: rgba(148, 163, 184, 0.12);
}

/* Campos numéricos */
.edad-fields[b-e6erl8iqce] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.edad-field[b-e6erl8iqce] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.edad-label[b-e6erl8iqce] {
  font-size: 0.78rem;
  color: #9ca3af;
}

.edad-input[b-e6erl8iqce] {
  width: 100%;
}

/* Presets como pastillas */
.edad-presets[b-e6erl8iqce] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.edad-pill-btn[b-e6erl8iqce] {
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  background: transparent;
  color: #e5e7eb;
  font-size: 0.75rem;
  padding: 3px 10px;
  cursor: pointer;
}

.edad-pill-btn:hover[b-e6erl8iqce] {
  background: rgba(59, 130, 246, 0.2); /* azul clarito al hover */
  border-color: rgba(59, 130, 246, 0.9);
}

.layer-toggle-btn[b-e6erl8iqce] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 0.85rem;
  padding-top: 6px;
  padding-bottom: 6px;
}

.layer-toggle-btn .btn-icon[b-e6erl8iqce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* acento lateral según tipo */
.benef-estatal[b-e6erl8iqce] {
  border-left: 3px solid #22c55e; /* verde */
}

.benef-federal[b-e6erl8iqce] {
  border-left: 3px solid #f97373; /* rojo */
}
/* _content/Argus/Pages/Reportes/ReporteObras.razor.rz.scp.css */
/* ===== Panel lateral (scoped a esta página) ===== */
.chalecos-sidebar[b-nsbmme88tu] {
  /* fondo y layout */
  background: #0b1220; /* azul marino oscuro */
  color: #e5e7eb; /* texto claro */
  padding: 16px;
  border-right: 1px solid #1f2937;
  display: grid;
  gap: 16px;
}

/* Título */
.chalecos-title[b-nsbmme88tu] {
  margin: 2px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #f3f4f6;
}

/* Subtítulo de cada filtro */
.filtro-header[b-nsbmme88tu] {
  margin: 6px 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #9fb4ff; /* acento */
}

/* Grupo label + input */
.filtro-group[b-nsbmme88tu] {
  display: grid;
  gap: 6px;
}

.filtro-label[b-nsbmme88tu] {
  font-size: 12px;
  color: #cbd5e1;
}

/* ===== SmartChecklist “card” ===== */
.chalecos-sidebar .smart-checklist[b-nsbmme88tu],
.chalecos-sidebar .e-listview[b-nsbmme88tu], /* por si el componente usa SfListView */
.chalecos-sidebar .sc-card[b-nsbmme88tu] {
  /* alias por si ya lo usas */
  background: #111827;
  border: 1px solid #1f2937;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* Header interno (título + badge) */
.chalecos-sidebar .sc-header[b-nsbmme88tu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.chalecos-sidebar .sc-title[b-nsbmme88tu] {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb;
}

.chalecos-sidebar .sc-badge[b-nsbmme88tu] {
  font-size: 11px;
  background: #1f3a8a;
  color: #e5edff;
  padding: 2px 8px;
  border-radius: 999px;
}

/* Buscador dentro del checklist */
.chalecos-sidebar input[type="text"][b-nsbmme88tu],
.chalecos-sidebar .e-input[b-nsbmme88tu], /* Syncfusion */
.chalecos-sidebar .e-input-group input[b-nsbmme88tu] {
  background: #0b1020 !important;
  border: 1px solid #23304d !important;
  color: #e5e7eb !important;
  border-radius: 10px !important;
  height: 36px;
}

.chalecos-sidebar input[b-nsbmme88tu]::placeholder {
  color: #94a3b8;
}

/* Lista scrollable */
.chalecos-sidebar .sc-body[b-nsbmme88tu] {
  max-height: 320px;
  overflow: auto;
  padding-right: 4px;
}

/* Checkbox y renglones */
.chalecos-sidebar .sc-item[b-nsbmme88tu],
.chalecos-sidebar .e-list-item[b-nsbmme88tu] {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 6px;
  color: #e5e7eb;
  border-radius: 8px;
}

.chalecos-sidebar .sc-item:hover[b-nsbmme88tu],
.chalecos-sidebar .e-list-item:hover[b-nsbmme88tu] {
  background: rgba(148, 163, 184, 0.08);
}

/* Mejorar contraste de los checkboxes nativos */
.chalecos-sidebar input[type="checkbox"][b-nsbmme88tu] {
  accent-color: #3b82f6; /* azul */
}

/* Paginita/contador al fondo */
.chalecos-sidebar .sc-footer[b-nsbmme88tu] {
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  text-align: right;
}

/* ===== Botones ===== */
.btn-primario[b-nsbmme88tu] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #1d4ed8;
  background: linear-gradient(180deg, #2563eb, #1e40af);
  color: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-primario:hover[b-nsbmme88tu] {
  filter: brightness(1.05);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.32);
}

.btn-primario:active[b-nsbmme88tu] {
  transform: translateY(1px);
}

/* Estilos específicos para iconos dentro de botones primarios */
.btn-primario .btn-icon[b-nsbmme88tu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

.btn-clear[b-nsbmme88tu] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: transparent;
  color: #e2e8f0;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-clear:hover[b-nsbmme88tu] {
  background: rgba(148, 163, 184, 0.08);
  border-color: #475569;
}

/* Estilos específicos para iconos dentro de botones clear */
.btn-clear .btn-icon[b-nsbmme88tu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: 0;
  margin: 0; /* Eliminar margin-right del estilo general */
  border-radius: 0;
  flex-shrink: 0;
}

/* ===== Mejorar scrollbars (sutil) ===== */
.chalecos-sidebar .sc-body[b-nsbmme88tu]::-webkit-scrollbar {
  width: 10px;
}

.chalecos-sidebar .sc-body[b-nsbmme88tu]::-webkit-scrollbar-thumb {
  background: #24324a;
  border-radius: 20px;
  border: 2px solid #111827;
}

.chalecos-sidebar .sc-body[b-nsbmme88tu]::-webkit-scrollbar-track {
  background: #111827;
}

/* ===== Placeholders/inputs genéricos Syncfusion en panel oscuro ===== */
.chalecos-sidebar .e-control[b-nsbmme88tu],
.chalecos-sidebar .e-ddl[b-nsbmme88tu],
.chalecos-sidebar .e-dropdownbase[b-nsbmme88tu] {
  color: #e5e7eb;
}

.chalecos-sidebar .e-input-group[b-nsbmme88tu],
.chalecos-sidebar .e-input-group.e-control-wrapper[b-nsbmme88tu] {
  background: #111827;
  border-color: #23304d;
}

.chalecos-sidebar .e-dropdownbase .e-input[b-nsbmme88tu] {
  color: #e5e7eb;
}

/* ===== KPI bar (por si quedó con texto oscuro) ===== */
.kpir-root .kpir-label[b-nsbmme88tu] {
  color: #cbd5e1;
}

.kpir-root .kpir-value[b-nsbmme88tu] {
  color: #f8fafc;
  font-weight: 700;
}
/* icono alineado en botones */
.btn-icon[b-nsbmme88tu] {
  display: inline-flex;
  margin-right: 8px;
  line-height: 0;
  vertical-align: middle;
}

/* por si el título original queda muy pegado */
.filtro-header + .smart-checklist[b-nsbmme88tu] {
  margin-top: 6px;
}
/* =========================
   CONTRASTE PARA SMARTCHECKLIST
   ========================= */

/* Contenedor "modo contraste". Úsalo como wrapper. */
.sc-contrast[b-nsbmme88tu] {
  /* nada especial aquí, solo para scope */
}

/* Título y contador del checklist */
.sc-contrast .sc-title[b-nsbmme88tu],
.sc-contrast .sc-counter[b-nsbmme88tu],
.sc-contrast .e-badge[b-nsbmme88tu] {
  color: #0f172a !important; /* tinta oscura */
  opacity: 1 !important;
}

/* Caja de búsqueda */
.sc-contrast input[type="text"][b-nsbmme88tu],
.sc-contrast .e-input[b-nsbmme88tu],
.sc-contrast .e-input-group input[b-nsbmme88tu] {
  color: #0f172a !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
}

.sc-contrast input[b-nsbmme88tu]::placeholder,
.sc-contrast .e-input-group input[b-nsbmme88tu]::placeholder {
  color: #64748b !important; /* gris medio (visible) */
}

/* Lista (Syncfusion SfListView suele usar estas clases) */
.sc-contrast .e-list-item[b-nsbmme88tu],
.sc-contrast .e-list-item .e-list-text[b-nsbmme88tu],
.sc-contrast .e-checkbox-wrapper .e-label[b-nsbmme88tu],
.sc-contrast label[b-nsbmme88tu] {
  color: #0f172a !important; /* texto de ítems */
  opacity: 1 !important;
}

/* Scrollbar dentro del panel (más visible) */
.sc-contrast [b-nsbmme88tu]::-webkit-scrollbar-thumb {
  background: #94a3b8 !important;
  border-radius: 6px;
}

.sc-contrast [b-nsbmme88tu]::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
}

/* Estado hover/focus de ítems para mejor legibilidad */
.sc-contrast .e-list-item:hover[b-nsbmme88tu],
.sc-contrast .e-list-item.e-hover[b-nsbmme88tu] {
  background: #f1f5f9 !important;
}

.sc-contrast .e-checkbox-wrapper input:focus + .e-frame[b-nsbmme88tu],
.sc-contrast .e-input:focus[b-nsbmme88tu],
.sc-contrast .e-input-group.e-input-focus[b-nsbmme88tu] {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}

/* Quita cualquier desvanecido heredado */
.sc-contrast *[b-nsbmme88tu] {
  text-shadow: none !important;
}

/* =========================
   KPI BAR: títulos más oscuros
   ========================= */
.kpir-label[b-nsbmme88tu] {
  color: #0b2545 !important; /* más contraste sobre fondo claro */
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* Si tu tarjeta KPI tiene overlay claro, refuerza el valor en blanco
   y el título en oscuro para contraste */
.kpir-value[b-nsbmme88tu] {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* (Opcional) Si el fondo de las tarjetas es muy pálido, subir un poco el contraste */
.kpir-grid .kpi[b-nsbmme88tu] {
  background: linear-gradient(
    180deg,
    #c8dae9,
    #b6cde2
  ) !important; /* un pelín más oscuro */
  border: 1px solid #8fb3cf !important;
}
/* Contenedor de los botones de capa de partidos */
.capa-partidos-actions[b-nsbmme88tu] {
  display: flex;
  flex-direction: column; /* uno debajo del otro para que no se aplasten */
  gap: 8px;
}

/* Que el texto no se salga y pueda hacer wrap */
.capa-partidos-actions .btn-primario[b-nsbmme88tu],
.capa-partidos-actions .btn-clear[b-nsbmme88tu] {
  width: 100%; /* ocupan todo el ancho disponible del panel */
  min-height: 40px;
  white-space: normal; /* permite que el texto haga salto de línea */
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}
/* _content/Argus/Shared/AltLayout.razor.rz.scp.css */
.alt-layout main[b-p7zuiruzev] {
    padding-top: 64px;
}
/* _content/Argus/Shared/Components/DataTable.razor.rz.scp.css */
/* ========================================
   COMPONENTE DATATABLE REUTILIZABLE
   ======================================== */

.data-table-container[b-phu2e03tod] {
  margin-top: 1.5rem;
  overflow-x: auto;
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.data-table[b-phu2e03tod] {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  margin: 0;
}

.data-table th[b-phu2e03tod] {
  background-color: #1f2937;
  padding: 1.25rem 1.5rem;
  text-align: left;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.2;
}

.data-table td[b-phu2e03tod] {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  color: #374151;
  font-size: 0.9rem;
  font-weight: 500;
  vertical-align: middle;
  line-height: 1.4;
}

.data-table tbody tr:hover[b-phu2e03tod] {
  background-color: #f9fafb;
}

.data-table tbody tr:last-child td[b-phu2e03tod] {
  border-bottom: none;
}

.data-table td.no-data[b-phu2e03tod] {
  text-align: center;
  color: #6b7280;
  font-style: italic;
  padding: 2rem;
}

/* Botón de acción reutilizable */
.action-button[b-phu2e03tod] {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #3b82f6;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
  margin: 0 auto;
  min-width: 2.5rem;
  min-height: 2.5rem;
}

.action-button:hover[b-phu2e03tod] {
  background-color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4);
}

.action-button:active[b-phu2e03tod] {
  transform: translateY(0);
}

.action-button svg[b-phu2e03tod] {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  stroke-width: 2;
}

/* Variantes de botones de acción */
.action-button.success[b-phu2e03tod] {
  background-color: #10b981;
}

.action-button.success:hover[b-phu2e03tod] {
  background-color: #059669;
}

.action-button.danger[b-phu2e03tod] {
  background-color: #ef4444;
}

.action-button.danger:hover[b-phu2e03tod] {
  background-color: #dc2626;
}

.action-button.warning[b-phu2e03tod] {
  background-color: #f59e0b;
}

.action-button.warning:hover[b-phu2e03tod] {
  background-color: #d97706;
}

/* Responsive */
@media (max-width: 768px) {
  .data-table th[b-phu2e03tod],
  .data-table td[b-phu2e03tod] {
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
  }

  .action-button[b-phu2e03tod] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
  }

  .action-button svg[b-phu2e03tod] {
    width: 0.875rem;
    height: 0.875rem;
  }
}
/* _content/Argus/Shared/Components/Modals/ModalAgregarBrigadista.razor.rz.scp.css */
/* Estilos para el modal de brigadistas */
.brigadista-modal[b-l3x3fh3s0l] {
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

.brigadista-form[b-l3x3fh3s0l] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-section[b-l3x3fh3s0l] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.5rem;
    background-color: #f9fafb;
}

.section-title[b-l3x3fh3s0l] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3b82f6;
}

.form-row[b-l3x3fh3s0l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-group[b-l3x3fh3s0l] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label[b-l3x3fh3s0l] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.form-label.required[b-l3x3fh3s0l]::after {
    content: " *";
    color: #ef4444;
}

.form-input[b-l3x3fh3s0l], .form-select[b-l3x3fh3s0l] {
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus[b-l3x3fh3s0l], .form-select:focus[b-l3x3fh3s0l] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-input.error[b-l3x3fh3s0l], .form-select.error[b-l3x3fh3s0l] {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.form-error[b-l3x3fh3s0l] {
    color: #ef4444;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Estilos para carga de archivos */
.file-input[b-l3x3fh3s0l] {
    display: none;
}

.file-preview[b-l3x3fh3s0l] {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    background-color: #f9fafb;
    position: relative;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-placeholder[b-l3x3fh3s0l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
}

.file-placeholder span[b-l3x3fh3s0l] {
    font-size: 2rem;
}

.file-placeholder p[b-l3x3fh3s0l] {
    margin: 0;
    font-size: 0.875rem;
}

.preview-image[b-l3x3fh3s0l] {
    max-width: 100%;
    max-height: 200px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.remove-image[b-l3x3fh3s0l] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: #ef4444;
    color: white;
    border: none;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.75rem;
    transition: background-color 0.2s;
}

.remove-image:hover[b-l3x3fh3s0l] {
    background-color: #dc2626;
}

/* Checkbox personalizado */
.checkbox-group[b-l3x3fh3s0l] {
    margin-bottom: 1rem;
}

.checkbox-label[b-l3x3fh3s0l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    color: #374151;
}

.checkbox-label input[type="checkbox"][b-l3x3fh3s0l] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #3b82f6;
}

/* Responsive */
@media (max-width: 768px) {
    .brigadista-modal[b-l3x3fh3s0l] {
        max-width: 95vw;
        margin: 1rem;
    }
    
    .form-row[b-l3x3fh3s0l] {
        grid-template-columns: 1fr;
    }
    
    .form-section[b-l3x3fh3s0l] {
        padding: 1rem;
    }
}

/* Animaciones */
.form-section[b-l3x3fh3s0l] {
    animation: slideIn-b-l3x3fh3s0l 0.3s ease-out;
}

@keyframes slideIn-b-l3x3fh3s0l {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados de carga */
.file-preview.loading[b-l3x3fh3s0l] {
    background-color: #f3f4f6;
    border-color: #3b82f6;
}

.file-preview.loading[b-l3x3fh3s0l]::after {
    content: "Cargando...";
    color: #3b82f6;
    font-size: 0.875rem;
}

/* Mejoras visuales */
.form-section:hover[b-l3x3fh3s0l] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s;
}

.section-title[b-l3x3fh3s0l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Estilos para botones de archivo */
.file-input + .file-preview[b-l3x3fh3s0l] {
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.file-input + .file-preview:hover[b-l3x3fh3s0l] {
    border-color: #3b82f6;
    background-color: #f0f9ff;
}

/* _content/Argus/Shared/Components/Modals/ModalAgregarRepresentante.razor.rz.scp.css */
/* Estilos para el modal de representantes */
.brigadista-modal[b-l789x83kv6] {
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

.brigadista-form[b-l789x83kv6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-section[b-l789x83kv6] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.5rem;
    background-color: #f9fafb;
}

.section-title[b-l789x83kv6] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3b82f6;
}

.form-row[b-l789x83kv6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-group[b-l789x83kv6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label[b-l789x83kv6] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.form-label.required[b-l789x83kv6]::after {
    content: " *";
    color: #ef4444;
}

.form-input[b-l789x83kv6], .form-select[b-l789x83kv6] {
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus[b-l789x83kv6], .form-select:focus[b-l789x83kv6] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-input.error[b-l789x83kv6], .form-select.error[b-l789x83kv6] {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.form-error[b-l789x83kv6] {
    color: #ef4444;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Estilos para carga de archivos */
.file-input[b-l789x83kv6] {
    display: none;
}

.file-preview[b-l789x83kv6] {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    background-color: #f9fafb;
    position: relative;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-placeholder[b-l789x83kv6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: #6b7280;
}

.file-placeholder span[b-l789x83kv6] {
    font-size: 2rem;
}

.file-placeholder p[b-l789x83kv6] {
    margin: 0;
    font-size: 0.875rem;
}

.preview-image[b-l789x83kv6] {
    max-width: 100%;
    max-height: 200px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.remove-image[b-l789x83kv6] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: #ef4444;
    color: white;
    border: none;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.75rem;
    transition: background-color 0.2s;
}

.remove-image:hover[b-l789x83kv6] {
    background-color: #dc2626;
}

/* Checkbox personalizado */
.checkbox-group[b-l789x83kv6] {
    margin-bottom: 1rem;
}

.checkbox-label[b-l789x83kv6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    color: #374151;
}

.checkbox-label input[type="checkbox"][b-l789x83kv6] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #3b82f6;
}

/* Responsive */
@media (max-width: 768px) {
    .brigadista-modal[b-l789x83kv6] {
        max-width: 95vw;
        margin: 1rem;
    }

    .form-row[b-l789x83kv6] {
        grid-template-columns: 1fr;
    }

    .form-section[b-l789x83kv6] {
        padding: 1rem;
    }
}

/* Animaciones */
.form-section[b-l789x83kv6] {
    animation: slideIn-b-l789x83kv6 0.3s ease-out;
}

@keyframes slideIn-b-l789x83kv6 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Estados de carga */
.file-preview.loading[b-l789x83kv6] {
    background-color: #f3f4f6;
    border-color: #3b82f6;
}

.file-preview.loading[b-l789x83kv6]::after {
    content: "Cargando...";
    color: #3b82f6;
    font-size: 0.875rem;
}

/* Mejoras visuales */
.form-section:hover[b-l789x83kv6] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s;
}

.section-title[b-l789x83kv6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Estilos para botones de archivo */
.file-input + .file-preview[b-l789x83kv6] {
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.file-input + .file-preview:hover[b-l789x83kv6] {
    border-color: #3b82f6;
    background-color: #f0f9ff;
}
/* _content/Argus/Shared/Components/Redes/FormularioDatos.razor.rz.scp.css */
/* Layout general */
.fd-wrap[b-8nxrx6pnqo] {
    max-width: 1100px; /* más compacto que full width */
    margin: 0 auto;
    padding: 0 1rem 2rem 1rem;
}

.fd-title[b-8nxrx6pnqo] {
    font-size: 1.75rem; /* ~text-2xl */
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
}

/* Card */
.fd-card[b-8nxrx6pnqo] {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    overflow: hidden;
    margin-bottom: 1rem;
}

.fd-card__header[b-8nxrx6pnqo] {
    background: #2563EB; /* blue-600 */
    color: #fff;
    padding: .8rem 1rem;
}

.fd-card__title[b-8nxrx6pnqo] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.fd-muted[b-8nxrx6pnqo] {
    color: rgba(255,255,255,.85);
    font-size: .8rem;
}

.fd-card__body[b-8nxrx6pnqo] {
    padding: 1rem;
}

@media (min-width: 768px) {
    .fd-card__body[b-8nxrx6pnqo] {
        padding: 1.25rem 1.5rem;
    }
}

/* Subtítulos dentro de card */
.fd-subtitle[b-8nxrx6pnqo] {
    display: inline-block;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #111827;
    background: #DBEAFE; /* blue-100 */
    padding: .25rem .5rem;
    border-radius: .375rem;
    margin-bottom: .5rem;
}

/* Inputs y labels */
.inp[b-8nxrx6pnqo] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    width: 100%;
    border: 1px solid #D1D5DB;
    background: #F9FAFB;
    color: #111827;
    font-size: 0.875rem;
}

    .inp:focus[b-8nxrx6pnqo] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(59,130,246,.35);
        border-color: #3B82F6;
        background: #fff;
    }

.lbl[b-8nxrx6pnqo] {
    font-size: .78rem;
    font-weight: 700;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .25rem;
}

/* Imágenes de credencial */
.fd-idimg[b-8nxrx6pnqo] {
    display: block;
    margin-top: .75rem;
    width: 100%;
    max-width: 560px;
    height: 11.5rem; /* h-46 aprox */
    object-fit: cover;
    border: 1px solid #E5E7EB;
    border-radius: .5rem;
}

/* Línea checkbox */
.fd-checkline[b-8nxrx6pnqo] {
    margin-top: .75rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fd-checkbox[b-8nxrx6pnqo] {
    width: 1rem;
    height: 1rem;
}

.fd-checklabel[b-8nxrx6pnqo] {
    font-size: .9rem;
    color: #1F2937;
}

/* Botonera */
.fd-actions[b-8nxrx6pnqo] {
    position: sticky;
    bottom: 0;
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(2px);
    padding: .75rem 1rem;
    border: 1px solid #E5E7EB;
    border-radius: .75rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

/* Botones */
.btn-primary[b-8nxrx6pnqo] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    background: #2563EB;
    color: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    cursor: pointer;
}

    .btn-primary:hover[b-8nxrx6pnqo] {
        background: #1D4ED8;
    }

.btn-light[b-8nxrx6pnqo] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    background: #F3F4F6;
    color: #111827;
    border: 1px solid #E5E7EB;
    cursor: pointer;
}

    .btn-light:hover[b-8nxrx6pnqo] {
        background: #E5E7EB;
    }

/* Estados */
.fd-reading[b-8nxrx6pnqo] {
    margin-top: .75rem;
    color: #1D4ED8;
    font-size: .9rem;
}

.uppercase[b-8nxrx6pnqo] {
    text-transform: uppercase;
}
/* _content/Argus/Shared/Components/Redes/ImageUploadCard.razor.rz.scp.css */
.iu-card[b-ejqsof8amu] {
    overflow: hidden;
}
.iu-aspect-3-2[b-ejqsof8amu] {
    aspect-ratio: 3 / 2; /* soporte moderno */
    min-height: 12rem; /* fallback si aspect-ratio no aplica */
}
/* _content/Argus/Shared/Header.razor.rz.scp.css */

:host[b-wjxprb00au] {
    display: block;
}
/* asegura que el componente ocupe línea completa */

.site-header[b-wjxprb00au] {
    position: sticky; /* clave */
    top: 0; /* pegado arriba */
    z-index: 50; /* encima del contenido, debajo de modales */
    background: #1f3a8a; /* tu color */
    height: 64px; /* alto fijo del header */
    display: flex;
    align-items: center;
}

/* … tus reglas existentes … */


/* Estilos específicos para el componente Header */
.header-shadow[b-wjxprb00au] {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Animación suave para el menú móvil */
.mobile-menu-enter[b-wjxprb00au] {
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.2s ease-out;
}

.mobile-menu-enter-active[b-wjxprb00au] {
  opacity: 1;
  transform: translateY(0);
}

/* Mejoras en hover para elementos interactivos */
.nav-item:hover[b-wjxprb00au] {
  transform: translateY(-1px);
  transition: transform 0.2s ease;
}

/* Efecto de focus para accesibilidad */
.nav-item:focus[b-wjxprb00au] {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Transición suave para el botón de logout */
.logout-button[b-wjxprb00au] {
  transition: all 0.2s ease;
}

.logout-button:hover[b-wjxprb00au] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Estilos para dropdowns */
.dropdown-menu[b-wjxprb00au] {
  animation: fadeInDown-b-wjxprb00au 0.2s ease-out;
}

@keyframes fadeInDown-b-wjxprb00au {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hover naranja para elementos activos */
.hover-orange:hover[b-wjxprb00au] {
  color: #fb923c !important;
}

/* Estilos para sub-dropdowns */
.sub-dropdown[b-wjxprb00au] {
  animation: fadeInDown-b-wjxprb00au 0.2s ease-out;
}

@keyframes fadeInDown-b-wjxprb00au {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* _content/Argus/Shared/Herramientas/Eventos/CamaraModal.razor.rz.scp.css */
/* Estilos específicos para el modal de cámara */

/* Animaciones para el modal */
.modal-backdrop[b-0uqtj7wj1e] {
  backdrop-filter: blur(4px);
  animation: fadeIn-b-0uqtj7wj1e 0.3s ease-out;
}

.modal-content[b-0uqtj7wj1e] {
  animation: slideIn-b-0uqtj7wj1e 0.3s ease-out;
}

@keyframes fadeIn-b-0uqtj7wj1e {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideIn-b-0uqtj7wj1e {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Estilos para el contenedor de la cámara */
#cameraContainer[b-0uqtj7wj1e] {
  background: linear-gradient(135deg, #475569 0%, #334155 100%);
  min-height: 450px;
}

#cameraVideo[b-0uqtj7wj1e] {
  background-color: #0f172a;
  border-radius: 0.75rem;
}

/* Botón de captura con efecto pulsante */
.capture-button[b-0uqtj7wj1e] {
  animation: pulse-b-0uqtj7wj1e 2s infinite;
}

@keyframes pulse-b-0uqtj7wj1e {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

/* Efectos hover mejorados */
.capture-button:hover[b-0uqtj7wj1e] {
  transform: scale(1.1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Spinner personalizado */
.camera-spinner[b-0uqtj7wj1e] {
  border-top-color: #3b82f6;
  animation: spin-b-0uqtj7wj1e 1s linear infinite;
}

@keyframes spin-b-0uqtj7wj1e {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .modal-content[b-0uqtj7wj1e] {
    margin: 1rem;
    max-height: 95vh;
  }

  #cameraContainer[b-0uqtj7wj1e] {
    min-height: 300px;
  }

  .capture-button[b-0uqtj7wj1e] {
    width: 3.5rem;
    height: 3.5rem;
  }
}

/* Mejoras de accesibilidad */
.modal-content:focus-within[b-0uqtj7wj1e] {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* Transiciones suaves */
.transition-all[b-0uqtj7wj1e] {
  transition: all 0.2s ease-in-out;
}

/* Estados de carga */
.loading-state[b-0uqtj7wj1e] {
  background: linear-gradient(90deg, #334155 25%, #475569 50%, #334155 75%);
  background-size: 200% 100%;
  animation: loading-b-0uqtj7wj1e 2s infinite;
}

@keyframes loading-b-0uqtj7wj1e {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* _content/Argus/Shared/Herramientas/Eventos/EventoHeader.razor.rz.scp.css */
/* ========================================
   ESTILOS PARA HEADER DEL EVENTO
   ======================================== */

.evento-header[b-zy4cdu39a1] {
  background-color: #64748b; /* bg-slate-500 - tono medio para contraste */
  padding: 2rem 1.5rem;
  border-radius: 0;
  position: relative;
}

.evento-header-content[b-zy4cdu39a1] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.evento-salir-btn[b-zy4cdu39a1] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.evento-salir-btn:hover[b-zy4cdu39a1] {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.evento-info[b-zy4cdu39a1] {
  text-align: center;
  color: #ffffff;
}

.evento-id[b-zy4cdu39a1] {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  letter-spacing: 0.05em;
}

.evento-nombre[b-zy4cdu39a1] {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 768px) {
  .evento-header[b-zy4cdu39a1] {
    padding: 1.5rem 1rem;
  }

  .evento-salir-btn[b-zy4cdu39a1] {
    position: static;
    align-self: flex-start;
    margin-bottom: 0.5rem;
  }

  .evento-header-content[b-zy4cdu39a1] {
    align-items: flex-start;
  }

  .evento-info[b-zy4cdu39a1] {
    text-align: left;
    width: 100%;
  }

  .evento-id[b-zy4cdu39a1] {
    font-size: 1rem;
  }

  .evento-nombre[b-zy4cdu39a1] {
    font-size: 1.25rem;
  }
}
/* _content/Argus/Shared/Herramientas/Eventos/RegistroAsistencia.razor.rz.scp.css */
/* ========================================
   ESTILOS PARA REGISTRO DE ASISTENCIA
   Ahora usa Tailwind CSS - este archivo se mantiene por compatibilidad
   ======================================== */

.registro-asistencia[b-kbg71c425q] {
  background-color: #f8fafc; /* bg-slate-50 - fondo claro para contraste */
  min-height: calc(100vh - 200px);
  padding: 3rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.registro-container[b-kbg71c425q] {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  padding: 3rem;
  max-width: 600px;
  width: 100%;
}

.registro-titulo[b-kbg71c425q] {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #1e293b; /* text-slate-800 */
  margin-bottom: 2.5rem;
  letter-spacing: 0.025em;
}

.registro-form[b-kbg71c425q] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Campo de teléfono */
.campo-telefono[b-kbg71c425q] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.campo-label[b-kbg71c425q] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151; /* text-gray-700 */
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.campo-input[b-kbg71c425q] {
  padding: 1rem 1.25rem;
  border: 2px solid #e2e8f0; /* border-slate-200 */
  border-radius: 0.75rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #f8fafc; /* bg-slate-50 */
  transition: all 0.2s ease;
}

.campo-input:focus[b-kbg71c425q] {
  outline: none;
  border-color: #3b82f6; /* border-blue-500 */
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Sección de INE */
.ine-section[b-kbg71c425q] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ine-item[b-kbg71c425q] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ine-label[b-kbg71c425q] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151; /* text-gray-700 */
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.btn-cargar-ine[b-kbg71c425q] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem 2rem;
  background-color: #22c55e; /* bg-green-500 */
  color: #ffffff;
  border: none;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.btn-cargar-ine:hover[b-kbg71c425q] {
  background-color: #16a34a; /* hover:bg-green-600 */
  transform: translateY(-2px);
  box-shadow: 0 8px 12px -1px rgba(0, 0, 0, 0.15);
}

.btn-cargar-ine:active[b-kbg71c425q] {
  transform: translateY(0);
}

/* Archivo cargado */
.archivo-cargado[b-kbg71c425q] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background-color: #dcfce7; /* bg-green-50 */
  border: 1px solid #22c55e; /* border-green-500 */
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}

.archivo-nombre[b-kbg71c425q] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #166534; /* text-green-800 */
  flex: 1;
  truncate: true;
}

.btn-remover[b-kbg71c425q] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background-color: transparent;
  color: #dc2626; /* text-red-600 */
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-remover:hover[b-kbg71c425q] {
  background-color: #fee2e2; /* hover:bg-red-50 */
}

/* Sección de guardar */
.guardar-section[b-kbg71c425q] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.btn-guardar[b-kbg71c425q] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem 3rem;
  background-color: #3b82f6; /* bg-blue-500 */
  color: #ffffff;
  border: none;
  border-radius: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.btn-guardar:hover:not(:disabled)[b-kbg71c425q] {
  background-color: #2563eb; /* hover:bg-blue-600 */
  transform: translateY(-2px);
  box-shadow: 0 8px 12px -1px rgba(0, 0, 0, 0.15);
}

.btn-guardar:active:not(:disabled)[b-kbg71c425q] {
  transform: translateY(0);
}

.btn-guardar:disabled[b-kbg71c425q] {
  background-color: #9ca3af; /* bg-gray-400 */
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
  .registro-asistencia[b-kbg71c425q] {
    padding: 2rem 1rem;
  }

  .registro-container[b-kbg71c425q] {
    padding: 2rem 1.5rem;
  }

  .registro-titulo[b-kbg71c425q] {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }

  .btn-cargar-ine[b-kbg71c425q],
  .btn-guardar[b-kbg71c425q] {
    padding: 1rem 1.5rem;
    font-size: 0.875rem;
  }

  .campo-input[b-kbg71c425q] {
    padding: 0.875rem 1rem;
    font-size: 1rem;
  }
}
/* _content/Argus/Shared/Personas/DetallesPersonaGrupal.razor.rz.scp.css */
/* ========================================
   ESTILOS PARA DETALLES DE PERSONA GRUPAL
   ======================================== */

.personas-detalles-container[b-0yr7r8ehnb] {
  background-color: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.personas-detalles-header[b-0yr7r8ehnb] {
  background-color: #f8fafc;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}

.personas-detalles-title[b-0yr7r8ehnb] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

/* Tarjetas de métricas */
.personas-metricas-container[b-0yr7r8ehnb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}

.personas-metrica-card[b-0yr7r8ehnb] {
  background-color: #f8fafc;
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.personas-metrica-card:hover[b-0yr7r8ehnb] {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
}

.personas-metrica-icon[b-0yr7r8ehnb] {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #3b82f6;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.personas-metrica-icon-svg[b-0yr7r8ehnb] {
  width: 1.25rem;
  height: 1.25rem;
  color: #ffffff;
}

.personas-metrica-content[b-0yr7r8ehnb] {
  flex: 1;
}

.personas-metrica-value[b-0yr7r8ehnb] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  line-height: 1;
}

.personas-metrica-label[b-0yr7r8ehnb] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}

/* Información personal */
.personas-info-container[b-0yr7r8ehnb] {
  padding: 1.5rem;
}

.personas-info-header[b-0yr7r8ehnb] {
  margin-bottom: 1rem;
}

.personas-info-title[b-0yr7r8ehnb] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.personas-info-grid[b-0yr7r8ehnb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.personas-info-item[b-0yr7r8ehnb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background-color: #f8fafc;
  border-radius: 0.375rem;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.personas-info-item:hover[b-0yr7r8ehnb] {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
}

.personas-info-label[b-0yr7r8ehnb] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.personas-info-value[b-0yr7r8ehnb] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  word-break: break-word;
}

/* Estado vacío */
.personas-detalles-empty[b-0yr7r8ehnb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  text-align: center;
}

.personas-detalles-empty-icon[b-0yr7r8ehnb] {
  width: 4rem;
  height: 4rem;
  background-color: #f3f4f6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.personas-detalles-empty-icon-svg[b-0yr7r8ehnb] {
  width: 2rem;
  height: 2rem;
  color: #9ca3af;
}

.personas-detalles-empty-title[b-0yr7r8ehnb] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 0.5rem 0;
}

.personas-detalles-empty-message[b-0yr7r8ehnb] {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  .personas-metricas-container[b-0yr7r8ehnb] {
    grid-template-columns: 1fr;
  }

  .personas-info-grid[b-0yr7r8ehnb] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .personas-metricas-container[b-0yr7r8ehnb] {
    padding: 1rem;
    gap: 0.75rem;
  }

  .personas-metrica-card[b-0yr7r8ehnb] {
    padding: 0.75rem;
  }

  .personas-metrica-value[b-0yr7r8ehnb] {
    font-size: 1.25rem;
  }

  .personas-info-container[b-0yr7r8ehnb] {
    padding: 1rem;
  }

  .personas-info-grid[b-0yr7r8ehnb] {
    gap: 0.5rem;
  }

  .personas-info-item[b-0yr7r8ehnb] {
    padding: 0.5rem;
  }
}
/* _content/Argus/Shared/Personas/ListaPersonasGrupales.razor.rz.scp.css */
/* ========================================
   ESTILOS PARA LISTA DE PERSONAS GRUPALES
   ======================================== */

.personas-lista-container[b-3ecri6bpug] {
  background-color: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.personas-lista-header[b-3ecri6bpug] {
  background-color: #f8fafc;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.personas-lista-title[b-3ecri6bpug] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.personas-lista-count[b-3ecri6bpug] {
  background-color: #3b82f6;
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
}

.personas-lista[b-3ecri6bpug] {
  max-height: 600px;
  overflow-y: auto;
}

.personas-lista-item[b-3ecri6bpug] {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  transition: all 0.2s ease;
}

.personas-lista-item:hover[b-3ecri6bpug] {
  background-color: #f8fafc;
}

.personas-lista-item.selected[b-3ecri6bpug] {
  background-color: #eff6ff;
  border-left: 4px solid #3b82f6;
}

.personas-lista-item-icon[b-3ecri6bpug] {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #e5e7eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}

.personas-lista-item.selected .personas-lista-item-icon[b-3ecri6bpug] {
  background-color: #3b82f6;
  color: #ffffff;
}

.personas-lista-item-icon-svg[b-3ecri6bpug] {
  width: 1.25rem;
  height: 1.25rem;
}

.personas-lista-item-content[b-3ecri6bpug] {
  flex: 1;
  min-width: 0;
}

.personas-lista-item-name[b-3ecri6bpug] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.25rem;
  line-height: 1.25;
}

.personas-lista-item-details[b-3ecri6bpug] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.personas-lista-item-clave[b-3ecri6bpug] {
  font-size: 0.75rem;
  color: #6b7280;
  font-family: monospace;
}

.personas-lista-item-curp[b-3ecri6bpug] {
  font-size: 0.75rem;
  color: #6b7280;
  font-family: monospace;
}

.personas-lista-item-check[b-3ecri6bpug] {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #10b981;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}

.personas-lista-item-check-svg[b-3ecri6bpug] {
  width: 0.875rem;
  height: 0.875rem;
  color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
  .personas-lista-item[b-3ecri6bpug] {
    padding: 0.75rem 1rem;
  }

  .personas-lista-item-name[b-3ecri6bpug] {
    font-size: 0.8rem;
  }

  .personas-lista-item-clave[b-3ecri6bpug],
  .personas-lista-item-curp[b-3ecri6bpug] {
    font-size: 0.7rem;
  }
}
/* _content/Argus/Shared/Personas/ResultadosBusqueda.razor.rz.scp.css */
/* ========================================
   ESTILOS PARA RESULTADOS DE BÚSQUEDA
   Botones de ordenamiento en encabezados de tabla
   ======================================== */

/* Contenedor de encabezado ordenable */
.th-sortable[b-mleav9v0nz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}

.th-sortable span[b-mleav9v0nz] {
  flex: 1;
}

/* Botón de ordenamiento */
.sort-btn[b-mleav9v0nz] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8; /* slate-400 */
  transition: all 0.2s ease;
  border-radius: 0.25rem;
}

.sort-btn:hover[b-mleav9v0nz] {
  background-color: rgba(148, 163, 184, 0.1); /* slate-400 con opacidad */
  color: #64748b; /* slate-500 */
}

/* Icono de ordenamiento */
.sort-icon[b-mleav9v0nz] {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}

/* Estado: sin ordenamiento */
.sort-btn.sort-none .sort-icon[b-mleav9v0nz] {
  opacity: 0.4;
}

.sort-btn.sort-none:hover .sort-icon[b-mleav9v0nz] {
  opacity: 0.7;
}

/* Estado: ordenamiento ascendente */
.sort-btn.sort-asc[b-mleav9v0nz] {
  color: #3b82f6; /* blue-500 */
}

.sort-btn.sort-asc .sort-icon[b-mleav9v0nz] {
  opacity: 1;
  transform: rotate(180deg);
}

/* Estado: ordenamiento descendente */
.sort-btn.sort-desc[b-mleav9v0nz] {
  color: #3b82f6; /* blue-500 */
}

.sort-btn.sort-desc .sort-icon[b-mleav9v0nz] {
  opacity: 1;
  transform: rotate(0deg);
}

/* Asegurar que los encabezados con botones mantengan el espacio */
.th-nombre[b-mleav9v0nz],
.th-clave[b-mleav9v0nz],
.th-curp[b-mleav9v0nz],
.th-estado[b-mleav9v0nz] {
  position: relative;
}
/* _content/Argus/Shared/Redes/TablaRedes.razor.rz.scp.css */
/* ===== Tabla clara (scopeado a TablaRedes) ===== */
.tabla-redes .personas-results-table[b-upc5kxb2vj] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff !important;
}

    /* Encabezado claro */
    .tabla-redes .personas-results-table thead th[b-upc5kxb2vj] {
        background: #f8fafc !important; /* gris muy claro */
        color: #0f172a !important; /* casi negro */
        border-bottom: 1px solid #e5e7eb !important;
        font-weight: 800;
        padding: .75rem;
        white-space: nowrap;
    }

    /* Celdas claras */
    .tabla-redes .personas-results-table tbody td[b-upc5kxb2vj] {
        background: #ffffff !important;
        color: #111827 !important;
        border-bottom: 1px solid #e5e7eb !important;
        padding: .65rem .75rem;
    }

    /* Zebra opcional para legibilidad */
    .tabla-redes .personas-results-table tbody tr:nth-child(even) td[b-upc5kxb2vj] {
        background: #fafafa !important;
    }

/* Estados (sutiles y legibles) */
.tabla-redes .goodrecord td[b-upc5kxb2vj] {
    background: #ecfdf5 !important; /* verde muy claro */
    color: #065f46 !important;
}

.tabla-redes .badrecord td[b-upc5kxb2vj] {
    background: #fef2f2 !important; /* rojo muy claro */
    color: #7f1d1d !important;
}

/* Pager/footers claros */
.tabla-redes .personas-pagerbar[b-upc5kxb2vj],
.tabla-redes .personas-footer-bar[b-upc5kxb2vj] {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
    border-radius: 12px;
    padding: .75rem;
}

/* Botones del pager en claro */
.tabla-redes .personas-page-btn[b-upc5kxb2vj] {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #111827 !important;
    border-radius: .5rem;
    padding: .4rem .6rem;
}

    .tabla-redes .personas-page-btn:hover[b-upc5kxb2vj] {
        background: #f3f4f6 !important;
    }

    .tabla-redes .personas-page-btn[disabled][b-upc5kxb2vj] {
        opacity: .5;
        cursor: not-allowed;
    }
/* _content/Argus/Shared/Reportes/SmartChecklist.razor.rz.scp.css */
.chk[b-gl68oishqh] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
}

.chk-head[b-gl68oishqh] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
}

.chk-title[b-gl68oishqh] {
    font-weight: 600;
}

.chk-caret[b-gl68oishqh] {
    transition: transform .15s ease;
}

    .chk-caret.open[b-gl68oishqh] {
        transform: rotate(90deg);
    }

.chk-pill[b-gl68oishqh] {
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 12px;
    text-align: center;
}

.chk-body[b-gl68oishqh] {
    padding: 10px 12px;
    display: grid;
    gap: 8px;
}

.chk-search[b-gl68oishqh] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    outline: none;
}

.chk-actions[b-gl68oishqh] {
    display: flex;
    gap: 8px;
}

.chk-btn[b-gl68oishqh] {
    padding: 6px 10px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    border-radius: 8px;
    cursor: pointer;
}

.chk-list[b-gl68oishqh] {
    max-height: 320px;
    overflow: auto;
    border: 1px dashed #eef2f7;
    border-radius: 8px;
    padding: 6px;
}

.chk-item[b-gl68oishqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
}

    .chk-item input[b-gl68oishqh] {
        width: 16px;
        height: 16px;
    }

.chk-footer[b-gl68oishqh] {
    font-size: 12px;
    color: #64748b;
    text-align: right;
}
/* ===== Tema oscuro cuando el checklist está dentro del panel lateral ===== */
.chalecos-sidebar .chk[b-gl68oishqh] {
    background: #111827; /* card */
    border-color: #1f2937;
    color: #e5e7eb;
}

.chalecos-sidebar .chk-head[b-gl68oishqh] {
    border-bottom-color: #1f2937;
}

.chalecos-sidebar .chk-title[b-gl68oishqh] {
    color: #e5e7eb;
    font-weight: 600;
}

.chalecos-sidebar .chk-caret[b-gl68oishqh] {
    color: #94a3b8;
}

.chalecos-sidebar .chk-pill[b-gl68oishqh] {
    background: #1f3a8a;
    color: #e5edff;
    border: 1px solid #243b7b;
}

/* cuerpo / buscador */
.chalecos-sidebar .chk-body[b-gl68oishqh] {
    gap: 10px;
}

.chalecos-sidebar .chk-search[b-gl68oishqh] {
    background: #0b1020;
    border-color: #23304d;
    color: #e5e7eb;
}

    .chalecos-sidebar .chk-search[b-gl68oishqh]::placeholder {
        color: #94a3b8;
    }

/* lista */
.chalecos-sidebar .chk-list[b-gl68oishqh] {
    border-color: #23304d;
    background: #0b1220;
}

.chalecos-sidebar .chk-item[b-gl68oishqh] {
    color: #e5e7eb;
    border-radius: 8px;
}

    .chalecos-sidebar .chk-item:hover[b-gl68oishqh] {
        background: rgba(148,163,184,.08);
    }

    /* checkbox más visible */
    .chalecos-sidebar .chk-item input[type="checkbox"][b-gl68oishqh] {
        accent-color: #3b82f6;
    }

/* contador de filas */
.chalecos-sidebar .chk-footer[b-gl68oishqh] {
    color: #9ca3af;
}

/* resalte de búsqueda */
.chalecos-sidebar .chk mark[b-gl68oishqh] {
    background: #fde68a;
    color: #0f172a;
    padding: 0 2px;
    border-radius: 3px;
}

/* scrollbars discretos */
.chalecos-sidebar .chk-list[b-gl68oishqh]::-webkit-scrollbar {
    width: 10px;
}

.chalecos-sidebar .chk-list[b-gl68oishqh]::-webkit-scrollbar-thumb {
    background: #24324a;
    border-radius: 20px;
    border: 2px solid #0b1220;
}

.chalecos-sidebar .chk-list[b-gl68oishqh]::-webkit-scrollbar-track {
    background: #0b1220;
}