/* /Pages/Compras.razor.rz.scp.css */
/* ── Encabezado de página ── */
.compras-page-header .page-heading[b-pi6mp6nzxt] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.compras-page-subtitle[b-pi6mp6nzxt] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card de filtros ── */
.compras-filter-card[b-pi6mp6nzxt] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.25rem;
}

[b-pi6mp6nzxt] .compras-filter-card .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Card de resultados ── */
.compras-results-card[b-pi6mp6nzxt] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* ── Labels de filtro ── */
.compras-label[b-pi6mp6nzxt] {
    color: #374151;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Inputs y selects de filtros ── */
[b-pi6mp6nzxt] .compras-filter-card .form-control,
[b-pi6mp6nzxt] .compras-filter-card .form-select {
    height: 42px !important;
    border-radius: 8px;
    font-size: 0.88rem;
    border-color: #d1d5db;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-pi6mp6nzxt] .compras-filter-card .form-control:focus,
[b-pi6mp6nzxt] .compras-filter-card .form-select:focus {
    border-color: #6b7280;
    box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.12);
}

/* ── Botón Consultar (principal) ── */
.compras-btn-consultar[b-pi6mp6nzxt] {
    min-width: 148px;
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.compras-btn-consultar:hover[b-pi6mp6nzxt] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.compras-btn-consultar i[b-pi6mp6nzxt] {
    font-size: inherit;
    line-height: 1;
}

/* ── Header de resultados ── */
.compras-results-header[b-pi6mp6nzxt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
}

.compras-results-title[b-pi6mp6nzxt] {
    margin: 0;
    color: #1f2937;
    font-size: 1.05rem;
    font-weight: 700;
}

/* ── Botón Descargar (secundario) ── */
.compras-btn-download[b-pi6mp6nzxt] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    font-weight: 500;
    padding: 0.45rem 1rem;
    font-size: 0.84rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.compras-btn-download:hover[b-pi6mp6nzxt] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #1f2937;
}

/* ── Tabla ── */
.compras-table-wrapper[b-pi6mp6nzxt] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.compras-table[b-pi6mp6nzxt] {
    margin-bottom: 0;
    min-width: 1100px;
}

/* Folio fijo al hacer scroll horizontal */
.compras-table thead th:first-child[b-pi6mp6nzxt],
.compras-table tbody td:first-child[b-pi6mp6nzxt] {
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 2;
}

.compras-table thead th:first-child[b-pi6mp6nzxt] {
    background: #f9fafb;
    z-index: 3;
}

.compras-table thead th[b-pi6mp6nzxt] {
    background: #f9fafb;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.compras-table tbody td[b-pi6mp6nzxt] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

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

.compras-table tbody tr:hover[b-pi6mp6nzxt] {
    background-color: #f9fafb;
}

.compras-table tbody tr:hover td:first-child[b-pi6mp6nzxt] {
    background-color: #f9fafb;
}

/* ── Acciones de fila ── */
.compras-action-btn[b-pi6mp6nzxt] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    transition: background-color 0.12s ease;
}

.compras-action-btn:hover[b-pi6mp6nzxt] {
    background: #f3f4f6;
}

.compras-action-btn i[b-pi6mp6nzxt] {
    color: #6b7280;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    [b-pi6mp6nzxt] .compras-filter-card .row [style*="flex:"] {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .compras-results-header[b-pi6mp6nzxt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .compras-btn-download[b-pi6mp6nzxt] {
        width: 100%;
    }

    .compras-btn-consultar[b-pi6mp6nzxt] {
        width: 100%;
    }
}
/* /Pages/Configuraciones.razor.rz.scp.css */
/* ── Encabezado ── */
.config-page-header .page-heading[b-axjm4jv9y7] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.config-page-subtitle[b-axjm4jv9y7] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card principal ── */
.config-card[b-axjm4jv9y7] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-axjm4jv9y7] .config-card > .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Grid ── */
.config-grid[b-axjm4jv9y7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1.25rem;
    max-width: 1100px;
}

/* ── Item ── */
.config-item[b-axjm4jv9y7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.25rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    text-decoration: none;
    color: #1f2937;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.config-item:hover[b-axjm4jv9y7] {
    border-color: #d1d5db;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
    color: #1f2937;
    text-decoration: none;
}

/* ── Icono ── */
.config-icon-wrapper[b-axjm4jv9y7] {
    width: 56px;
    height: 56px;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.config-icon[b-axjm4jv9y7] {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.config-icon-ki[b-axjm4jv9y7] {
    font-size: 2.8rem;
    color: #6b7280;
}

/* ── Nombre ── */
.config-item-name[b-axjm4jv9y7] {
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.3;
    color: #374151;
}
/* /Pages/Configuracion/LogoEmpresa.razor.rz.scp.css */
/* ── Encabezado ── */
.logo-page-header .page-heading[b-8da0m3v5e8] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.logo-page-subtitle[b-8da0m3v5e8] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card ── */
.logo-card[b-8da0m3v5e8] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-8da0m3v5e8] .logo-card > .card-body {
    padding: 2rem !important;
}

/* ── Container ── */
.logo-container[b-8da0m3v5e8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.logo-preview-wrapper[b-8da0m3v5e8] {
    width: 220px;
    height: 220px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fafafa;
}

.logo-preview-img[b-8da0m3v5e8] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.logo-actions[b-8da0m3v5e8] {
    display: flex;
    gap: 0.5rem;
}

.logo-hint[b-8da0m3v5e8] {
    color: #9ca3af;
    font-size: 0.8rem;
}
/* /Pages/Configuracion/POSFolios.razor.rz.scp.css */
/* ── Encabezado ── */
.pos-page-header .page-heading[b-ufaxd5q456] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.pos-page-subtitle[b-ufaxd5q456] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Botones ── */
.pos-btn-back[b-ufaxd5q456] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.1rem;
}

.pos-btn-ver[b-ufaxd5q456] {
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.35rem 0.85rem;
}

/* ── Cards ── */
.pos-card[b-ufaxd5q456] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-ufaxd5q456] .pos-card .card-header {
    border-bottom: 1px solid #f3f4f6;
}

.pos-section-title[b-ufaxd5q456] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1f2937;
}

/* ── Tablas ── */
.pos-table[b-ufaxd5q456] {
    margin-bottom: 0;
}

.pos-table thead th[b-ufaxd5q456] {
    background: #f9fafb !important;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.pos-table tbody td[b-ufaxd5q456] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

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

.pos-table tbody tr:hover[b-ufaxd5q456] {
    background-color: #f9fafb;
}

.pos-row-active[b-ufaxd5q456] {
    background-color: #f0f4ff !important;
}

/* ── Estados ── */
.pos-estado[b-ufaxd5q456] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.pos-estado i[b-ufaxd5q456] {
    font-size: 0.45rem;
}

.pos-estado-activo[b-ufaxd5q456] {
    color: #16a34a;
}

.pos-estado-inactivo[b-ufaxd5q456] {
    color: #9ca3af;
}

.pos-estado-agotado[b-ufaxd5q456] {
    color: #d97706;
}

/* ── Empty state ── */
.pos-empty-state[b-ufaxd5q456] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    color: #6b7280;
    font-size: 0.9rem;
    text-align: center;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .pos-btn-ver[b-ufaxd5q456] {
        width: 100%;
    }
}
/* /Pages/Configuracion/Usuarios.razor.rz.scp.css */
/* ── Encabezado ── */
.users-page-header .page-heading[b-hz5c3h7nua] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.users-page-subtitle[b-hz5c3h7nua] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Botón agregar ── */
.users-btn-action[b-hz5c3h7nua] {
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
    padding: 0 1.25rem;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.users-btn-action:hover[b-hz5c3h7nua] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.users-btn-action i[b-hz5c3h7nua] {
    font-size: inherit !important;
}

/* ── Card principal ── */
.users-card[b-hz5c3h7nua] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-hz5c3h7nua] .users-card > .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Tabla wrapper ── */
.users-table-wrapper[b-hz5c3h7nua] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}

/* ── Tabla ── */
.users-table thead th[b-hz5c3h7nua] {
    background: #f9fafb;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.users-table tbody td[b-hz5c3h7nua] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

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

.users-table tbody tr:hover[b-hz5c3h7nua] {
    background-color: #f9fafb;
}

/* ── Badge de rol ── */
.users-badge[b-hz5c3h7nua] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
    background: #f3f4f6;
    color: #374151;
}

/* ── Botones de acción por fila ── */
.users-action-btn[b-hz5c3h7nua] {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    padding: 0;
    transition: background-color 0.12s ease;
}

.users-action-btn:hover[b-hz5c3h7nua] {
    background: #f3f4f6;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .users-btn-action[b-hz5c3h7nua] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* ── Encabezado ── */
.dash-page-header .page-heading[b-elr3pon1qs] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.dash-page-subtitle[b-elr3pon1qs] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

.dash-periodo-label[b-elr3pon1qs] {
    font-weight: 700;
    font-size: 0.88rem;
    color: #1f2937;
}

/* ── Select ── */
[b-elr3pon1qs] .form-select {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px;
    font-size: 0.88rem;
}

/* ── Botones ── */
.dash-btn-action[b-elr3pon1qs] {
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.01em;
    padding: 0 1.25rem;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.dash-btn-action:hover[b-elr3pon1qs] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.dash-btn-action i[b-elr3pon1qs] {
    font-size: inherit !important;
}

/* ── KPI Cards ── */
.dash-kpi[b-elr3pon1qs] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.15s ease, transform 0.12s ease;
}

.dash-kpi:hover[b-elr3pon1qs] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.dash-kpi-body[b-elr3pon1qs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.25rem 1rem !important;
    gap: 0.35rem;
}

.dash-kpi-label[b-elr3pon1qs] {
    color: #6b7280;
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dash-kpi-value[b-elr3pon1qs] {
    color: #1f2937;
    font-size: 1.25rem;
    font-weight: 800;
}

/* ── Cards genéricas ── */
.dash-card[b-elr3pon1qs] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-elr3pon1qs] .dash-card .card-header {
    border-bottom: 1px solid #f3f4f6;
}

[b-elr3pon1qs] .dash-card .card-label {
    font-size: 0.95rem !important;
    font-weight: 700;
    color: #1f2937;
}

/* ── Tablas resumen ── */
.dash-table[b-elr3pon1qs] {
    margin-bottom: 0;
}

.dash-table thead th[b-elr3pon1qs] {
    background: #f9fafb !important;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.dash-table tbody td[b-elr3pon1qs] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

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

.dash-table tbody tr:hover[b-elr3pon1qs] {
    background-color: #f9fafb;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .dash-btn-action[b-elr3pon1qs] {
        width: 100%;
        justify-content: center;
    }

    .dash-kpi-value[b-elr3pon1qs] {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .dash-card .card-bordered .h-325px[b-elr3pon1qs] {
        height: 220px !important;
    }

    .dash-card .card-header .btn.dash-btn-action[b-elr3pon1qs] {
        margin-left: 0 !important;
    }
}
/* /Pages/Documento.razor.rz.scp.css */
/* ── Encabezado de página ── */
.doc-page-header .page-heading[b-znfl44v2gh] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.doc-page-subtitle[b-znfl44v2gh] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Cards ── */
.doc-card[b-znfl44v2gh] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.doc-totals-card[b-znfl44v2gh] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* ── Logo del emisor ── */
.doc-logo-wrapper[b-znfl44v2gh] {
    flex: 0 0 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.doc-logo[b-znfl44v2gh] {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 8px;
}

.doc-empresa-nombre[b-znfl44v2gh] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
}

/* ── Labels ── */
.doc-label[b-znfl44v2gh] {
    color: #374151;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: block;
    margin-bottom: 0.25rem;
}

/* ── Títulos de sección ── */
.doc-section-title[b-znfl44v2gh] {
    color: #1f2937;
    font-weight: 700;
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: block;
}

.doc-subsection-title[b-znfl44v2gh] {
    color: #6b7280;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #f0f1f3;
}

.doc-req[b-znfl44v2gh] {
    color: #dc3545;
    font-weight: 700;
}

/* ── Separadores ── */
.doc-separator[b-znfl44v2gh] {
    border-top: 1px dashed #e5e7eb;
    margin: 1.25rem 0;
}

/* ── Inputs y selects ── */
[b-znfl44v2gh] .doc-card .form-control,
[b-znfl44v2gh] .doc-card .form-select {
    height: 42px !important;
    border-radius: 8px;
    font-size: 0.88rem;
    border-color: #d1d5db;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-znfl44v2gh] .doc-card .form-control:focus,
[b-znfl44v2gh] .doc-card .form-select:focus {
    border-color: #6b7280;
    box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.12);
}

[b-znfl44v2gh] .doc-totals-card .form-control {
    height: 42px !important;
    border-radius: 8px;
    font-size: 0.88rem;
    border-color: #d1d5db;
}

/* ── Líneas de detalle ── */
.doc-detail-row[b-znfl44v2gh] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
    flex-wrap: wrap;
}

.doc-detail-row:last-child[b-znfl44v2gh] {
    border-bottom: none;
}

.doc-detail-col[b-znfl44v2gh] {
    min-width: 0;
}

.doc-detail-delete[b-znfl44v2gh] {
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem;
}

.doc-detail-check[b-znfl44v2gh] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding-top: 1.5rem;
    white-space: nowrap;
}

.doc-btn-delete[b-znfl44v2gh] {
    color: #ef4444;
    border: 1px solid #fecaca;
    border-radius: 6px;
    background: #fff;
    transition: background-color 0.12s ease;
}

.doc-btn-delete:hover[b-znfl44v2gh] {
    background: #fef2f2;
}

.doc-btn-delete i[b-znfl44v2gh] {
    color: #ef4444;
}

/* ── Totales ── */
.doc-total-highlight[b-znfl44v2gh] {
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb;
}

.doc-total-highlight .form-control[b-znfl44v2gh] {
    font-size: 1rem !important;
    font-weight: 700;
    color: #111827;
}

/* ── Botón Previsualizar ── */
.doc-btn-previsualizar[b-znfl44v2gh] {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.doc-btn-previsualizar:hover[b-znfl44v2gh] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

/* ── Botón agregar item (+) ── */
[b-znfl44v2gh] .doc-card .btn-link-purple {
    color: #6b7280;
    transition: color 0.12s ease;
}

[b-znfl44v2gh] .doc-card .btn-link-purple:hover {
    color: #374151;
}

/* ── Layout: form + totals ── */
@media (min-width: 576px) {
    .form-dte[b-znfl44v2gh] {
        margin-right: 0;
    }

    .totales[b-znfl44v2gh] {
        position: static;
    }
}

@media (min-width: 768px) {
    .form-dte[b-znfl44v2gh] {
        margin-right: 0;
    }

    .totales[b-znfl44v2gh] {
        position: static;
    }
}

@media (min-width: 992px) {
    .form-dte[b-znfl44v2gh] {
        margin-right: 320px;
    }

    .totales[b-znfl44v2gh] {
        position: fixed;
        width: 310px;
        right: 15px;
        top: auto;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }
}

/* ── Responsive: detail lines ── */
@media (max-width: 992px) {
    .doc-detail-row[b-znfl44v2gh] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .doc-detail-col[b-znfl44v2gh] {
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }

    .doc-detail-delete[b-znfl44v2gh] {
        padding-top: 0;
        justify-content: flex-end;
    }

    .doc-detail-check[b-znfl44v2gh] {
        padding-top: 0;
        justify-content: flex-start;
    }
}

/* ── Campos especiales por línea (Descripción / Desc % / Impuesto) ── */
.doc-detail-check .form-check-input[b-znfl44v2gh] {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0;
}

.doc-detail-extra[b-znfl44v2gh] {
    padding: 0.5rem 0 0.75rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.doc-label-inline[b-znfl44v2gh] {
    color: #374151;
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    padding-left: 0.4rem;
}

.doc-impto-row[b-znfl44v2gh] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.doc-impto-row > div[b-znfl44v2gh] {
    min-width: 180px;
}
/* /Pages/EmisionDTE.razor.rz.scp.css */
/* ── Encabezado ── */
.dte-page-header .page-heading[b-bzrihxld17] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.dte-page-subtitle[b-bzrihxld17] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card principal ── */
.dte-card[b-bzrihxld17] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-bzrihxld17] .dte-card > .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Grid responsive ── */
.dte-grid[b-bzrihxld17] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1.25rem;
    max-width: 1100px;
}

/* ── Item / tarjeta ── */
.dte-item[b-bzrihxld17] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.25rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    text-decoration: none;
    color: #1f2937;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
    -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
    .dte-item:hover[b-bzrihxld17] {
        border-color: #d1d5db;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        transform: translateY(-2px);
        color: #1f2937;
        text-decoration: none;
    }
}

.dte-item:active[b-bzrihxld17],
.dte-item:focus-visible[b-bzrihxld17] {
    border-color: var(--bs-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    color: #1f2937;
    text-decoration: none;
    outline: none;
}

/* ── Icono ── */
.dte-icon-wrapper[b-bzrihxld17] {
    width: 72px;
    height: 72px;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dte-icon[b-bzrihxld17] {
    width: 72px !important;
    height: 72px !important;
    object-fit: contain;
    background-size: contain !important;
}

/* En táctil el :hover queda pegado: se quita y el mismo tinte (--bs-filtro) se aplica solo mientras se presiona */
@media (hover: none) {
    .dte-icon:hover[b-bzrihxld17] {
        filter: none;
    }

    /* Relleno sólido con el color exacto de la marca: el PNG se usa como máscara (el filter se ve distinto en móvil) */
    .dte-item:active .dte-icon[b-bzrihxld17] {
        filter: none;
        background-image: none !important;
        background-color: var(--bs-primary);
        -webkit-mask: var(--dte-icon-url) center / contain no-repeat;
        mask: var(--dte-icon-url) center / contain no-repeat;
    }

    .dte-item:active .dte-icon.afecta[b-bzrihxld17] { --dte-icon-url: url('/img/DTE/Afecta.png'); }
    .dte-item:active .dte-icon.exenta[b-bzrihxld17] { --dte-icon-url: url('/img/dte/Exenta.png'); }
    .dte-item:active .dte-icon.guiaDespacho[b-bzrihxld17] { --dte-icon-url: url('/img/dte/GuiaDespacho.png'); }
    .dte-item:active .dte-icon.notaCredito[b-bzrihxld17] { --dte-icon-url: url('/img/dte/NotaCredito.png'); }
    .dte-item:active .dte-icon.cargaMasiva[b-bzrihxld17] { --dte-icon-url: url('/img/dte/CargaMasiva.png'); }
}

/* ── Nombre ── */
.dte-item-name[b-bzrihxld17] {
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.3;
    color: #374151;
}

/* ── Disabled ── */
.disable[b-bzrihxld17] {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
/* /Pages/Folios/CargaFolio.razor.rz.scp.css */
/* ── Encabezado de página ── */
.folio-page-header .page-heading[b-8owhcas4r4] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.folio-page-subtitle[b-8owhcas4r4] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card principal ── */
.folio-card[b-8owhcas4r4] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[b-8owhcas4r4] .folio-card > .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Botones de acción ── */
.folio-btn-action[b-8owhcas4r4] {
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
    padding: 0 1.25rem;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.folio-btn-action:hover[b-8owhcas4r4] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.folio-btn-action i[b-8owhcas4r4] {
    font-size: inherit !important;
}

/* ── Tabla wrapper ── */
.folio-table-wrapper[b-8owhcas4r4] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}

/* ── Tabla ── */
.folio-table thead th[b-8owhcas4r4] {
    background: #f9fafb;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.folio-table tbody td[b-8owhcas4r4] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.folio-table tbody tr:last-child td[b-8owhcas4r4] {
    border-bottom: none;
}

.folio-table tbody tr:hover[b-8owhcas4r4] {
    background-color: #f9fafb;
}

/* ── Link de tipo documento ── */
.folio-link[b-8owhcas4r4] {
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.12s ease;
}

.folio-link:hover[b-8owhcas4r4] {
    color: #1d4ed8;
    text-decoration: underline;
}

/* ── Estado ── */
.folio-estado[b-8owhcas4r4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.folio-estado i[b-8owhcas4r4] {
    font-size: 0.45rem;
}

.folio-info-btn[b-8owhcas4r4] {
    border: none;
    padding: 0;
    background: transparent;
    margin-left: 0.4rem;
    cursor: pointer;
}

/* ── Paginación ── */
[b-8owhcas4r4] .folio-card .pagination {
    padding: 0.75rem 0;
    margin: 0;
    justify-content: center;
}

[b-8owhcas4r4] .folio-card .page-link {
    border-radius: 6px;
    font-size: 0.84rem;
    margin: 0 0.15rem;
    border-color: #e5e7eb;
    color: #374151;
    transition: background-color 0.12s ease;
}

[b-8owhcas4r4] .folio-card .page-item.active .page-link {
    background-color: #1f2937;
    border-color: #1f2937;
    color: #fff;
}

[b-8owhcas4r4] .folio-card .page-link:hover {
    background-color: #f3f4f6;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .folio-actions[b-8owhcas4r4] {
        flex-direction: column;
    }

    .folio-btn-action[b-8owhcas4r4] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 991.98px) {
    .folio-link[b-8owhcas4r4] {
        display: inline-block;
        padding: 0.75rem 0;
    }
}
/* /Pages/GuiaDespacho.razor.rz.scp.css */
/* ── Encabezado de página ── */
.guia-page-header .page-heading[b-igslyc68hw] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.guia-page-subtitle[b-igslyc68hw] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card de filtros ── */
.guia-filter-card[b-igslyc68hw] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.25rem;
}

[b-igslyc68hw] .guia-filter-card .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Card de resultados ── */
.guia-results-card[b-igslyc68hw] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* ── Labels de filtro ── */
.guia-label[b-igslyc68hw] {
    color: #374151;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Inputs y selects de filtros ── */
[b-igslyc68hw] .guia-filter-card .form-control,
[b-igslyc68hw] .guia-filter-card .form-select {
    height: 42px !important;
    border-radius: 8px;
    font-size: 0.88rem;
    border-color: #d1d5db;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-igslyc68hw] .guia-filter-card .form-control:focus,
[b-igslyc68hw] .guia-filter-card .form-select:focus {
    border-color: #6b7280;
    box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.12);
}

/* ── Botón Consultar (principal) ── */
.guia-btn-consultar[b-igslyc68hw] {
    min-width: 148px;
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.guia-btn-consultar:hover[b-igslyc68hw] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.guia-btn-consultar i[b-igslyc68hw] {
    font-size: inherit;
    line-height: 1;
}

/* ── Header de resultados ── */
.guia-results-header[b-igslyc68hw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
}

.guia-results-title[b-igslyc68hw] {
    margin: 0;
    color: #1f2937;
    font-size: 1.05rem;
    font-weight: 700;
}

/* ── Botón Descargar (secundario) ── */
.guia-btn-download[b-igslyc68hw] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    font-weight: 500;
    padding: 0.45rem 1rem;
    font-size: 0.84rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.guia-btn-download:hover[b-igslyc68hw] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #1f2937;
}

/* ── Tabla ── */
.guia-table-wrapper[b-igslyc68hw] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.guia-table[b-igslyc68hw] {
    margin-bottom: 0;
    min-width: 1100px;
}

/* Folio fijo al hacer scroll horizontal */
.guia-table thead th:first-child[b-igslyc68hw],
.guia-table tbody td:first-child[b-igslyc68hw] {
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 2;
}

.guia-table thead th:first-child[b-igslyc68hw] {
    background: #f9fafb;
    z-index: 3;
}

.guia-table thead th[b-igslyc68hw] {
    background: #f9fafb;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.guia-table tbody td[b-igslyc68hw] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

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

.guia-table tbody tr:hover[b-igslyc68hw] {
    background-color: #f9fafb;
}

.guia-table tbody tr:hover td:first-child[b-igslyc68hw] {
    background-color: #f9fafb;
}

/* ── Acciones de fila ── */
.guia-actions[b-igslyc68hw] {
    gap: 0.25rem;
}

.guia-action-btn[b-igslyc68hw] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    transition: background-color 0.12s ease;
}

.guia-action-btn:hover[b-igslyc68hw] {
    background: #f3f4f6;
}

/* ── Estados ── */
.guia-estado[b-igslyc68hw] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.guia-estado i[b-igslyc68hw] {
    font-size: 0.45rem;
}

.guia-estado-success[b-igslyc68hw] {
    color: #16a34a;
}

.guia-estado-danger[b-igslyc68hw] {
    color: #dc2626;
}

.guia-estado-warning[b-igslyc68hw] {
    color: #d97706;
}

.guia-estado-pending[b-igslyc68hw] {
    color: #e67e22;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    [b-igslyc68hw] .guia-filter-card .row [style*="flex:"] {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .guia-results-header[b-igslyc68hw] {
        flex-direction: column;
        align-items: flex-start;
    }

    .guia-btn-download[b-igslyc68hw] {
        width: 100%;
    }

    .guia-btn-consultar[b-igslyc68hw] {
        width: 100%;
    }
}
/* /Pages/ListaEmpresa.razor.rz.scp.css */
.tb-tr-border-color[b-t21r9pe3to] {
    border-bottom: 1px solid #E7E7ED !important;
}

.tb-th-styles[b-t21r9pe3to] {
    color: #272833 !important;
    border-bottom: 1px solid #E7E7ED !important;
}

.spn-buscar[b-t21r9pe3to] {
    padding: .775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    text-align: center;
    background-color: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-buscar[b-t21r9pe3to] {
    border: 1px solid #A8A8BD;
    border-radius: 5px;
}

.icon-buscar[b-t21r9pe3to] {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #A8A8BD;
    text-align: center;
}

.btn-buscar[b-t21r9pe3to] {
    border: 1px solid white;
    padding: .775rem 1rem;
    font-size: 1.1rem;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.btnIconBuscar[b-t21r9pe3to] {
    background-color: var(--bs-primary);
    width: 56px;
    height: 56px;
}

    .btnIconBuscar:hover[b-t21r9pe3to] {
        background-color: var(--bs-primary-active);
    }
/* /Pages/Servicios Adicionales/CertificadoElectronico.razor.rz.scp.css */
/* ── Encabezado ── */
.cert-page-header .page-heading[b-fpy5jo9pps] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.cert-page-subtitle[b-fpy5jo9pps] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Cards genéricas ── */
.cert-card[b-fpy5jo9pps] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* ── Botones ── */
.cert-btn-action[b-fpy5jo9pps] {
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
    padding: 0 1.5rem;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.cert-btn-action:hover[b-fpy5jo9pps] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.cert-btn-back[b-fpy5jo9pps] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.1rem;
}

.cert-flow-title[b-fpy5jo9pps] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
}

/* ── Plan cards ── */
.cert-plans-title[b-fpy5jo9pps] {
    font-size: 1.65rem;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.025em;
    margin-bottom: 0.25rem;
}

.cert-plans-subtitle[b-fpy5jo9pps] {
    font-size: 0.95rem;
    color: #6b7280;
    margin: 0;
}

.cert-plans-subtitle strong[b-fpy5jo9pps] {
    color: #374151;
}

.cert-plan-card[b-fpy5jo9pps] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    width: 260px;
    transition: box-shadow 0.15s ease, transform 0.12s ease;
}

.cert-plan-card:hover[b-fpy5jo9pps] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.cert-plan-body[b-fpy5jo9pps] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    padding: 1.75rem 1.25rem !important;
}

.cert-plan-price[b-fpy5jo9pps] {
    font-weight: 800;
    font-size: 2rem;
    color: #1f2937;
    line-height: 1.1;
}

.cert-plan-iva[b-fpy5jo9pps] {
    font-weight: 400;
    font-size: 0.78rem;
    color: #6b7280;
}

.cert-plan-name[b-fpy5jo9pps] {
    font-size: 0.9rem;
    color: #6b7280;
    font-weight: 500;
}

/* ── Service tag (resumen) ── */
.service-tag[b-fpy5jo9pps] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.service-tag-accent[b-fpy5jo9pps] {
    width: 5px;
    background-color: #1f2937;
    flex-shrink: 0;
}

.service-tag-body[b-fpy5jo9pps] {
    flex: 1;
    background-color: #f9fafb;
    padding: 0.65rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.service-tag-nombre[b-fpy5jo9pps] {
    color: #1f2937;
    font-weight: 700;
    font-size: 0.9rem;
}

.service-tag-precio[b-fpy5jo9pps] {
    color: #1f2937;
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
}

/* ── Result header ── */
.header-section[b-fpy5jo9pps] {
    background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-active) 100%);
    padding: 3rem 2rem;
    text-align: center;
    position: relative;
}

    .header-section[b-fpy5jo9pps]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-active) 100%);
    }

    .header-section > *[b-fpy5jo9pps] {
        position: relative;
        z-index: 1;
    }

.success-icon[b-fpy5jo9pps] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin-bottom: 1.5rem;
    color: white;
    opacity: 0;
    transform: scale(0) rotate(180deg);
    animation: iconAppear-b-fpy5jo9pps 0.7s ease-out 0.3s forwards;
}

@keyframes iconAppear-b-fpy5jo9pps {
    to {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.main-title[b-fpy5jo9pps] {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-fpy5jo9pps 0.7s ease-out 0.5s forwards;
}

.main-subtitle[b-fpy5jo9pps] {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 32rem;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-fpy5jo9pps 0.7s ease-out 0.7s forwards;
}

@keyframes slideInUp-b-fpy5jo9pps {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.input-error[b-fpy5jo9pps] {
    border-color: #f69d9d !important;
}
.accordion-sub-heading[b-fpy5jo9pps] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}
.summary-row[b-fpy5jo9pps] {
    padding: 10px 0;
    font-weight: 400;
    font-size: 14px;
    color: #4C5464;
}

    .summary-row[b-fpy5jo9pps]::after {
        content: "";
        clear: both;
        display: table;
    }

.balino-heading[b-fpy5jo9pps] {
    margin-top: 30px;
}

    .balino-heading h2[b-fpy5jo9pps] {
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.03em;
        color: #000000;
    }

label[b-fpy5jo9pps] {
    font-size: 16px;
}

.summary-row > div:nth-child(1)[b-fpy5jo9pps] {
    float: left;
}

.summary-row > div:nth-child(2)[b-fpy5jo9pps] {
    float: right
}

.summary-last-row[b-fpy5jo9pps] {
    background-color: #f2f2f2;
    border-bottom: 3px solid black;
    margin-bottom: 20px;
}

.summary-row-subtotal[b-fpy5jo9pps] {
    /* padding: 10px 0; */
    font-weight: 400;
    font-size: 16px;
}

/* Accordion general styles */
.accordion-item .accordion-button[b-fpy5jo9pps] {
    box-shadow: none;
    background-color: white;
    border-radius: 15px !important;
}
.accordion-sub-heading[b-fpy5jo9pps] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}
.accordion-item[b-fpy5jo9pps] {
    border: none;
    border-left: 3px solid #1f2937;
    border-radius: 0px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
}

.accordion-button[b-fpy5jo9pps] {
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
}

    .accordion-button[b-fpy5jo9pps]::after {
        filter: var(--bs-cssfiltro);
    }

.accordion-body[b-fpy5jo9pps] {
    padding-left: 24px;
    padding-right: 24px;
}

.btn-content[b-fpy5jo9pps] {
    width: 100%;
}

    .btn-content > p[b-fpy5jo9pps] {
        margin: 0;
    }

        .btn-content > p:nth-child(1)[b-fpy5jo9pps] {
            float: left;
            font-style: normal;
            font-weight: 700;
            font-size: 1rem;
            line-height: 24px;
            color: #1f2937;
            /* identical to box height, or 133% */

            display: flex;
            align-items: flex-end;
            letter-spacing: -0.03em;
        }

        .btn-content > p:nth-child(2)[b-fpy5jo9pps] {
            float: right;
            margin-right: 10px;
            margin-top: 3px;
            font-weight: 600;
            font-size: 0.82rem;
            color: #6b7280;
        }

.accordion-button[b-fpy5jo9pps]::after {
    content: "";
    clear: both;
    display: table;
}

.accordion-button:not(.collapsed)[b-fpy5jo9pps] {
    color: black;
    background-color: #fff;
    box-shadow: none;
}

.accordion-body[b-fpy5jo9pps] {
    padding-top: 0;
    /* position: relative; */
}

.accordion-info[b-fpy5jo9pps] {
    margin-bottom: 20px;
    margin-top: -5px;
    /* padding-top: -10px; */
}

    .accordion-info p[b-fpy5jo9pps] {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
    }

.accordion-sub-heading[b-fpy5jo9pps] {
    font-weight: 700;
    margin: 12px 0 8px 0;
    font-size: 0.95rem;
    color: #1f2937;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
/* Accordion 1 */

.container-fluid[b-fpy5jo9pps] {
    padding: 0;
}

.circle-check-icon[b-fpy5jo9pps] {
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #3e853e;
    /* identical to box height, or 133% */

    display: flex;
    align-items: flex-end;
    letter-spacing: -0.03em;
    margin-left: 5px;
}

.circle-exclamation-icon[b-fpy5jo9pps] {
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: red;
    display: flex;
    align-items: flex-end;
    letter-spacing: -0.03em;
    margin-left: 5px;
}

.input-container[b-fpy5jo9pps] {
    margin-bottom: 15px;
}


.accordion-form .form-label[b-fpy5jo9pps] {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.accordion-form input[type="text"][b-fpy5jo9pps] {
    border: 1px solid #BABABA;
    border-radius: 8px;
    caret-color: #4782d6;
    font-size: 16px;
    padding: 10px 12px;
}

.accordion-form input[type="email"][b-fpy5jo9pps] {
    border: 1px solid #BABABA;
    border-radius: 8px;
    caret-color: #4782d6;
    font-size: 16px;
    padding: 10px 12px;
}

.accordion-form .form-control[b-fpy5jo9pps] {
    border: 1px solid #BABABA;
    border-radius: 8px;
    caret-color: #4782d6;
    font-size: 16px;
    padding: 10px 12px;
}

.accordion-form input[type="checkbox"][b-fpy5jo9pps] {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1A1A1A;
}

.form-check[b-fpy5jo9pps] {
    margin-bottom: 10px;
}


.accordion-form input:focus[b-fpy5jo9pps] {
    border: 1px solid var(--bs-primary);
    box-shadow: none;
}

.accordion-form input:disabled[b-fpy5jo9pps] {
    background-color: #eff0f0;
}

.accordion-form button[b-fpy5jo9pps] {
    border-radius: 5px;
    padding: 8px 20px;
    margin: 15px auto;
}

.accordion-item[b-fpy5jo9pps] {
    padding-left: 15px;
    padding-right: 15px;
}


.boton[b-fpy5jo9pps] {
    background-color: #1f2937 !important;
    font-size: 0.88rem;
    border-color: #1f2937;
}

/* #################### File Upload #################### */

:root[b-fpy5jo9pps] {
    /*===== Colores =====*/
    --title-color: #000000;
    --body-color: #0F0F10;
    --form-container-color: #ffffff;
    --first-color: #b4b4b5;
    --second-color: #141515;
    /*===== Fuente y tipografia =====*/
    --body-font: 'Roboto', sans-serif;
    --bigger-font-size: 3.5rem;
    --normal-font-size: 1rem;
    --small-font-size: .75rem;
}

.form__container[b-fpy5jo9pps] {
    background-color: var(--form-container-color);
    opacity: 1;
    border-radius: .5rem;
    padding-top: 4px;
    color: var(--title-color);
}


    .form__container > div[b-fpy5jo9pps] {
        max-height: 200px;
        cursor: pointer;
        border-radius: 5px;
        border: 2px dashed var(--first-color);
        padding: 15px 20px;
        text-align: center;
    }

    .form__container .form[b-fpy5jo9pps] {
        text-align: center;
    }

.icon[b-fpy5jo9pps] {
    font-size: 4rem;
}

.form__container .fa-file[b-fpy5jo9pps] {
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form__container .icon-container[b-fpy5jo9pps] {
    height: 50px;
    width: 50px;
    position: relative;
    border-radius: 50%;
    float: left;
}

li > div > div[b-fpy5jo9pps] {
    display: inline-block;
}

li[b-fpy5jo9pps] {
    list-style: none;
    margin-top: 5px;
}

.content .progress-bar .progress[b-fpy5jo9pps] {
    height: 100%;
    width: 0%;
    background: linear-gradient(var(--first-color), var(--second-color));
    border-radius: inherit;
}

.details p[b-fpy5jo9pps] {
    margin-bottom: -5px;
    margin-top: 0px;
    font-size: 14px;
}

    .details p:nth-child(2)[b-fpy5jo9pps] {
        color: #838383;
        margin-bottom: 2px;
        text-align: left;
    }

    .details p:nth-child(3)[b-fpy5jo9pps] {
        color: #838383;
        margin-bottom: 2px;
        text-align: left;
    }

.add_more_files[b-fpy5jo9pps] {
    text-decoration: underline;
    opacity: 1;
    display: inline-block;
    font-weight: bold !important;
    color: var(--bs-primary);
}
    .add_more_files:hover[b-fpy5jo9pps] {
        cursor: pointer;
        opacity: 1;
    }
/* Status message */
.status-message[b-fpy5jo9pps] {
    text-align: center;
    margin-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-fpy5jo9pps 0.7s ease-out 1.1s forwards;
}

.status-icon[b-fpy5jo9pps] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-active) 100%);
    border-radius: 50%;
    margin-bottom: 1.5rem;
    color: var(--bs-primary-active);
}

.status-title[b-fpy5jo9pps] {
    font-size: 1.55rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.75rem;
}

.status-description[b-fpy5jo9pps] {
    font-size: 1.225rem;
    color: #374151;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.status-details[b-fpy5jo9pps] {
    font-size: 1.2rem;
    color: #6b7280;
    max-width: 32rem;
    margin: 0 auto;
    line-height: 1.6;
}

/* Process status */
.process-status[b-fpy5jo9pps] {
    margin-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-fpy5jo9pps 0.7s ease-out 1.3s forwards;
}

.process-title[b-fpy5jo9pps] {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.process-steps[b-fpy5jo9pps] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 32rem;
    margin: 0 auto;
}

.step[b-fpy5jo9pps] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.step-icon[b-fpy5jo9pps] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.step-icon-completed[b-fpy5jo9pps] {
    background: #10b981;
    color: white;
}

.step-icon-active[b-fpy5jo9pps] {
    background: var(--bs-primary);
    color: white;
    animation: pulse 2s ease-in-out infinite;
}

.step-icon-pending[b-fpy5jo9pps] {
    background: #e5e7eb;
    color: #9ca3af;
}

.step-label[b-fpy5jo9pps] {
    font-size: 1.1rem;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.step-status[b-fpy5jo9pps] {
    font-size: 1rem;
    font-weight: 500;
}

.step-status-completed[b-fpy5jo9pps] {
    color: #10b981;
}

.step-status-active[b-fpy5jo9pps] {
    color: var(--bs-primary);
}
.step-status-error[b-fpy5jo9pps] {
    color: #ef4444;
}
.step-icon-error[b-fpy5jo9pps] {
    background: #ef4444;
    color: white;
    animation: errorShake 0.5s ease-in-out infinite alternate;
}
.step-connector-error[b-fpy5jo9pps] {
    background: linear-gradient(to right, #10b981, #ef4444);
}
.step-status-pending[b-fpy5jo9pps] {
    color: #9ca3af;
}

.step-connector[b-fpy5jo9pps] {
    width: 3rem;
    height: 1px;
}

.step-connector-active[b-fpy5jo9pps] {
    background: linear-gradient(to right, #10b981, #9333ea);
}

.step-connector-inactive[b-fpy5jo9pps] {
    background: #e5e7eb;
}
/* Error message styles */
.error-message[b-fpy5jo9pps] {
    margin-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-fpy5jo9pps 0.7s ease-out 1.4s forwards;
}

.error-content[b-fpy5jo9pps] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-radius: 1.5rem;
    padding: 2rem;
    border: 1px solid #fecaca;
    box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.1);
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.error-icon[b-fpy5jo9pps] {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    background: #ef4444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    animation: pulse 2s ease-in-out infinite;
}

.error-text[b-fpy5jo9pps] {
    flex: 1;
}

.error-title[b-fpy5jo9pps] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #dc2626;
    margin-bottom: 0.5rem;
}

.error-description[b-fpy5jo9pps] {
    color: #7f1d1d;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.error-actions[b-fpy5jo9pps] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}

.btn-retry[b-fpy5jo9pps] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
}

    .btn-retry:hover[b-fpy5jo9pps] {
        background: #dc2626;
        transform: translateY(-1px);
        box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.3);
    }

.error-code[b-fpy5jo9pps] {
    font-size: 1rem;
    color: #991b1b;
    font-family: 'Courier New', monospace;
    background: rgba(239, 68, 68, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
}
/* Next steps */
.next-steps[b-fpy5jo9pps] {
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-fpy5jo9pps 0.7s ease-out 1.5s forwards;
}

.next-steps-content[b-fpy5jo9pps] {
    background: linear-gradient(135deg, #eff6ff 0%, #eff6ff 100%);
    border-radius: 1rem;
    padding: 1.5rem;
    border: 1px solid #dbeafe;
    display: flex;
    gap: 1rem;
}

.next-steps-icon[b-fpy5jo9pps] {
    flex-shrink: 0;
    color: #3b82f6;
}

.next-steps-title[b-fpy5jo9pps] {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
    font-size:1.5rem;
}

.next-steps-list[b-fpy5jo9pps] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .next-steps-list li[b-fpy5jo9pps] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 1.3rem;
        color: #6b7280;
    }

.list-bullet[b-fpy5jo9pps] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.list-bullet-blue[b-fpy5jo9pps] {
    background: #3b82f6;
}

.list-bullet-purple[b-fpy5jo9pps] {
    background: #9333ea;
}

.list-bullet-green[b-fpy5jo9pps] {
    background: #10b981;
}
/* Sección regularización */
.balino-sectionTitle[b-fpy5jo9pps]{
 text-align:center;
 font-size:18px;
 margin:0 0 14px 0;
 font-weight:800;
 color:#22223a;
}
.balino-list[b-fpy5jo9pps]{
 list-style:none; padding:0; margin:0;
 display:flex; flex-direction:column;
 gap:14px; max-width:820px;
 margin-left:auto; margin-right:auto;
}
.balino-li[b-fpy5jo9pps]{ display:flex; gap:12px; align-items:flex-start; }
.balino-bulletIcon[b-fpy5jo9pps]{
 width:34px; height:34px; border-radius:10px;
 display:flex; align-items:center; justify-content:center;
 color:var(--bs-primary);
 background:color-mix(in srgb, var(--bs-primary) 10%, transparent);
 border:1px solid color-mix(in srgb, var(--bs-primary-active) 16%, transparent);
 flex:0 0 auto;
}
.balino-liTitle[b-fpy5jo9pps]{
 font-weight:800; color:#24243a;
 font-size:14px; margin-bottom:2px;
}
.balino-liText[b-fpy5jo9pps]{ color:#61617b; font-size:14px; line-height:1.45; }
/* Footer */
.balino-footer[b-fpy5jo9pps]{
 margin-top:18px; padding-top:14px;
 border-top:1px solid rgba(30,30,60,.08);
 display:flex; justify-content:center;
 gap:8px; flex-wrap:wrap;
 color:#6c6c86; font-size:13px;
}
.balino-dot[b-fpy5jo9pps]{ opacity:.6; }
.balino-divider[b-fpy5jo9pps]{
 border:none; height:1px;
 background:rgba(30,30,60,.08);
 margin:18px 0 18px 0;
}
@media (max-width: 820px){
 .balino-card[b-fpy5jo9pps]{ padding:28px 18px; }
 .balino-title[b-fpy5jo9pps]{ font-size:24px; }
 .balino-step[b-fpy5jo9pps]{ width:150px; }
 .balino-connector[b-fpy5jo9pps]{ display:none; } /* en móvil se apilan mejor sin líneas */
}
/* /Pages/Servicios Adicionales/DeseoComprar.razor.rz.scp.css */
.accordion-sub-heading[b-rhfo3cqte1] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}
    figure[b-rhfo3cqte1] {
        width: 500px;
        height: 200px;
        margin: 30px auto;
        border-radius: 5px;
        border: 2px dashed var(--first-color);
        text-align: center;
    }

    .carab[b-rhfo3cqte1] {
        margin-top: 30px;
    }

    .btn-borrar[b-rhfo3cqte1] {
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 300;
        border: none;
        /*outline: none;*/
/*        background: transparent;*/
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.5s;
        /*        text-decoration: underline;
                opacity: 0.8;
                display: inline-block;
                font-weight: bold;*/
    }

    /*   .btn-borrar:hover {
                cursor: pointer;
                opacity: 1;
            }*/

    .img[b-rhfo3cqte1] {
        width: inherit;
        height: inherit;
        object-fit: cover;
        padding: 10px;
    }
/* /Pages/Servicios Adicionales/InformacionNegocio.razor.rz.scp.css */
    .form-check-input:checked[b-awgqaiykpe] {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }
    .form-check-input:checked[b-awgqaiykpe] {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }
.accordion-sub-heading[b-awgqaiykpe] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}
.btn-link[b-awgqaiykpe] {
    color: var(--bs-primary) !important;
}
    .btnPlus[b-awgqaiykpe]{
        border-radius: 0.5rem !important;
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
        color: white !important;
        font-size: 30px !important;
        width: 50px !important;
        height: 50px !important;
        padding: 0px 12px !important;
    }
    .accordion-form input:focus[b-awgqaiykpe] {
        border: 1px solid var(--bs-primary);
        box-shadow: none;
    }

    .tab-main[b-awgqaiykpe] {
        text-align: center;
    }

    .k-grid th[b-awgqaiykpe] {
        border-width: 0 0 0px 1px !important;
    }

    .container-servicio[b-awgqaiykpe] {
        width: 100%;
        margin-top: -30px;
    }


        .container-servicio .form[b-awgqaiykpe] {
            margin: 30px 0;
            width: 100%
        }

            .container-servicio .form .form-input[b-awgqaiykpe] {
                /* width: 424px;
                                                            height: 123px;*/
            }

                .container-servicio .form .form-input .plan[b-awgqaiykpe] {
                    margin: 10px;
                }

                .container-servicio .form .form-input input[b-awgqaiykpe] {
                    display: none;
                }

                .container-servicio .form .form-input label[b-awgqaiykpe] {
                    /* display: block;*/
                    background: #fdfdfd;
                    border-radius: 8px;
                    text-align: center;
                    margin: auto;
                    /*margin-top: 10px;*/
                    padding: 15px;
                    transition: all 100ms ease-in-out;
                    border: 1px solid #CCCCCC;
                    width: 100%;
                    height: 123px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    .container-servicio .form .form-input label .servicio[b-awgqaiykpe] {
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 24px;
                        color: rgb(0, 0, 0,0.2);
                    }

                    .container-servicio .form .form-input label .servicio[b-awgqaiykpe] {
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 24px;
                        color: rgb(0, 0, 0,0.2);
                    }
                    .container-servicio .form .form-input label svg[b-awgqaiykpe] {
                        filter: brightness(0) saturate(100%) invert(0%) sepia(97%) saturate(0%) hue-rotate(205deg) brightness(98%) contrast(100%);
                        fill-opacity:0.2;
                    }

                    .container-servicio .form .form-input label:hover[b-awgqaiykpe] {
                        cursor: pointer;
                        border: 1px solid var(--bs-primary);
                    }

                .container-servicio .form .form-input input:checked + label > .plan > .servicio[b-awgqaiykpe] {
                    color: var(--bs-primary);
                }

                .container-servicio .form .form-input input:checked + label > .plan > svg[b-awgqaiykpe] {
                    filter: brightness(0) saturate(100%) invert(20%) sepia(81%) saturate(2694%) hue-rotate(286deg) brightness(90%) contrast(100%);
                    fill-opacity: 1;
                }
                .container-servicio .form .form-input input:checked + label[b-awgqaiykpe] {
                    left: calc(50% - 424px/2 - 221.5px);
                    background: #f4dff4;
                    border: 2px solid var(--bs-primary);
                    border-radius: 8px;
                }

                    .container-servicio .form .form-input input:checked + label .title[b-awgqaiykpe] {
                        color: #eee;
                    }
/* /Pages/Servicios Adicionales/SolicitudFacturacion.razor.rz.scp.css */
.header-section[b-poegjl0vmd] {
    background: linear-gradient(135deg, #9333ea 0%, #ec4899 100%);
    padding: 3rem 2rem;
    text-align: center;
    position: relative;
}

    .header-section[b-poegjl0vmd]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(147, 51, 234, 0.9) 0%, rgba(236, 72, 153, 0.9) 100%);
    }

    .header-section > *[b-poegjl0vmd] {
        position: relative;
        z-index: 1;
    }

.success-icon[b-poegjl0vmd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin-bottom: 1.5rem;
    color: white;
    opacity: 0;
    transform: scale(0) rotate(180deg);
    animation: iconAppear-b-poegjl0vmd 0.7s ease-out 0.3s forwards;
}

@keyframes iconAppear-b-poegjl0vmd {
    to {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.main-title[b-poegjl0vmd] {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-poegjl0vmd 0.7s ease-out 0.5s forwards;
}

.main-subtitle[b-poegjl0vmd] {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 32rem;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-poegjl0vmd 0.7s ease-out 0.7s forwards;
}

@keyframes slideInUp-b-poegjl0vmd {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.input-error[b-poegjl0vmd] {
    border-color: #f69d9d !important;
}

.accordion-sub-heading[b-poegjl0vmd] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}

.summary-row[b-poegjl0vmd] {
    padding: 10px 0;
    font-weight: 400;
    font-size: 14px;
    color: #4C5464;
}

    .summary-row[b-poegjl0vmd]::after {
        content: "";
        clear: both;
        display: table;
    }

.balino-heading[b-poegjl0vmd] {
    margin-top: 30px;
}

    .balino-heading h2[b-poegjl0vmd] {
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -0.03em;
        color: #000000;
    }

label[b-poegjl0vmd] {
    font-size: 16px;
}

.summary-row > div:nth-child(1)[b-poegjl0vmd] {
    float: left;
}

.summary-row > div:nth-child(2)[b-poegjl0vmd] {
    float: right
}

.summary-last-row[b-poegjl0vmd] {
    background-color: #f2f2f2;
    border-bottom: 3px solid black;
    margin-bottom: 20px;
}

.summary-row-subtotal[b-poegjl0vmd] {
    /* padding: 10px 0; */
    font-weight: 400;
    font-size: 16px;
}

/* Accordion general styles */
.accordion-item .accordion-button[b-poegjl0vmd] {
    box-shadow: none;
    background-color: white;
    border-radius: 15px !important;
}

.accordion-sub-heading[b-poegjl0vmd] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}

.accordion-item[b-poegjl0vmd] {
    border: none;
    border-left: 4px solid var(--bs-primary);
    border-radius: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 2.95px 3.95px 10.6px;
    margin-top: 30px;
}

.accordion-button[b-poegjl0vmd] {
    padding-top: 32px;
    padding-left: 24px;
    padding-bottom: 32px;
}

    .accordion-button[b-poegjl0vmd]::after {
        filter: brightness(0) saturate(100%) invert(21%) sepia(97%) saturate(2023%) hue-rotate(284deg) brightness(89%) contrast(105%);
    }

.accordion-body[b-poegjl0vmd] {
    padding-left: 24px;
    padding-right: 24px;
}

.btn-content[b-poegjl0vmd] {
    width: 100%;
}

    .btn-content > p[b-poegjl0vmd] {
        margin: 0;
    }

        .btn-content > p:nth-child(1)[b-poegjl0vmd] {
            float: left;
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
            color: #4C5464;
            /* identical to box height, or 133% */

            display: flex;
            align-items: flex-end;
            letter-spacing: -0.03em;
        }

        .btn-content > p:nth-child(2)[b-poegjl0vmd] {
            float: right;
            margin-right: 10px;
            margin-top: 3px;
            font-weight: 600;
            font-size: 14px;
            color: var(--bs-primary);
        }

.accordion-button[b-poegjl0vmd]::after {
    content: "";
    clear: both;
    display: table;
}

.accordion-button:not(.collapsed)[b-poegjl0vmd] {
    color: black;
    background-color: #fff;
    box-shadow: none;
}

.accordion-body[b-poegjl0vmd] {
    padding-top: 0;
    /* position: relative; */
}

.accordion-info[b-poegjl0vmd] {
    margin-bottom: 20px;
    margin-top: -5px;
    /* padding-top: -10px; */
}

    .accordion-info p[b-poegjl0vmd] {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
    }

.accordion-sub-heading[b-poegjl0vmd] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}

/* Accordion 1 */

.container-fluid[b-poegjl0vmd] {
    padding: 0;
}

.circle-check-icon[b-poegjl0vmd] {
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #3e853e;
    /* identical to box height, or 133% */

    display: flex;
    align-items: flex-end;
    letter-spacing: -0.03em;
    margin-left: 5px;
}

.circle-exclamation-icon[b-poegjl0vmd] {
    float: left;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: red;
    display: flex;
    align-items: flex-end;
    letter-spacing: -0.03em;
    margin-left: 5px;
}

.input-container[b-poegjl0vmd] {
    margin-bottom: 15px;
}


.accordion-form .form-label[b-poegjl0vmd] {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.accordion-form input[type="text"][b-poegjl0vmd] {
    border: 1px solid #BABABA;
    border-radius: 8px;
    caret-color: #4782d6;
    font-size: 16px;
    padding: 10px 12px;
}

.accordion-form input[type="email"][b-poegjl0vmd] {
    border: 1px solid #BABABA;
    border-radius: 8px;
    caret-color: #4782d6;
    font-size: 16px;
    padding: 10px 12px;
}

.accordion-form .form-control[b-poegjl0vmd] {
    border: 1px solid #BABABA;
    border-radius: 8px;
    caret-color: #4782d6;
    font-size: 16px;
    padding: 10px 12px;
}

.accordion-form input[type="checkbox"][b-poegjl0vmd] {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1A1A1A;
}

.form-check[b-poegjl0vmd] {
    margin-bottom: 10px;
}


.accordion-form input:focus[b-poegjl0vmd] {
    border: 1px solid var(--bs-primary);
    box-shadow: none;
}

.accordion-form input:disabled[b-poegjl0vmd] {
    background-color: #eff0f0;
}

.accordion-form button[b-poegjl0vmd] {
    border-radius: 5px;
    padding: 8px 20px;
    margin: 15px auto;
}

.accordion-item[b-poegjl0vmd] {
    padding-left: 15px;
    padding-right: 15px;
}


.boton[b-poegjl0vmd] {
    background-color: var(--bs-primary) !important;
    font-size: 16px;
    border-color: var(--bs-primary);
}

/* #################### File Upload #################### */

:root[b-poegjl0vmd] {
    /*===== Colores =====*/
    --title-color: #000000;
    --body-color: #0F0F10;
    --form-container-color: #ffffff;
    --first-color: #b4b4b5;
    --second-color: #141515;
    /*===== Fuente y tipografia =====*/
    --body-font: 'Roboto', sans-serif;
    --bigger-font-size: 3.5rem;
    --normal-font-size: 1rem;
    --small-font-size: .75rem;
}

.form__container[b-poegjl0vmd] {
    background-color: var(--form-container-color);
    opacity: 1;
    border-radius: .5rem;
    padding-top: 4px;
    color: var(--title-color);
}


    .form__container > div[b-poegjl0vmd] {
        max-height: 200px;
        cursor: pointer;
        border-radius: 5px;
        border: 2px dashed var(--first-color);
        padding: 15px 20px;
        text-align: center;
    }

    .form__container .form[b-poegjl0vmd] {
        text-align: center;
    }

.icon[b-poegjl0vmd] {
    font-size: 4rem;
}

.form__container .fa-file[b-poegjl0vmd] {
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form__container .icon-container[b-poegjl0vmd] {
    height: 50px;
    width: 50px;
    position: relative;
    border-radius: 50%;
    float: left;
}

li > div > div[b-poegjl0vmd] {
    display: inline-block;
}

li[b-poegjl0vmd] {
    list-style: none;
    margin-top: 5px;
}

.content .progress-bar .progress[b-poegjl0vmd] {
    height: 100%;
    width: 0%;
    background: linear-gradient(var(--first-color), var(--second-color));
    ;
    border-radius: inherit;
}

.details p[b-poegjl0vmd] {
    margin-bottom: -5px;
    margin-top: 0px;
    font-size: 14px;
}

    .details p:nth-child(2)[b-poegjl0vmd] {
        color: #838383;
        margin-bottom: 2px;
        text-align: left;
    }

    .details p:nth-child(3)[b-poegjl0vmd] {
        color: #838383;
        margin-bottom: 2px;
        text-align: left;
    }

.add_more_files[b-poegjl0vmd] {
    text-decoration: underline;
    opacity: 1;
    display: inline-block;
    font-weight: bold !important;
    color: var(--bs-primary);
}

    .add_more_files:hover[b-poegjl0vmd] {
        cursor: pointer;
        opacity: 1;
    }
/* Status message */
.status-message[b-poegjl0vmd] {
    text-align: center;
    margin-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-poegjl0vmd 0.7s ease-out 1.1s forwards;
}

.status-icon[b-poegjl0vmd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, #ddd6fe 0%, #fce7f3 100%);
    border-radius: 50%;
    margin-bottom: 1.5rem;
    color: var(--bs-primary);
}

.status-title[b-poegjl0vmd] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.75rem;
}

.status-description[b-poegjl0vmd] {
    font-size: 1.125rem;
    color: #374151;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.status-details[b-poegjl0vmd] {
    font-size: 0.875rem;
    color: #6b7280;
    max-width: 32rem;
    margin: 0 auto;
    line-height: 1.6;
}

/* Process status */
.process-status[b-poegjl0vmd] {
    margin-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-poegjl0vmd 0.7s ease-out 1.3s forwards;
}

.process-title[b-poegjl0vmd] {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.process-steps[b-poegjl0vmd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 32rem;
    margin: 0 auto;
}

.step[b-poegjl0vmd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.step-icon[b-poegjl0vmd] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.step-icon-completed[b-poegjl0vmd] {
    background: #10b981;
    color: white;
}

.step-icon-active[b-poegjl0vmd] {
    background: var(--bs-primary);
    color: white;
    animation: pulse 2s ease-in-out infinite;
}

.step-icon-pending[b-poegjl0vmd] {
    background: #e5e7eb;
    color: #9ca3af;
}

.step-label[b-poegjl0vmd] {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.step-status[b-poegjl0vmd] {
    font-size: 0.75rem;
    font-weight: 500;
}

.step-status-completed[b-poegjl0vmd] {
    color: #10b981;
}

.step-status-active[b-poegjl0vmd] {
    color: var(--bs-primary);
}

.step-status-error[b-poegjl0vmd] {
    color: #ef4444;
}

.step-icon-error[b-poegjl0vmd] {
    background: #ef4444;
    color: white;
    animation: errorShake 0.5s ease-in-out infinite alternate;
}

.step-connector-error[b-poegjl0vmd] {
    background: linear-gradient(to right, #10b981, #ef4444);
}

.step-status-pending[b-poegjl0vmd] {
    color: #9ca3af;
}

.step-connector[b-poegjl0vmd] {
    width: 3rem;
    height: 1px;
}

.step-connector-active[b-poegjl0vmd] {
    background: linear-gradient(to right, #10b981, #9333ea);
}

.step-connector-inactive[b-poegjl0vmd] {
    background: #e5e7eb;
}
/* Error message styles */
.error-message[b-poegjl0vmd] {
    margin-bottom: 2.5rem;
    opacity: 0;
    transform: translateY(1rem);
    animation: slideInUp-b-poegjl0vmd 0.7s ease-out 1.4s forwards;
}

.error-content[b-poegjl0vmd] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-radius: 1.5rem;
    padding: 2rem;
    border: 1px solid #fecaca;
    box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.1);
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.error-icon[b-poegjl0vmd] {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    background: #ef4444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    animation: pulse 2s ease-in-out infinite;
}

.error-text[b-poegjl0vmd] {
    flex: 1;
}

.error-title[b-poegjl0vmd] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #dc2626;
    margin-bottom: 0.5rem;
}

.error-description[b-poegjl0vmd] {
    color: #7f1d1d;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.error-actions[b-poegjl0vmd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}

.btn-retry[b-poegjl0vmd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
}

    .btn-retry:hover[b-poegjl0vmd] {
        background: #dc2626;
        transform: translateY(-1px);
        box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.3);
    }

.error-code[b-poegjl0vmd] {
    font-size: 0.75rem;
    color: #991b1b;
    font-family: 'Courier New', monospace;
    background: rgba(239, 68, 68, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
}


/* ---- ESTILOS PERSONALIZADOS DE PLANES ---- */
.plan-card[b-poegjl0vmd] {
    background: #fff;
    border: 2px solid #f3e5f5;
    border-radius: 1rem;
    width: 300px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plan-card:hover[b-poegjl0vmd] {
    transform: translateY(-6px);
    border-color: var(--bs-primary);
    box-shadow: 0 10px 25px rgba(172, 30, 166, 0.15);
}

.plan-precio[b-poegjl0vmd] {
    color: var(--bs-primary);
    font-size: 2rem;
    font-weight: 700;
}

.plan-iva[b-poegjl0vmd] {
    font-size: 0.9rem;
    color: #888;
    margin-left: 4px;
}

.plan-nombre[b-poegjl0vmd] {
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
}

.plan-features[b-poegjl0vmd] {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.5rem;
    padding: 0 1rem;
    margin: 0;
}

    .plan-features li[b-poegjl0vmd] {
        margin-bottom: 0.4rem;
    }

.btn-plan[b-poegjl0vmd] {
    background-color: var(--bs-primary);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.6rem 1.5rem;
    transition: all 0.2s ease;
}

    .btn-plan:hover[b-poegjl0vmd] {
        background-color: #9c27b0;
        box-shadow: 0 4px 10px rgba(172, 30, 166, 0.25);
    }

@media (max-width: 768px) {
    .plan-card[b-poegjl0vmd] {
        width: 90%;
    }

    .plan-precio[b-poegjl0vmd] {
        font-size: 1.8rem;
    }

    .plan-nombre[b-poegjl0vmd] {
        font-size: 1.1rem;
    }
}
/* /Pages/Servicios Adicionales/TengoPropio.razor.rz.scp.css */
.btn-borrar[b-qrhi5m0uqe] {
        padding: 10px 25px;
        font-size: 14px;
        font-weight: 300;
        border: none;
        /*background: transparent;*/
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.5s;
    }
.accordion-sub-heading[b-qrhi5m0uqe] {
    font-weight: bold;
    margin: 15px 20px 10px 0;
    font-size: 18px;
    color: #4C5464;
}
/* /Pages/Ventas.razor.rz.scp.css */
/* ── Encabezado de página ── */
.ventas-page-header .page-heading[b-ekkjimt1f8] {
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.ventas-page-subtitle[b-ekkjimt1f8] {
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 0.2rem;
    letter-spacing: 0.01em;
}

/* ── Card de filtros ── */
.ventas-filter-card[b-ekkjimt1f8] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.25rem;
}

[b-ekkjimt1f8] .ventas-filter-card .card-body {
    padding: 1.5rem 1.75rem !important;
}

/* ── Card de resultados ── */
.ventas-results-card[b-ekkjimt1f8] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* ── Labels de filtro ── */
.ventas-label[b-ekkjimt1f8] {
    color: #374151;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Inputs y selects de filtros ── */
[b-ekkjimt1f8] .ventas-filter-card .form-control,
[b-ekkjimt1f8] .ventas-filter-card .form-select {
    height: 42px !important;
    border-radius: 8px;
    font-size: 0.88rem;
    border-color: #d1d5db;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[b-ekkjimt1f8] .ventas-filter-card .form-control:focus,
[b-ekkjimt1f8] .ventas-filter-card .form-select:focus {
    border-color: #6b7280;
    box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.12);
}

/* ── Botón Consultar (principal) ── */
.ventas-btn-consultar[b-ekkjimt1f8] {
    min-width: 148px;
    height: 42px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.ventas-btn-consultar:hover[b-ekkjimt1f8] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.ventas-btn-consultar i[b-ekkjimt1f8] {
    font-size: inherit;
    line-height: 1;
}

/* ── Header de resultados ── */
.ventas-results-header[b-ekkjimt1f8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
}

.ventas-results-title[b-ekkjimt1f8] {
    margin: 0;
    color: #1f2937;
    font-size: 1.05rem;
    font-weight: 700;
}

/* ── Botón Descargar (secundario) ── */
.ventas-btn-download[b-ekkjimt1f8] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    font-weight: 500;
    padding: 0.45rem 1rem;
    font-size: 0.84rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ventas-btn-download:hover[b-ekkjimt1f8] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #1f2937;
}

/* ── Tabla ── */
.ventas-table-wrapper[b-ekkjimt1f8] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.ventas-table[b-ekkjimt1f8] {
    margin-bottom: 0;
    min-width: 1150px;
}

/* Folio fijo al hacer scroll horizontal */
.ventas-table thead th:first-child[b-ekkjimt1f8],
.ventas-table tbody td:first-child[b-ekkjimt1f8] {
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 2;
}

.ventas-table thead th:first-child[b-ekkjimt1f8] {
    background: #f9fafb;
    z-index: 3;
}

.ventas-table thead th[b-ekkjimt1f8] {
    background: #f9fafb;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.ventas-table tbody td[b-ekkjimt1f8] {
    color: #1f2937;
    font-size: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

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

.ventas-table tbody tr:hover[b-ekkjimt1f8] {
    background-color: #f9fafb;
}

.ventas-table tbody tr:hover td:first-child[b-ekkjimt1f8] {
    background-color: #f9fafb;
}

/* ── Acciones de fila ── */
.ventas-actions[b-ekkjimt1f8] {
    gap: 0.25rem;
}

.ventas-action-btn[b-ekkjimt1f8] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    transition: background-color 0.12s ease;
}

.ventas-action-btn:hover[b-ekkjimt1f8] {
    background: #f3f4f6;
}

/* ── Estados ── */
.ventas-estado[b-ekkjimt1f8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.ventas-estado i[b-ekkjimt1f8] {
    font-size: 0.45rem;
}

.ventas-estado-success[b-ekkjimt1f8] {
    color: #16a34a;
}

.ventas-estado-danger[b-ekkjimt1f8] {
    color: #dc2626;
}

.ventas-estado-warning[b-ekkjimt1f8] {
    color: #d97706;
}

.ventas-estado-pending[b-ekkjimt1f8] {
    color: #e67e22;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    [b-ekkjimt1f8] .ventas-filter-card .row [style*="flex:"] {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .ventas-results-header[b-ekkjimt1f8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ventas-btn-download[b-ekkjimt1f8] {
        width: 100%;
    }

    .ventas-btn-consultar[b-ekkjimt1f8] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    [b-ekkjimt1f8] .ventas-filter-card .col-xl,
    [b-ekkjimt1f8] .ventas-filter-card .col-xl-auto {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100%;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-kzya9j8b76] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-kzya9j8b76] {
    flex: 1;
}

.sidebar[b-kzya9j8b76] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-kzya9j8b76] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kzya9j8b76]  a, .top-row[b-kzya9j8b76]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-kzya9j8b76]  a:hover, .top-row[b-kzya9j8b76]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-kzya9j8b76]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-kzya9j8b76] {
        display: none;
    }

    .top-row.auth[b-kzya9j8b76] {
        justify-content: space-between;
    }

    .top-row[b-kzya9j8b76]  a, .top-row[b-kzya9j8b76]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-kzya9j8b76] {
        flex-direction: row;
    }

    .sidebar[b-kzya9j8b76] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-kzya9j8b76] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-kzya9j8b76]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-kzya9j8b76], article[b-kzya9j8b76] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Modal/ModalCertificadoVencer.razor.rz.scp.css */
.TitleCert[b-hzuajamqb7] {
    font-family: var(--bs-font-family);
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 46px;
    text-align: center;
    color: #FF4A4A;
}

.SemiTitleCert[b-hzuajamqb7] {
    font-family: var(--bs-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FF4A4A;
}

.RectanguloCertVecido[b-hzuajamqb7] {
    background-image: url("/img/rectangulocertificado.svg");
    background-color: #FF4A4A;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
}
.btnModalCerti[b-hzuajamqb7] {
    font-family: var(--bs-font-family) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
    background-color: #FF4A4A !important;
    border-color: #FF4A4A !important;
    color: #fff !important;
}

.btnModalCerti:hover[b-hzuajamqb7],
.btnModalCerti:focus[b-hzuajamqb7],
.btnModalCerti:active[b-hzuajamqb7] {
    background-color: #e44343 !important;
    border-color: #e44343 !important;
    color: #fff !important;
}

.btnModalConfirma[b-hzuajamqb7] {
    font-family: var(--bs-font-family) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
}
/* /Shared/Modal/ModalCertificadoVencido.razor.rz.scp.css */
.TitleCert[b-g17izp4ix8] {
    font-family: var(--bs-font-family);
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 46px;
    text-align: center;
    color: #FF4A4A;
}

.SemiTitleCert[b-g17izp4ix8] {
    font-family: var(--bs-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FF4A4A;
}

.RectanguloCert[b-g17izp4ix8] {
    background-image: url("/img/rectangulocertificado.svg");
    background-color: #FF4A4A;
    background-size: cover;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
}
.btnModalCerti[b-g17izp4ix8] {
    font-family: var(--bs-font-family) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
    background-color: #FF4A4A !important;
    border-color: #FF4A4A !important;
    color: #fff !important;
}

.btnModalCerti:hover[b-g17izp4ix8],
.btnModalCerti:focus[b-g17izp4ix8],
.btnModalCerti:active[b-g17izp4ix8] {
    background-color: #e44343 !important;
    border-color: #e44343 !important;
    color: #fff !important;
}

.btnModalConfirma[b-g17izp4ix8] {
    font-family: var(--bs-font-family) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 12px 16px !important;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-go73wbdj6e] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-go73wbdj6e] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-go73wbdj6e] {
    font-size: 1.1rem;
}

.oi[b-go73wbdj6e] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-go73wbdj6e] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-go73wbdj6e] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-go73wbdj6e] {
        padding-bottom: 1rem;
    }

    .nav-item[b-go73wbdj6e]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-go73wbdj6e]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-go73wbdj6e]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-go73wbdj6e] {
        display: none;
    }

    .collapse[b-go73wbdj6e] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-go73wbdj6e] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/Paginador.razor.rz.scp.css */
.paginador-wrapper[b-pgrsq0t403] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0;
}

.paginador-info[b-pgrsq0t403] {
    color: #6b7280;
    font-size: 0.82rem;
    white-space: nowrap;
}

.paginador-extras[b-pgrsq0t403] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.paginador-ir-a[b-pgrsq0t403],
.paginador-tamano[b-pgrsq0t403] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.paginador-ir-a label[b-pgrsq0t403],
.paginador-tamano label[b-pgrsq0t403] {
    color: #6b7280;
    font-size: 0.8rem;
    white-space: nowrap;
    margin-bottom: 0;
}

.paginador-ir-a input[b-pgrsq0t403] {
    width: 70px;
    padding: 0.25rem 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.82rem;
}

.paginador-tamano select[b-pgrsq0t403] {
    width: auto;
}

@media (max-width: 768px) {
    .paginador-wrapper[b-pgrsq0t403] {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .paginador-ir-a[b-pgrsq0t403] {
        display: none;
    }
}

@media (max-width: 768px) {
    .paginador-wrapper .page-link[b-pgrsq0t403],
    .paginador-wrapper .btn.btn-sm[b-pgrsq0t403] {
        min-height: 40px;
        min-width: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}