/* Rediseño de tablas SIGA (maqueta "Rediseño SIGA"). Sin !important: los colores de Componentes siguen ganando. */
:root { --sgx-tnb: #3d5266; }
.sgx {
    --sgx-k: #0b0d12;
    --sgx-k2: #3f4652;
    --sgx-k3: #6b7280;
    --sgx-k4: #9ca3af;
    --sgx-ln: #ebedf0;
    --sgx-ln2: #f3f4f6;
    --sgx-bd: #d5d8dd;
    --sgx-ai: #6d5efc;
    --sgx-ai2: #f1efff;
    --sgx-h: 38px;
    font-family: "Inter", "Roboto", system-ui, -apple-system, sans-serif;
    color: var(--sgx-k2);
}
.sgx-ic { width: 16px; height: 16px; display: block; flex: none; }

/* Controles: todos de 38px, radio 8 */
.sgx .form-control,
.sgx .select2-container .select2-selection--single {
    height: var(--sgx-h); border: 1px dashed var(--sgx-bd); border-radius: 8px; background: var(--sgx-sf, #fff);
    font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); box-shadow: none;
}
.sgx .form-control:focus { border-style: solid; border-color: var(--sgx-k2); box-shadow: none; }
.sgx .select2-container .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-left: 12px; padding-right: 28px; color: var(--sgx-k2); }
.sgx .select2-container .select2-selection--single .select2-selection__placeholder { color: var(--sgx-k2); }
.sgx .select2-container .select2-selection--single .select2-selection__arrow { height: 36px; right: 4px; }
.sgx .select2-container .select2-selection--multiple {
    min-height: var(--sgx-h); border: 1px dashed var(--sgx-bd); border-radius: 8px; padding: 0 8px; display: flex; align-items: center;
}
.sgx .select2-container .select2-selection--multiple .select2-search__field { margin: 0; font: 500 13.5px "Inter", sans-serif; }
.sgx select.form-control { padding: 0 28px 0 12px; }
.sgx .sgx-btn {
    height: var(--sgx-h); border: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); border-radius: 8px; padding: 0 14px;
    display: inline-flex; align-items: center; gap: 7px; color: var(--sgx-k); font: 500 14px "Inter", sans-serif;
    cursor: pointer; box-shadow: 0 1px 1px rgba(0, 0, 0, .03); white-space: nowrap;
}
.sgx .sgx-btn:hover { background: var(--sgx-ln2); }
.sgx .btn_siga_principal,
.sgx .sgx-btn-ok {
    height: var(--sgx-h); border-radius: 8px; padding: 0 15px; display: inline-flex; align-items: center; gap: 7px;
    font: 500 14px "Inter", sans-serif; white-space: nowrap; margin: 0; width: auto;
}
.sgx .sgx-btn-ok { background: #16a34a; border-color: #16a34a; color: #fff; }

/* Cabecera */
.sgx #encabezados_sistema-seguros { padding-top: 0; padding-bottom: 18px; }
.sgx .sgx-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sgx .sgx-top h3 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); }
.sgx .sgx-sp { flex: 1; }
.sgx .sgx-top > div { display: flex; align-items: center; }
.sgx .sgx-fecha { position: relative; }
.sgx .sgx-fecha .select2-container .select2-selection--single { border-style: solid; border-right: 0; border-radius: 8px 0 0 8px; }
.sgx .sgx-fecha #filtro_tipo_fecha_contratante { width: 170px; }
.sgx .sgx-fecha > input.form-control { width: 190px; border-style: solid; border-radius: 0 8px 8px 0; padding-left: 32px; cursor: pointer; }
.sgx .sgx-dr-ic { position: absolute; right: 162px; color: var(--sgx-k3); pointer-events: none; z-index: 1; }
.sgx .sgx-dr-ic .sgx-ic { width: 15px; height: 15px; }
.sgx .sgx-key { border-style: dashed; border-color: var(--sgx-bd); color: var(--sgx-k3); font: 600 12.5px "Inter", sans-serif; padding: 0 10px; gap: 5px; }
.sgx .sgx-key.sgx-on { border-style: solid; border-color: #b7791f; color: #b7791f; background: #fffbeb; }
.sgx .sgx-chip { gap: 6px; }
.sgx .sgx-chip > label { margin: 0; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); white-space: nowrap; }
.sgx #cont_max_row_contratantes select { width: 72px; }
.sgx .sgx-seg { gap: 8px; }
.sgx .sgx-seg.hide { display: none; }
.sgx .sgx-top .dropdown-toggle::after { margin-left: 4px; }

/* Segunda fila: un renglón flexible, sin columnas Bootstrap ni etiquetas */
.sgx #filtrado_sistema_seguros { margin-bottom: 14px; }
.sgx #filtrado_sistema_seguros .cont-buscador { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.sgx #filtrado_sistema_seguros .cont-buscador > [class*="col-"],
.sgx #filtrado_sistema_seguros .cont-buscador .form-row > [class*="col-"] { flex: 0 1 auto; max-width: none; width: auto; padding: 0; margin: 0; }
.sgx #cont_filtros_comentarios,
.sgx #cont_filtros_comentarios > .form-row,
.sgx #cont_filtros_contratante,
.sgx #cont_filtros_contratante > .form-row { display: contents; }
.sgx #hide_contenedor_filtro_referidos { display: none; }
.sgx #filtrado_sistema_seguros .form-group { margin: 0; }
.sgx #filtrado_sistema_seguros .form-row > #contenedor_filtro_busqueda { flex: 1 1 360px; position: relative; }
.sgx #filtrado_sistema_seguros .form-row > #cont_select_vendedor,
.sgx #filtrado_sistema_seguros .form-row > #contenedor_filtro_referidos,
.sgx #filtrado_sistema_seguros .form-row > #contenedor_filtrar_status { flex: 0 1 170px; }
.sgx #filtrado_sistema_seguros .form-row > #cont_filtro_etiquetas_tablas { flex: 0 1 190px; }
.sgx #filtrado_sistema_seguros .btn-block { width: auto; }
.sgx:not(.contenedor_seguimiento_contratantes_activo) #filtrado_sistema_seguros label {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.sgx .sgx-q-ic { position: absolute; left: 12px; top: 12px; color: var(--sgx-ai); pointer-events: none; z-index: 1; }
.sgx #filtro_busqueda_contratantes,
.sgx #filtro_busqueda_comentario { height: 40px; border: 1px solid var(--sgx-ln); border-radius: 10px; padding-left: 36px; font: 400 14px "Inter", sans-serif; }
.sgx #filtro_busqueda_comentario { padding-left: 12px; }
.sgx #filtro_busqueda_contratantes:focus,
.sgx #filtro_busqueda_comentario:focus { border-color: var(--sgx-ai); box-shadow: 0 0 0 3px var(--sgx-ai2); }

/* Tabla */
.sgx .cont-tabla { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .03); }
.sgx .sgx-tabla { margin: 0; background: var(--sgx-sf, #fff); border-radius: 12px; }
.sgx .sgx-tabla th {
    background: var(--sgx-sf, #fff); color: var(--sgx-k3); font: 600 13px "Inter", sans-serif; text-transform: none; letter-spacing: 0;
    padding: 13px 12px; border-top: 0; border-bottom: 1px solid var(--sgx-ln); white-space: nowrap; vertical-align: middle;
}
.sgx .sgx-tabla th:first-child { border-top-left-radius: 12px; }
.sgx .sgx-tabla th:last-child { border-top-right-radius: 12px; }
.sgx table.sgx-tabla th a { color: inherit; font-weight: 600; }
.sgx table.sgx-tabla th a:hover { color: var(--sgx-k); }
.sgx .sgx-tabla th a sup,
.sgx .sgx-tabla th a svg { display: none; }
.sgx .sgx-tabla th a.ordenamiento_filtro::after { content: "↕"; display: inline-block; width: 10px; margin-left: 3px; color: var(--sgx-k4); font-weight: 400; }
.sgx .sgx-tabla th a.ordenamiento_filtro.activo { color: var(--sgx-k); }
.sgx .sgx-tabla th a.ordenamiento_filtro.activo[data-orden="ASC"]::after { content: "↑"; color: var(--sgx-k); }
.sgx .sgx-tabla th a.ordenamiento_filtro.activo[data-orden="DESC"]::after { content: "↓"; color: var(--sgx-k); }
.sgx .sgx-tabla .sgx-th-sep { margin: 0 4px; color: var(--sgx-k4); }
.sgx .sgx-tabla td {
    padding: 14px 12px; vertical-align: middle; border-top: 0; border-bottom: 1px solid var(--sgx-ln2);
    color: var(--sgx-k2); font: 400 14px "Inter", sans-serif;
}
.sgx .sgx-tabla tbody tr:last-child td { border-bottom: 0; }
.sgx .sgx-tabla tbody tr,
.sgx .sgx-tabla tbody tr:nth-child(odd) { background: transparent; transition: background .12s; }
.sgx .sgx-tabla tbody tr:hover { background: var(--sgx-sf2, #fafbfc); }
.sgx .sgx-tabla td .text-center { text-align: left; }
.sgx .sgx-mut { color: var(--sgx-k4); }
.sgx .sgx-tabla td > a,
.sgx .sgx-cl { display: inline-flex; align-items: center; gap: 6px; color: var(--sgx-k2); text-decoration: none; }
.sgx .sgx-tabla td > a .sgx-ic,
.sgx .sgx-cl .sgx-ic { width: 15px; height: 15px; color: var(--sgx-k4); }
.sgx .sgx-tabla td a[href^="mailto:"] { word-break: break-all; align-items: flex-start; }
.sgx .sgx-tabla td a[href*="wa.me"] .sgx-ic { color: #16a34a; }
.sgx .sgx-tabla .btn.text-alternate.text-left { padding: 0; display: inline-flex; align-items: center; gap: 6px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k2); }

/* Tipo de persona */
.sgx .sgx-tp { width: 30px; height: 30px; border-radius: 7px; background: var(--sgx-ln2); color: var(--sgx-k3); display: inline-grid; place-items: center; }
.sgx .sgx-tp .sgx-ic { width: 15px; height: 15px; }

/* Nombre: conteo, llave, etiqueta y grupo debajo */
.sgx .sgx-tabla td > .d-md-block { line-height: 1.45; }
.sgx .sgx-tabla #open_modal_contratante { display: inline; color: var(--sgx-k); text-decoration: underline; text-underline-offset: 3px; }
.sgx .sgx-tabla #open_modal_contratante:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx .sgx-tabla .sgx-pc { display: inline-block; vertical-align: middle; margin-left: 4px; font: 600 12.5px "Inter", sans-serif; color: var(--sgx-k3); background: var(--sgx-ln2); border-radius: 6px; padding: 1px 6px; }
.sgx .sgx-tabla .sgx-llave { display: inline-grid; place-items: center; vertical-align: middle; width: 26px; height: 26px; margin-left: 2px; color: #b7791f; }
.sgx .sgx-tabla .sgx-llave .sgx-ic { width: 15px; height: 15px; }
.sgx .sgx-tabla .sgx-tags { display: inline-block; vertical-align: middle; margin-left: 2px; }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global { width: 26px; height: 26px; padding: 0; display: inline-grid; place-items: center; border: 0; background: none; border-radius: 5px; }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global:hover { background: var(--sgx-ln2); }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global::after { display: none; }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global > svg { display: none; }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global { color: var(--sgx-k4); }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global:has(.text-warning) { color: #d97706; }
.sgx .sgx-tabla .sgx-tags > .dropdown > .menu_etiquetas_global::before {
    content: ""; width: 15px; height: 15px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h8l10 10-8 8L3 11z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h8l10 10-8 8L3 11z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sgx .sgx-tabla td.centro_whatsapp { text-align: left; }
.sgx .sgx-tabla .sgx-grp { display: flex; align-items: center; gap: 5px; margin-top: 3px; font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); text-decoration: none; }
.sgx .sgx-tabla .sgx-grp .sgx-ic { width: 13px; height: 13px; color: var(--sgx-k4); }
.sgx .sgx-tabla .sgx-grp:hover { color: var(--sgx-tn, #14243a); text-decoration: underline; text-underline-offset: 3px; }

/* Estatus: punto con el color del catálogo */
.sgx-st { display: inline-flex; align-items: center; gap: 6px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k, #0b0d12); white-space: nowrap; }
.sgx-st > .sgx-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c, gray); box-shadow: 0 0 0 3px rgba(0, 0, 0, .06); flex: none; }

/* Acciones: iconos de 34px sin caja y menú separado por una línea */
.sgx .sgx-th-acc { text-align: right; }
.sgx .sgx-td-acc { white-space: nowrap; padding-right: 12px; }
.sgx .sgx-acc { display: flex; justify-content: flex-end; align-items: center; gap: 2px; margin: 0; }
.sgx .sgx-acc > li.lista-accion { border: 0; box-shadow: none; background: none; margin: 0; }
.sgx .sgx-acc > li.lista-accion:hover { box-shadow: none; }
.sgx .sgx-acc > li.lista-accion > form { margin: 0; }
.sgx .sgx-acc > li.lista-accion > .btn,
.sgx .sgx-acc > li.lista-accion > form > .btn,
.sgx .sgx-acc > li.lista-accion > .dropdown > .btn {
    width: 34px; height: 34px; min-width: 0; padding: 0; border: 0; border-radius: 8px; background: none; box-shadow: none;
    display: grid; place-items: center; color: var(--sgx-k3);
}
.sgx .sgx-acc > li.lista-accion .btn:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx .sgx-acc > li.lista-accion:last-child { border-left: 1px solid var(--sgx-ln); padding-left: 3px; margin-left: 3px; }
.sgx .sgx-acc .dropdown-toggle::after { display: none; }
.sgx .dropdown-menu { border: 1px solid var(--sgx-ln); border-radius: 10px; box-shadow: 0 16px 40px -12px rgba(15, 23, 42, .25); padding: 5px; min-width: 210px; }
.sgx .dropdown-menu .nav-link,
.sgx .dropdown-menu .dropdown-item,
.sgx .dropdown-menu .btn-dropdown-fix {
    display: flex; align-items: center; gap: 9px; border-radius: 6px; padding: 8px 10px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k); width: 100%; text-align: left;
}
.sgx .dropdown-menu .nav-link:hover,
.sgx .dropdown-menu .dropdown-item:hover { background: var(--sgx-ln2); }
.sgx .dropdown-menu .nav-link i { font-style: normal; display: flex; align-items: center; gap: 9px; }
.sgx .dropdown-menu .sgx-ic { color: var(--sgx-k3); }
.sgx .dropdown-menu .nav-link-icon.sgx-ic { margin: 0; opacity: 1; width: 16px; height: 16px; }
.sgx .dropdown-header { font: 600 12px "Inter", sans-serif; color: var(--sgx-k4); padding: 7px 10px 3px; text-transform: none; }

/* Pie y paginación */
.sgx .sgx-tabla tfoot tr { background: var(--sgx-sf, #fff); }
.sgx .sgx-tabla tfoot td { border-top: 1px solid var(--sgx-ln); border-bottom: 0; color: var(--sgx-k3); font-size: 14px; }
.sgx .sgx-tabla tfoot .pagination { margin: 10px 0 0; gap: 4px; }
/* main_estilo deja 190px con !important bajo cualquier .pagination */
.sgx .sgx-tabla tfoot .pagination { margin-bottom: 0 !important; }
.sgx .sgx-tabla tfoot td:empty { padding: 0; border: 0; }
.sgx .sgx-tabla tfoot .page-link { min-width: 34px; height: 34px; border-radius: 8px; border: 1px solid var(--sgx-ln); text-align: center; color: var(--sgx-k2); font: 500 14px "Inter", sans-serif; }
.sgx .sgx-tabla tfoot .page-item.active .page-link { background: var(--sgx-k); border-color: var(--sgx-k); color: #fff; }
@media (min-width: 992px) {
    .sgx .cont-tabla.table-responsive { overflow: visible; }
}

/* Pólizas: cabecera */
.sgx .sgx-top-acc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sgx .sgx-top-acc > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; margin: 0; }
.sgx .sgx-top-acc .btn-outline-dark { height: 38px; border-radius: 8px; border-color: var(--sgx-ln); background: var(--sgx-sf, #fff); color: var(--sgx-k2); }
.sgx .sgx-top-acc .btn-outline-dark:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx #cont_max_row_polizas .select2-container { min-width: 72px; }
.sgx #cont_filtro_promotor_polizas .select2-container { min-width: 190px; }
.sgx .cont_encabezado_polizas_siga_titulo h3 { margin: 0; font-weight: 600; }

/* Pólizas: buscador y filtros en una fila */
.sgx #cont_buscador_polizas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 6px; }
.sgx #cont_buscador_polizas > [class*="col-"],
.sgx #cont_buscador_polizas > [class*="col-"] > .form-row { display: contents; }
.sgx #cont_buscador_polizas .form-row > [class*="col-"] { flex: 0 1 200px; max-width: none; width: auto; padding: 0; margin: 0; }
.sgx #cont_buscador_polizas .form-row > #cont_btn_nueva_poliza { flex: none; }
.sgx #cont_buscador_polizas .form-row > #cont_btn_nueva_poliza:empty { display: none; }
.sgx #cont_buscador_polizas .form-row > #cont_btn_filtro_busqueda { flex: 1 1 300px; }
.sgx #cont_buscador_polizas label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sgx #cont_buscador_polizas .btn_siga_principal { height: 38px; border-radius: 8px; white-space: nowrap; padding: 0 14px; display: inline-flex; align-items: center; gap: 6px; }
.sgx #cont_buscador_polizas .input-group .form-control { height: 40px; border-radius: 10px 0 0 10px; }
.sgx #cont_buscador_polizas .input-group .btn_filtros_avan { height: 40px; border-radius: 0 10px 10px 0; display: inline-flex; align-items: center; }
.sgx #cont_buscador_polizas #cont_filtro_tipo_fecha_pol .select2-selection--single { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.sgx #cont_buscador_polizas .form-row > #cont_filtro_rango_fechas_pol { margin-left: -9px; }
.sgx #cont_buscador_polizas #datarange_filtro_fecha_poliza { border-top-left-radius: 0; border-bottom-left-radius: 0; }

/* Pólizas: líneas de conteo, barra de selección y vigencia */
.sgx #tabla_polizas_sistema > .row { margin: 0; }
.sgx #tabla_polizas_sistema > .row > .alert-msg { padding: 10px 12px; margin: 0; color: var(--sgx-k3); font-size: 14px; }
.sgx #tabla_polizas_sistema > .row > .alert-msg p { margin: 0; }
.sgx #sgx_selbar_polizas .sgx-selbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; padding: 8px 10px;
    background: var(--sgx-ai2); border: 1px solid #e0dcff; border-radius: 10px;
}
.sgx .sgx-selbar-n { color: var(--sgx-k2); margin-right: 4px; }
.sgx .sgx-selbar .icon-svg-md { width: 16px; height: 16px; }
.sgx .sgx-btn-dl { color: #b91c1c; border-color: #fecaca; }
.sgx .sgx-btn-txt { border-color: transparent; background: none; }
.sgx .sgx-vig { margin-top: 6px; display: flex; flex-direction: column; gap: 3px; max-width: 170px; }
.sgx .sgx-vig small { color: var(--sgx-k3); font-size: 12.5px; }
.sgx .sgx-vig-bar { height: 4px; border-radius: 4px; background: var(--sgx-ln2); overflow: hidden; }
.sgx .sgx-vig-bar > span { display: block; height: 100%; background: #16a34a; border-radius: 4px; }
.sgx .sgx-vig-pronto .sgx-vig-bar > span { background: #d97706; }
.sgx .sgx-vig-pronto small { color: #b45309; }
.sgx .sgx-vig-fin .sgx-vig-bar > span { background: #dc2626; }
.sgx .sgx-vig-fin small { color: #b91c1c; }
.sgx .accion_seguros_siga { min-width: 0; }

/* Pólizas: fila como en la maqueta */
.sgx .sgx-pn { display: flex; align-items: center; gap: 10px; }
.sgx .sgx-ico { width: 30px; height: 30px; border-radius: 8px; background: var(--sgx-ac, #eef2f8); color: var(--sgx-tn, #14243a); display: grid; place-items: center; flex: none; }
.sgx .sgx-ico svg { width: 15px; height: 15px; color: inherit; }
.sgx .sgx-pn #ver_poliza_modal { color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; text-decoration: none; font-variant-numeric: tabular-nums; }
.sgx .sgx-pn #ver_poliza_modal:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx .sgx-sub { display: block; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sgx-k4); font-size: 12.5px; }
.sgx .sgx-chip { display: flex; align-items: center; }
.sgx .sgx-ctn #open_modal_contratante { min-width: 150px; }
.sgx #tabla_general_polizas_agentes td { vertical-align: middle; }
.sgx .sgx-bdg { font: 600 11.5px "Inter", sans-serif; border-radius: 6px; padding: 2px 6px; background: #eef2ff; color: #4f46e5; display: inline-flex; gap: 4px; align-items: center; margin-left: 6px; vertical-align: 1px; }
.sgx .sgx-bdg .sgx-ic { width: 12px; height: 12px; }
.sgx .sgx-sin-f,
.sgx .sgx-sin-f form { display: inline; margin: 0; }
.sgx .sgx-sin { font: 600 12.5px "Inter", sans-serif; color: #b45309; background: #fef3c7; border-radius: 6px; padding: 3px 7px; display: inline-flex; gap: 4px; align-items: center; border: 0; cursor: pointer; margin-left: 6px; }
.sgx .sgx-sin .sgx-ic { width: 13px; height: 13px; }
.sgx .sgx-sin:disabled { opacity: .6; cursor: default; }
.sgx .sgx-arch { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); border-radius: 6px; padding: 1px 7px; margin-left: 6px; font: 500 12px "Inter", sans-serif; color: var(--sgx-k2); vertical-align: 1px; text-decoration: none; }
.sgx .sgx-arch .sgx-ic { width: 13px; height: 13px; color: var(--sgx-k3); }
.sgx .sgx-arch:hover { border-color: var(--sgx-tnb, #14243a); color: var(--sgx-tn, #14243a); }
.sgx .sgx-arch.sgx-arch-no { border-style: dashed; color: var(--sgx-k3); }
.sgx .sgx-rm { display: block; color: var(--sgx-k4); font-size: 12.5px; margin-top: 1px; }
.sgx .sgx-ctn { display: flex; align-items: flex-start; gap: 8px; }
.sgx .sgx-ctn #open_modal_contratante { color: var(--sgx-k); font: 500 14px "Inter", sans-serif; text-decoration: none; line-height: 1.4; display: inline; }
.sgx .sgx-ctn #open_modal_contratante:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx .sgx-ctn .sgx-tp { flex: none; }
.sgx .sgx-vin form { margin: 0; }
.sgx .sgx-mi { width: 26px; height: 26px; display: grid; place-items: center; border: 0; background: none; color: var(--sgx-k4); border-radius: 5px; padding: 0; cursor: pointer; }
.sgx .sgx-mi:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-pill {
    display: inline-flex; align-items: center; gap: 7px; border-radius: 20px; padding: 4px 11px; font: 600 13px "Inter", sans-serif; white-space: nowrap;
    background: color-mix(in srgb, var(--c, gray) 13%, #fff); color: color-mix(in srgb, var(--c, gray) 72%, #000);
}
.sgx-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c, gray); }

/* Los catálogos de estatus guardan colores de Bootstrap 3; se pintan con los cinco de la marca sin tocar los datos */
[style*="--c:#5CB85C" i],
[style*="--c: #5CB85C" i],
[style*="--c:#4caf50" i],
[style*="--c: #4caf50" i],
[style*="--c:#28a745" i],
[style*="--c: #28a745" i] { --c: #16a34a !important; }
[style*="--c:#FF5722" i],
[style*="--c: #FF5722" i],
[style*="--c:#F0AD4E" i],
[style*="--c: #F0AD4E" i],
[style*="--c:#f7b924" i],
[style*="--c: #f7b924" i] { --c: #f97316 !important; }
[style*="--c:#D9534F" i],
[style*="--c: #D9534F" i],
[style*="--c:#640c0c" i],
[style*="--c: #640c0c" i],
[style*="--c:#dc3545" i],
[style*="--c: #dc3545" i] { --c: #dc2626 !important; }
[style*="--c:#1db0ff" i],
[style*="--c: #1db0ff" i],
[style*="--c:#5BC0DE" i],
[style*="--c: #5BC0DE" i] { --c: #0ea5e9 !important; }
[style*="--c:gray" i],
[style*="--c: gray" i],
[style*="--c:#474747" i],
[style*="--c: #474747" i] { --c: #9ca3af !important; }
[style*="--c:#643cc3" i],
[style*="--c: #643cc3" i],
[style*="--c:#e900ff" i],
[style*="--c: #e900ff" i],
[style*="--c:#7757eb" i],
[style*="--c: #7757eb" i],
[style*="--c:#9a4df7" i],
[style*="--c: #9a4df7" i],
[style*="--c:#426780" i],
[style*="--c: #426780" i] { --c: #64748b !important; }
.sgx .sgx-acc .btn { position: relative; }
.sgx .sgx-acc .badge { position: absolute; top: 1px; right: 0; min-width: 16px; height: 16px; border-radius: 8px; background: #2563eb; color: #fff; font: 600 10.5px/16px "Inter", sans-serif; padding: 0 3px; margin: 0; }
.sgx .sgx-acc > li.lista-accion > .btn,
.sgx .sgx-acc > li.lista-accion > form > .btn { font: 600 11px "Inter", sans-serif; }
.sgx .sgx-acc #ir_detallle_cotizacion,
.sgx .sgx-acc form > .btn:has(.sgx-spin) { width: auto; padding: 0 6px; display: inline-flex; gap: 3px; }
@keyframes sgx-gira { to { transform: rotate(360deg); } }
.sgx .sgx-spin { animation: sgx-gira 2.4s linear infinite; }
.sgx .sgx-top-acc .sgx-ic { width: 16px; height: 16px; }
.sgx .sgx-top-acc .btn-outline-dark { display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; }
.sgx #cont_btn_filtro_busqueda { position: relative; }
.sgx #cont_btn_filtro_busqueda .sgx-q-ic { left: 12px; top: 12px; }
.sgx #cont_buscador_polizas #filtro_busqueda { padding-left: 36px; border: 1px solid var(--sgx-ln); font: 400 14px "Inter", sans-serif; }
.sgx #cont_buscador_polizas .btn_filtros_avan { width: 44px; justify-content: center; }
.sgx #tabla_general_polizas_agentes .form-check { padding: 0; }
.sgx #tabla_general_polizas_agentes .form-check-input { position: static; margin: 0; width: 17px; height: 17px; accent-color: #14243a; }
.sgx #tabla_general_polizas_agentes td:has(.sgx-vig) { min-width: 220px; }

/* Barra de filtros genérica (.sgx-bar): aplana las columnas Bootstrap en una sola fila */
.sgx .sgx-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 12px; }
.sgx .sgx-bar [class*="col-"],
.sgx .sgx-bar .row,
.sgx .sgx-bar .form-row,
.sgx .sgx-bar form { display: contents; }
.sgx .sgx-bar label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sgx .sgx-bar .sgx-q { display: block; position: relative; flex: 1 1 320px; padding: 0; margin: 0; max-width: none; }
.sgx .sgx-bar .sgx-q .form-control { height: 40px; border: 1px solid var(--sgx-ln); border-radius: 10px 0 0 10px; padding-left: 36px; font: 400 14px "Inter", sans-serif; }
.sgx .sgx-bar .sgx-q .form-control:focus { border-color: var(--sgx-ai); box-shadow: 0 0 0 3px var(--sgx-ai2); }
.sgx .sgx-bar .sgx-q-ic { left: 12px; top: 12px; }
.sgx .sgx-bar .btn_filtros_avan { height: 40px; width: 44px; margin-left: -8px; border-radius: 0 10px 10px 0; display: inline-flex; align-items: center; justify-content: center; }
.sgx .sgx-bar > .select2-container,
.sgx .sgx-bar .select2-container { flex: 0 1 210px; }
.sgx .sgx-bar > select.form-control,
.sgx .sgx-bar select.form-control { flex: 0 1 210px; width: auto; }
.sgx .sgx-bar .btn-wide { min-width: 0; }
.sgx .sgx-titulo h3 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); }
.sgx #cont_max_row_ot .select2-container,
.sgx #cont_max_row_ot select { width: 72px; }
.sgx .sgx-tabla > tbody > tr > td > .alert { margin: 0; }
.sgx .sgx-info { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: var(--sgx-k3); font-size: 14px; padding: 10px 12px; }
.sgx .sgx-info p { margin: 0; }
.sgx .cont-tabla > .row { margin: 0; }
.sgx .cont-tabla > .row > .alert-msg { padding: 10px 12px; margin: 0; color: var(--sgx-k3); font-size: 14px; }
.sgx .cont-tabla > .row > .alert-msg p { margin: 0; }
.sgx .sgx-tabla td:has(.sgx-vig) { min-width: 185px; }
.sgx .sgx-tabla #view_informacion_ot { color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; text-decoration: none; }
.sgx .sgx-tabla #view_informacion_ot:hover,
.sgx .sgx-tabla #ver_poliza_modal:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx .sgx-tabla #ver_poliza_modal { color: var(--sgx-k2); text-decoration: none; }
.sgx .sgx-tabla .sgx-vin { display: inline-block; vertical-align: middle; }

/* Pendientes: pestañas, encabezado de cada pestaña y campos con etiqueta */
.sgx .sgx-tabs { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 5px; gap: 4px; display: inline-flex; flex-wrap: wrap; }
.sgx .sgx-tabs .nav-item.hide { display: none; }
.sgx .sgx-tabs .nav-link { display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; padding: 8px 14px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k2); background: none; }
.sgx .sgx-tabs .nav-link:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx .sgx-tabs .nav-link.active { background: var(--sgx-tnb, #14243a); color: #fff; }
.sgx .sgx-tp.sgx-tp-sm { width: 24px; height: 24px; border-radius: 6px; vertical-align: middle; margin-right: 6px; }
.sgx .sgx-tp.sgx-tp-sm .sgx-ic { width: 13px; height: 13px; }
#pendientes_vista.sgx .card-body { padding-left: 0; padding-right: 0; }
.sgx .sgx-tabs .nav-link .sgx-ic { width: 16px; height: 16px; }
.sgx .sgx-head { margin: 4px 0 0; padding: 0; width: 100%; max-width: none; }
.sgx .sgx-head h6 { margin: 0; font: 600 20px/1.2 "Inter", sans-serif; letter-spacing: -.01em; color: var(--sgx-k); text-transform: none; display: flex; align-items: center; gap: 8px; }
.sgx .sgx-head h6 { margin-right: auto; }
.sgx .sgx-head .sgx-btn.btn-sm { height: var(--sgx-h); }
#pendientes_vista.sgx .card-header.sgx-sec { background: none; border: 0; padding: 18px 0 8px; text-transform: none; }
#pendientes_vista.sgx .card-header.sgx-sec h5,
#pendientes_vista.sgx .card-header.sgx-sec h6 { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 18px/1.2 "Inter", sans-serif; color: var(--sgx-k); text-transform: none; }
#pendientes_vista.sgx .card-header.sgx-sec h6 { font-size: 16px; }
.sgx .trmg-panel-heading { background: none; border: 0; }
.sgx .sgx-campos { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 0 0 12px; }
.sgx .sgx-campos > [class*="col-"] { flex: 0 1 190px; max-width: none; width: auto; padding: 0; margin: 0; }
.sgx .sgx-campos > [class*="col-"]:empty,
.sgx .sgx-campos > div[class=""] { display: none; }
.sgx .sgx-campos .form-group { margin: 0; }
.sgx .sgx-campos label { display: block; margin: 0 0 4px; font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); text-transform: none; }
.sgx .sgx-campos .select2-container { width: 100%; }
.sgx .sgx-bar .btn-block { width: auto; }
.sgx .sgx-head .btn-trmg2 { height: var(--sgx-h); border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; text-transform: none; padding: 0 14px; }
.sgx .sgx-campos .input-group .form-control { border-radius: 8px 0 0 8px; }
.sgx .sgx-campos .input-group .btn { height: var(--sgx-h); border-radius: 0 8px 8px 0; display: inline-flex; align-items: center; }
.sgx .sgx-tabla td > h2.text-center,
.sgx .sgx-tabla td h2.text-center,
#pendientes_vista.sgx h2.text-center { font: 400 15px "Inter", sans-serif; color: var(--sgx-k3); padding: 22px 0; margin: 0; }
#pendientes_vista.sgx .card-header.sgx-sec .badge { background: var(--sgx-ln2); color: var(--sgx-k2); border-radius: 6px; font: 600 12px "Inter", sans-serif; }

/* Prospectos */
.sgx .sgx-tabla .sgx-nombre { color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; text-decoration: none; }
.sgx .sgx-tabla .sgx-nombre:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx .sgx-tabla .sgx-nom { line-height: 1.45; }
.sgx .sgx-tabla .sgx-th-grupo { font-weight: 500; }
.sgx .sgx-fecha:not(:has(select)) > input.form-control { border-radius: 8px; }
.sgx .sgx-fecha:not(:has(select)) .sgx-dr-ic { right: auto; left: 12px; }
.sgx .sgx-tot { color: var(--sgx-k3); font-size: 14px; }
.sgx .dropdown-menu .nav-link.btn { background: none; border: 0; box-shadow: none; color: var(--sgx-k); text-align: left; }
.sgx .dropdown-menu .nav-link.btn:hover { background: var(--sgx-ln2); }
.sgx .sgx-bar .sgx-f { flex: 0 1 200px; display: block; }
.sgx .sgx-bar .sgx-f .select2-container,
.sgx .sgx-bar .sgx-f select.form-control { width: 100%; }
.sgx .sgx-bar #cont_filtro_etiquetas_tablas { flex: 0 1 220px; display: block; }
.sgx .sgx-bar #cont_filtro_etiquetas_tablas.hide { display: none; }
.sgx #cont_max_row_prospectos select { width: 72px; }

/* Siniestros */
.sgx .sgx-rango { display: flex; flex-wrap: nowrap; width: auto; }
.sgx .sgx-rango .form-control { width: 130px; flex: none; border-style: solid; }
.sgx .sgx-rango .form-control:first-child { border-radius: 8px 0 0 8px; }
.sgx .sgx-rango .form-control:last-child { border-radius: 0 8px 8px 0; margin-left: -1px; }
.sgx .sgx-sub-t { display: block; font: 500 14px "Inter", sans-serif; color: var(--sgx-k3); margin-top: 2px; }
.sgx #cont_max_row_siniestros select { width: 72px; }
.sgx #tabla_siniestros_list > .col-md-12 { padding: 0; }
.sgx #tabla_siniestros_list > .col-md-12 > .row { margin: 0; }
.sgx #tabla_siniestros_list .alert-msg { padding: 10px 12px; margin: 0; color: var(--sgx-k3); font-size: 14px; }
.sgx #tabla_siniestros_list .alert-msg p { margin: 0; }
.sgx .tabla_siniestros .icon_view_endoso { color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; text-decoration: none; }
.sgx .dropdown-menu .sgx-nav-st { color: var(--sgx-k); background: none; }
.sgx .dropdown-menu .sgx-nav-st::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c, gray); margin: 0 4px; flex: none; }
.sgx .sgx-ctn > div { min-width: 0; }

/* Modales de filtros avanzados (.sgx-flt): secciones claras y casillas como fichas */
.sgx-flt { border: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .35); }
.sgx-flt .modal-header { padding: 16px 20px; }
.sgx-flt .modal-title { font: 600 18px "Inter", sans-serif; }
.sgx-flt .modal-body { padding: 16px 20px; background: var(--sgx-sf, #fff); }
.sgx-flt .modal-body > .row { margin: 0 -6px; }
.sgx-flt .modal-body > .row > [class*="col-"] { padding: 0 6px; }
.sgx-flt .border.rounded,
.sgx-flt .panel { border: 1px solid var(--sgx-ln); border-radius: 12px; background: var(--sgx-sf, #fff); }
.sgx-flt .card-header.trmg_panel-heading,
.sgx-flt .panel-heading.trmg_panel-heading {
    display: flex; align-items: center; gap: 10px; text-align: left; padding: 10px 14px; background: var(--sgx-sf, #fff); color: var(--sgx-k);
    border-bottom: 1px solid var(--sgx-ln2); border-radius: 12px 12px 0 0; text-transform: none;
}
.sgx-flt .card-header.trmg_panel-heading > label:first-child,
.sgx-flt .panel-heading.trmg_panel-heading > label:first-child { font: 600 14px "Inter", sans-serif; color: inherit; margin: 0; text-transform: none; }
.sgx-flt .card-header .btn-actions-pane-right { margin: 0 0 0 auto; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); display: inline-flex; align-items: center; gap: 6px; text-transform: none; }
.sgx-flt .card-header .btn-actions-pane-right .label { color: inherit; font: inherit; padding: 0; }
.sgx-flt .card-body,
.sgx-flt .panel-body { padding: 10px 12px; }
.sgx-flt .j-forms .row { margin: 0 -3px; }
.sgx-flt .j-forms .row > [class*="col-"],
.sgx-flt .j-forms .form-row > [class*="col-"] { padding: 3px; }
.sgx-flt .j-forms .container-fluid { padding: 0; }
.sgx-flt .j-forms label.checkbox,
.sgx-flt .j-forms label.radio {
    display: flex; align-items: center; gap: 8px; float: none; width: 100%; min-height: 36px; margin: 0; padding: 6px 10px;
    border: 1px solid transparent; border-radius: 8px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k); cursor: pointer; text-transform: none;
}
.sgx-flt .j-forms label.checkbox:hover,
.sgx-flt .j-forms label.radio:hover { background: var(--sgx-ln2); }
.sgx-flt .j-forms label.checkbox:has(input:checked),
.sgx-flt .j-forms label.radio:has(input:checked) { border-color: var(--sgx-tnb, #14243a); background: color-mix(in srgb, #14243a 6%, #fff); }
.sgx-flt .j-forms label input[type="checkbox"],
.sgx-flt .j-forms label input[type="radio"] { width: 16px; height: 16px; margin: 0; accent-color: #14243a; flex: none; order: -1; }
.sgx-flt .j-forms label > i:empty { display: none; }
.sgx-flt .j-forms label svg { width: 15px; height: 15px; color: var(--sgx-k3); flex: none; }
.sgx-flt .sgx-dotc { display: inline-flex; align-items: center; gap: 7px; color: var(--sgx-k); font: 500 14px "Inter", sans-serif; }
.sgx-flt .sgx-dotc::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--c, gray); flex: none; }
.sgx-flt #filtros_ramo { max-height: 260px; overflow-y: auto; border: 1px solid var(--sgx-ln2); border-radius: 10px; padding: 4px; }
.sgx-flt .sgx-flt-bus { display: flex; gap: 8px; margin-bottom: 8px; }
.sgx-flt .sgx-flt-q { flex: 1; display: flex; align-items: center; gap: 8px; height: 38px; margin: 0; border: 1px solid var(--sgx-ln); border-radius: 10px; padding: 0 12px; color: var(--sgx-k3); }
.sgx-flt .sgx-flt-q:focus-within { border-color: var(--sgx-ai); box-shadow: 0 0 0 3px var(--sgx-ai2); }
.sgx-flt .sgx-flt-q input { border: 0; outline: 0; flex: 1; min-width: 0; font: 400 14px "Inter", sans-serif; background: none; }
.sgx-flt .sgx-btn.sgx-on { border-color: var(--sgx-tnb, #14243a); color: var(--sgx-tn, #14243a); background: color-mix(in srgb, #14243a 6%, #fff); }
.sgx-flt .modal-footer { padding: 12px 20px; border-top: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); }
.sgx-flt .modal-footer > .col-md-12 { display: flex; justify-content: flex-end; gap: 8px; padding: 0; }
.sgx-flt .modal-footer .btn { height: 40px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; float: none; }
.sgx-flt .modal-footer .btn-danger { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); color: var(--sgx-k2); }
.sgx-flt .card-header.j-forms label.checkbox { width: auto; margin: 0 0 0 auto; padding: 0; min-height: 0; border: 0; background: none; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); }
@media (min-width: 992px) {
    .sgx-flt #modal_body_filtro_avanzado_poliza_siga,
    .sgx-flt .modal-body:has(#cont_filtros_personal_asignado_siga) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }
    .sgx-flt .modal-body:has(#cont_filtros_personal_asignado_siga) > .row { grid-column: 1 / -1; }
    .sgx-flt .modal-body:has(#cont_filtros_personal_asignado_siga) > #cont_filtros_personal_asignado_siga,
    .sgx-flt .modal-body:has(#cont_filtros_personal_asignado_siga) > #cont_filtros_agente_promotor_siga { grid-column: auto; margin: 0; }
    .sgx-flt .modal-body:has(#cont_filtros_personal_asignado_siga) > #cont_filtros_personal_asignado_siga > [class*="col-"],
    .sgx-flt .modal-body:has(#cont_filtros_personal_asignado_siga) > #cont_filtros_agente_promotor_siga > [class*="col-"] { padding: 0; }
}
.sgx-flt #filtros_personal_asignado .row { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.sgx-flt #filtros_personal_asignado .row > [class*="col-"] { flex: 0 0 auto; max-width: none; width: auto; padding: 0; }
.sgx-flt #filtros_personal_asignado label.radio { border-color: var(--sgx-ln); width: auto; }

/* Modales con el diseño nuevo (.sgx-mod) */
.sgx-mod { border: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 24px 60px -20px rgba(15, 23, 42, .35); }
.sgx-mod .modal-header { padding: 14px 20px; align-items: center; }
.sgx-mod .modal-title { font: 600 18px/1.25 "Inter", sans-serif; }
.sgx-mod .modal-title small { display: block; font: 500 12.5px "Inter", sans-serif; opacity: .75; margin-bottom: 2px; }
.sgx-mod .modal-body { padding: 16px 20px; background: var(--sgx-sf, #fff); }
.sgx-mod .modal-footer { padding: 12px 20px; border-top: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); }
.sgx-mod .modal-footer > .col-md-12 { display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 0; }
.sgx-mod .modal-footer .btn { height: 40px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; float: none; margin: 0; }
.sgx-mod .modal-footer .btn.hide { display: none; }
.sgx-mod .btn-danger[data-dismiss="modal"] { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); color: var(--sgx-k2); margin-right: auto; }
.sgx-mod .sgx-mod-sub { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); margin: 4px 0 8px; }
.sgx-mod .custom-switch .custom-control-label { font: 500 14px "Inter", sans-serif; color: var(--sgx-k); padding-top: 2px; }

/* Importar pólizas por PDF */
.sgx-imp .pdf-ia-aviso-revision { display: flex; gap: 10px; align-items: flex-start; background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: 10px 12px; font-size: 13.5px; color: #92400e; margin-bottom: 12px; }
.sgx-imp .pdf-ia-aviso-revision .sgx-ic { color: #d97706; margin-top: 1px; }
.sgx-imp .dropify-wrapper { height: 170px; border: 1.5px dashed #c9d0d8; border-radius: 14px; background: var(--sgx-sf2, #fbfcfd); transition: border-color .15s, background .15s; }
.sgx-imp .dropify-wrapper:hover { border-color: var(--sgx-tnb, #14243a); background: color-mix(in srgb, #14243a 4%, #fff); }
.sgx-imp .dropify-wrapper .dropify-message .file-icon { font-size: 34px; color: var(--sgx-tn, #14243a); }
.sgx-imp .dropify-wrapper .dropify-message p { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); margin-top: 6px; }
.sgx-imp #cont_input_file_masivo_pol_pdf > input.form-control { height: 120px; border: 1.5px dashed #c9d0d8; border-radius: 14px; }
/* .sgx .form-control fuerza 38px y 13.5px; en Chrome el botón nativo del file solo es clicable a ese tamaño (el ícono). */
.sgx .dropify-wrapper > input[type="file"] {
    position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0;
    font-size: 400px; line-height: 1; opacity: 0; cursor: pointer; z-index: 5;
}

.sgx-mod td > h3,
.sgx-mod td > h2 { font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); padding: 14px 0; margin: 0; }

/* Ficha Ver cliente (estructura de la maqueta) */
.sgx-ficha .fc-h { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-bottom: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); }
.sgx-ficha .fc-av { width: 52px; height: 52px; border-radius: 14px; background: var(--sgx-ac, #eef2f8); color: var(--sgx-tn, #14243a); display: grid; place-items: center; font: 700 18px "Inter", sans-serif; flex: none; }
.sgx-ficha .fc-t { min-width: 0; }
.sgx-ficha .fc-t h4 { margin: 0; font: 600 20px/1.2 "Inter", sans-serif; letter-spacing: -.01em; color: var(--sgx-k); }
.sgx-ficha .fc-t p { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 5px 0 0; font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-ficha #cont_status_contratante .sgx-st { font-size: 14.5px; }
.sgx-ficha .fc-acc { display: flex; align-items: center; gap: 6px; }
.sgx-ficha .fc-acc form { margin: 0; }
.sgx-ficha .fc-editar { height: 40px; border-radius: 9px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; font: 500 14.5px "Inter", sans-serif; }
.sgx-ficha .fc-editar.btn-alternate { background: var(--sgx-sf, #fff); color: var(--sgx-tnb, #3d5266); border: 1px solid var(--sgx-tnb, #3d5266); }
.sgx-ficha .fc-editar.btn-alternate:hover { background: var(--sgx-ln2, #f3f4f6); color: var(--sgx-tnb, #3d5266); }
.sgx-ficha .fc-ib { width: 40px; height: 40px; padding: 0; justify-content: center; }
.sgx-ficha .fc-x { width: 36px; height: 36px; margin-left: 4px; }
.sgx-ficha .fc-sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1px; background: var(--sgx-ln); border-bottom: 1px solid var(--sgx-ln); }
.sgx-ficha .fc-sum > div { background: var(--sgx-sf, #fff); padding: 9px 16px; min-width: 0; }
.sgx-ficha .fc-sum small { display: block; font: 400 12.5px "Inter", sans-serif; color: var(--sgx-k4); }
.sgx-ficha .fc-sum b { display: block; font: 600 14.5px "Inter", sans-serif; color: var(--sgx-k); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgx-ficha .fc-sum b.fc-vacio { color: var(--sgx-k4); font-weight: 400; }
.sgx-ficha .modal-body.fc-b { display: grid; grid-template-columns: 320px minmax(0, 1fr); padding: 0; background: var(--sgx-sf, #fff); }
.sgx-ficha .fc-l { border-right: 1px solid var(--sgx-ln); background: var(--sgx-sf2, #fbfbfc); padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.sgx-ficha .fc-r { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.sgx-ficha h6 { margin: 8px 0 2px; font: 600 12.5px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k4); display: flex; align-items: center; gap: 8px; }
.sgx-ficha h6:first-child { margin-top: 0; }
.sgx-ficha .fc-n { background: var(--sgx-ln2); color: var(--sgx-k3); border-radius: 8px; padding: 0 7px; letter-spacing: 0; }
.sgx-ficha .fc-li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); color: var(--sgx-k); text-decoration: none; font: 400 14.5px/1.4 "Inter", sans-serif; min-width: 0; }
.sgx-ficha a.fc-li:hover { border-color: var(--sgx-tnb, #14243a); }
.sgx-ficha .fc-li span { overflow-wrap: anywhere; }
.sgx-ficha .fc-li .sgx-ic { color: var(--sgx-k3); margin-top: 2px; }
.sgx-ficha .fc-wa .sgx-ic { color: #16a34a; }
.sgx-mod .fc-lista { display: flex; flex-direction: column; gap: 8px; }
.sgx-mod .fc-ct { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 4px 12px; align-items: center; border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; }
.sgx-mod .fc-ct b { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-mod .fc-ct-d { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-mod .fc-ct-d a { display: inline-flex; align-items: center; gap: 5px; color: var(--sgx-k3); text-decoration: none; }
.sgx-mod .fc-ct-d .sgx-ic { width: 13px; height: 13px; }
.sgx-ficha .fc-doc { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 10px 14px; }
.sgx-ficha .fc-doc form { margin: 0; }
.sgx-ficha .fc-ext { width: 44px; height: 48px; border-radius: 8px; display: grid; place-items: center; font: 700 11px "Inter", sans-serif; color: #fff; letter-spacing: .03em; }
.sgx-ficha .fc-doc-i a { color: var(--sgx-k); text-decoration: none; }
.sgx-ficha .fc-doc-i b { font: 600 15px "Inter", sans-serif; }
.sgx-ficha .fc-doc-i > div { font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k3); margin-top: 3px; }
.sgx-ficha .fc-tag { background: var(--sgx-ln2); color: var(--sgx-k); border-radius: 6px; padding: 2px 8px; font-weight: 600; }
.sgx-ficha .fc-nota { background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px; padding: 12px 14px; font: 400 14.5px "Inter", sans-serif; color: #78350f; }
.sgx-ficha .fc-nota p:last-child { margin: 0; }
.sgx-mod .fc-vacio { font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k4); margin: 0; }
.sgx-mod p.fc-vacio { border: 1px dashed var(--sgx-ln); border-radius: 10px; padding: 12px; text-align: center; }
.sgx-ficha #cont_info_coment_mapa .row { margin: 0; }
.sgx-ficha .modal-footer > .col-md-12 { justify-content: flex-end; }
@media (max-width: 900px) {
    .sgx-ficha .modal-body.fc-b { grid-template-columns: 1fr; }
    .sgx-ficha .fc-l { border-right: 0; border-bottom: 1px solid var(--sgx-ln); }
    .sgx-ficha .fc-h { flex-wrap: wrap; }
}

/* Asistente Editar/Registrar contratante (.sgx-wz): pasos verticales a la izquierda */
.sgx-wz .modal-body { padding: 0; }
.sgx-wz .main-card { border: 0; box-shadow: none; margin: 0; }
.sgx-wz .card-body { padding: 0; }
.sgx-wz #smartwizard_sistema { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 440px; border: 0; }
.sgx-wz #smartwizard_sistema > ul.step-anchor { display: flex; flex-direction: column; gap: 4px; border: 0; border-right: 1px solid var(--sgx-ln); background: var(--sgx-sf2, #fbfbfc); padding: 16px 12px; margin: 0; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li { width: 100%; flex: none; border: 0; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a {
    display: flex; align-items: center; gap: 12px; padding: 10px; border: 0; border-radius: 10px; background: none;
    color: var(--sgx-k3); font: 600 14px "Inter", sans-serif; text-align: left; text-transform: none; height: auto;
}
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a::after,
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a::before { display: none; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a:hover { background: var(--sgx-ln2); }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a em {
    font-style: normal; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; flex: none;
    border: 1.5px solid var(--sgx-ln3, #d6d9de); background: var(--sgx-sf, #fff); color: var(--sgx-k3); font: 600 14px "Inter", sans-serif; position: static; margin: 0;
}
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a span { display: block; line-height: 1.3; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li > a small { display: block; font: 400 12.5px "Inter", sans-serif; color: var(--sgx-k4); margin-top: 1px; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.active > a { background: var(--sgx-sf, #fff); color: var(--sgx-k); box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.active > a em { background: var(--sgx-tnb, #14243a); border-color: var(--sgx-tnb, #14243a); color: #fff; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.done > a { color: var(--sgx-k2); }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.done > a em { background: #16a34a; border-color: #16a34a; color: #fff; }
.sgx-wz .sw-container { padding: 18px 22px; min-height: 0; }
.sgx-wz .tab-content .container { max-width: none; padding: 0; }
.sgx-wz .tab-content .row { margin: 0; }
.sgx-wz .tab-content .form-row > [class*="col-"] { padding: 0 6px; margin-bottom: 14px; }
.sgx-wz .tab-content label.label,
.sgx-wz .tab-content label { font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); margin-bottom: 6px; text-transform: none; }
.sgx-wz .tab-content .form-control,
.sgx-wz .tab-content .select2-container .select2-selection--single { height: 40px; border: 1px solid var(--sgx-ln3, #dfe2e6); border-radius: 8px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k); background: var(--sgx-sf, #fff); }
.sgx-wz .tab-content textarea.form-control { height: auto; min-height: 80px; }
.sgx-wz .tab-content .form-control:focus { border-color: var(--sgx-tnb, #14243a); box-shadow: 0 0 0 3px rgba(20, 36, 58, .1); }
.sgx-wz .tab-content .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 12px; color: var(--sgx-k); }
.sgx-wz .tab-content .select2-container .select2-selection--single .select2-selection__arrow { height: 38px; }
.sgx-wz .tab-content .select2-container .select2-selection--multiple { min-height: 40px; border: 1px solid var(--sgx-ln3, #dfe2e6); border-radius: 8px; }
.sgx-wz .tab-content small.text-muted { font-size: 12.5px; }
.sgx-wz .tab-content h5,
.sgx-wz .tab-content h6 { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-wz .divider { display: none; }
.sgx-wz .sgx-wz-pie { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--sgx-ln); }
.sgx-wz .sgx-wz-pie::after { display: none; }
.sgx-wz .sgx-wz-pie .btn { float: none; margin: 0; height: 40px; border-radius: 8px; padding: 0 18px; font: 500 14px "Inter", sans-serif; box-shadow: none; }
.sgx-wz .sgx-wz-pie .btn.hide { display: none; }
.sgx-wz .sgx-wz-pie .btn-light { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); color: var(--sgx-k2); }
@media (max-width: 900px) {
    .sgx-wz #smartwizard_sistema { grid-template-columns: 1fr; }
    .sgx-wz #smartwizard_sistema > ul.step-anchor { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--sgx-ln); }
}
.sgx-wz .forms-wizard li::before,
.sgx-wz .forms-wizard li::after,
.sgx-wz .forms-wizard li > a::before,
.sgx-wz .forms-wizard li > a::after { display: none; content: none; }
.sgx-wz #smartwizard_sistema > ul.forms-wizard > li { padding: 0; margin: 0; height: auto; text-align: left; }
.sgx-wz #smartwizard_sistema > ul.forms-wizard > li > a { border-top: 0; }
.sgx-mod .fc-ct-acc { display: flex; gap: 2px; }
.sgx-mod .fc-ct .sgx-ic { flex: none; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.done > a em { font-size: 0; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.done > a em::before,
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.done > a em::after { content: none; display: none; }
.sgx-wz #smartwizard_sistema > ul.step-anchor > li.done > a em {
    background: #16a34a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.sgx-wz .dropify-wrapper { border: 1.5px dashed #c9d0d8; border-radius: 12px; background: var(--sgx-sf2, #fbfcfd); }
.sgx-wz .dropify-wrapper:hover { border-color: var(--sgx-tnb, #14243a); background: color-mix(in srgb, #14243a 4%, #fff); }
.sgx-wz .dropify-wrapper .dropify-message p { font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); }

/* Documentos de la póliza: pestañas con conteo y archivos como tarjetas */
.sgx-docs .modal-body { padding: 16px 20px; background: var(--sgx-sf, #fff); }
.sgx-docs .widget-wrap,
.sgx-docs .widget-container,
.sgx-docs .widget-content,
.sgx-docs .form-content { padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }
.sgx-docs #contenedor_principal_documentacion { padding: 0; margin-bottom: 12px; }
.sgx-docs #contenedor_principal_documentacion > .row,
.sgx-docs #contenedor_historico_documentacion,
.sgx-docs #contenedor_historico_documentacion > .row { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; max-width: none; flex: 1 1 auto; width: auto; }
.sgx-docs #contenedor_principal_documentacion > .row { border-bottom: 1px solid var(--sgx-ln); width: 100%; }
.sgx-docs #titulos_historico_documentacion,
.sgx-docs #contenedor_historico_btn { flex: 0 0 auto; max-width: none; width: auto; padding: 0; }
.sgx-docs #contenedor_principal_documentacion .btn {
    display: inline-flex; align-items: center; gap: 7px; height: auto; padding: 9px 12px; border: 0; border-bottom: 2px solid transparent; border-radius: 0;
    background: none; color: var(--sgx-k3); font: 500 14px "Inter", sans-serif; box-shadow: none; white-space: nowrap;
}
.sgx-docs #contenedor_principal_documentacion .btn:hover { color: var(--sgx-k); }
.sgx-docs #contenedor_principal_documentacion .btn[visualiza-data="1"] { color: var(--sgx-k); border-bottom-color: var(--sgx-tnb, #14243a); font-weight: 600; box-shadow: none; background: none; }
.sgx-docs #contenedor_principal_documentacion .btn .sgx-ic { display: none; }
.sgx-docs #contenedor_principal_documentacion .badge { font: 600 11.5px "Inter", sans-serif; background: var(--sgx-ln2); color: var(--sgx-k3); border-radius: 9px; padding: 2px 7px; top: 0; }
.sgx-docs #contenedor_principal_documentacion .btn[visualiza-data="1"] .badge { background: var(--sgx-tnb, #14243a); color: #fff; }
.sgx-docs .table-responsive { overflow: visible; }
.sgx-docs #tabla_lista_polizas { border: 0; margin: 0; }
.sgx-docs #tabla_lista_polizas thead tr:nth-child(2) { display: none; }
.sgx-docs #tabla_lista_polizas thead th { background: none; border: 0; padding: 0 0 8px; }
.sgx-docs #titulo_lista_archivos { font: 600 12.5px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k4); text-align: left; margin: 0; }
.sgx-docs #tabla_lista_polizas tbody { display: flex; flex-direction: column; gap: 8px; }
.sgx-docs #tabla_lista_polizas tbody tr { display: block; background: none; }
.sgx-docs #tabla_lista_polizas tbody tr.hide { display: none; }
.sgx-docs #tabla_lista_polizas tbody td { display: block; border: 0; padding: 0; }
.sgx-docs .dc-f { display: flex; align-items: center; gap: 12px; border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 11px 12px; background: var(--sgx-sf, #fff); }
.sgx-docs .dc-f:hover { border-color: #d5dae0; }
.sgx-docs .dc-ext { width: 40px; height: 44px; border-radius: 8px; display: grid; place-items: center; font: 700 10.5px "Inter", sans-serif; color: #fff; flex: none; letter-spacing: .03em; background: #2563eb; }
.sgx-docs .dc-ext:is(:empty) { background: var(--sgx-ln2); }
.sgx-docs .dc-m { flex: 1; min-width: 0; }
.sgx-docs .dc-m b { display: block; font: 600 14.5px "Inter", sans-serif; color: var(--sgx-k); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgx-docs .dc-m .mt { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; align-items: center; font: 400 13px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-docs .dc-m .mt .dc-ap { font: 600 12px "Inter", sans-serif; border-radius: 6px; padding: 1px 7px; background: var(--sgx-ac, #eef2f8); color: var(--sgx-tn, #14243a); }
.sgx-docs .dc-m .mt > span + span:not(.dc-ap)::before { content: "·"; margin-right: 6px; color: var(--sgx-k4); }
.sgx-docs .dc-acc { display: flex; align-items: center; gap: 2px; }
.sgx-docs .dc-acc ul { display: flex; gap: 2px; margin: 0; }
.sgx-docs .dc-acc li.lista-accion { border: 0; box-shadow: none; background: none; margin: 0; }
.sgx-docs .dc-acc form { margin: 0; }
.sgx-docs .dc-acc .btn { width: 34px; height: 34px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 8px; background: none; color: var(--sgx-k3); box-shadow: none; }
.sgx-docs .dc-acc .btn:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-docs #tabla_lista_polizas tbody tr.lista_archivos:not([id]) td { display: table-cell; padding: 6px 4px; text-align: right; color: var(--sgx-k3); font-size: 14px; }
.sgx-docs #tabla_lista_polizas tbody tr.lista_archivos:not([id]) { display: flex; justify-content: flex-end; gap: 10px; }
.sgx-docs #tabla_lista_polizas tbody tr.lista_archivos.hide:not([id]) { display: none; }
.sgx-docs #historico_documentacion > .row { margin: 0; padding: 10px 16px 6px; }
.sgx-docs #contenedor_principal_documentacion .btn svg { display: none; }
.sgx-docs #tabla_lista_polizas thead th h4 { padding-top: 6px; }

/* Usuarios */
.sgx .sgx-av { width: 34px; height: 34px; border-radius: 9px; background: var(--sgx-ac, #eef2f8); color: var(--sgx-tn, #14243a); font: 700 12.5px "Inter", sans-serif; }
.sgx .sgx-tabla .sgx-ctn .sgx-nombre { display: block; color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; }
.sgx .sgx-info-row { margin: 0; }
.sgx .sgx-info-row > .alert-msg { padding: 10px 12px; margin: 0; color: var(--sgx-k3); font-size: 14px; }
.sgx #cont_max_row_usuarios select { width: 72px; }
.sgx #filtrado_sistema_agentes_seguros { margin-bottom: 4px; }
.sgx .sgx-acc > li.lista-accion:last-child:not(:has(.dropdown)) { border-left: 0; padding-left: 0; margin-left: 0; }
.sgx-ficha .fc-sum-tipos { grid-template-columns: 1fr; }
.sgx-ficha .fc-tipos { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.sgx-ficha .fc-tipo { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--sgx-ln); border-radius: 20px; padding: 3px 10px; font: 500 13px "Inter", sans-serif; color: var(--sgx-k4); }
.sgx-ficha .fc-tipo.on { border-color: #16a34a; color: #15803d; background: #f0fdf4; }
.sgx-ficha .fc-tipo .sgx-ic { width: 13px; height: 13px; }
.modal-lg .sgx-ficha .modal-body.fc-b { grid-template-columns: 260px minmax(0, 1fr); }

/* Subir póliza colectiva */
#cont_poliza_colectiva.sgx h3 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); }
#cont_poliza_colectiva.sgx > .form-row:first-child p { font-size: 14px; color: var(--sgx-k3); margin-top: 4px; }
#cont_poliza_colectiva.sgx .card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; overflow: hidden; }
#cont_poliza_colectiva.sgx .card-header { background: var(--sgx-sf, #fff); color: var(--sgx-k); border-bottom: 1px solid var(--sgx-ln); font: 600 15px "Inter", sans-serif; text-transform: none; padding: 12px 16px; height: auto; }
#cont_poliza_colectiva.sgx .pc-modos { border: 0; margin: 0; display: inline-flex; gap: 4px; background: var(--sgx-ln2); border-radius: 10px; padding: 4px; }
#cont_poliza_colectiva.sgx .pc-modos .nav-link { border: 0; border-radius: 8px; padding: 8px 14px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k2); background: none; margin: 0; }
#cont_poliza_colectiva.sgx .pc-modos .nav-link.active { background: var(--sgx-sf, #fff); color: var(--sgx-k); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); font-weight: 600; }
#cont_poliza_colectiva.sgx .card-body { padding: 18px 20px; }
#cont_poliza_colectiva.sgx .card-body > div > p.small { font-size: 14px; color: var(--sgx-k3); }
#cont_poliza_colectiva.sgx .pc-drop { border: 1.5px dashed #c9d0d8; border-radius: 14px; background: var(--sgx-sf2, #fbfcfd); padding: 22px 20px; gap: 14px; }
#cont_poliza_colectiva.sgx .pc-drop:hover { border-color: var(--sgx-tnb, #14243a); background: color-mix(in srgb, #14243a 4%, #fff); }
#cont_poliza_colectiva.sgx .pc-drop > div { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; align-items: center; }
#cont_poliza_colectiva.sgx .pc-drop-ico { grid-row: span 2; width: 44px; height: 44px; border-radius: 12px; background: var(--sgx-ac, #eef2f8); color: var(--sgx-tn, #14243a); display: grid; place-items: center; }
#cont_poliza_colectiva.sgx .pc-drop label { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); }
#cont_poliza_colectiva.sgx .pc-drop .btn,
#cont_poliza_colectiva.sgx .btn-primary,
#cont_poliza_colectiva.sgx .btn-alternate { height: 40px; border-radius: 8px; padding: 0 16px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; }
#cont_poliza_colectiva.sgx .pc-slot { border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; }
#cont_poliza_colectiva.sgx .pc-slot.pc-hecho { border-left: 3px solid #16a34a; }
#cont_poliza_colectiva.sgx .pc-slot.pc-falta { border-left: 3px solid #d97706; }
#cont_poliza_colectiva.sgx .pc-slot .font-weight-bold { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); }
#cont_poliza_colectiva.sgx .pc-kpi { border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; }
#cont_poliza_colectiva.sgx .pc-kpi b { font: 600 22px "Inter", sans-serif; color: var(--sgx-k); }
#cont_poliza_colectiva.sgx .form-control { height: 40px; border: 1px solid var(--sgx-ln3, #dfe2e6); border-style: solid; border-radius: 8px; font: 400 14px "Inter", sans-serif; }
#cont_poliza_colectiva.sgx .form-control-sm { height: 34px; }
#cont_poliza_colectiva.sgx label { font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); }
#cont_poliza_colectiva.sgx .pc-tabla th { background: var(--sgx-sf, #fff); color: var(--sgx-k3); font: 600 13px "Inter", sans-serif; }
#cont_poliza_colectiva.sgx .pc-modos .nav-link.active { border-bottom: 0; color: var(--sgx-k); }
#cont_poliza_colectiva.sgx .pc-modos .nav-link::after, #cont_poliza_colectiva.sgx .pc-modos .nav-link::before { display: none; }
#cont_poliza_colectiva.sgx .pc-slot .btn-outline-primary { height: 34px; border-radius: 0 8px 8px 0; }

/* Formularios en modal (.sgx-form): mismos campos que el asistente */
.sgx-form .modal-body { padding: 16px 20px; }
.sgx-form .modal-body label { font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); text-transform: none; }
.sgx-form .modal-body .form-control,
.sgx-form .modal-body .select2-container .select2-selection--single { height: 40px; border: 1px solid var(--sgx-ln3, #dfe2e6); border-radius: 8px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k); background: var(--sgx-sf, #fff); }
.sgx-form .modal-body textarea.form-control { height: auto; min-height: 80px; }
.sgx-form .modal-body .form-control:focus { border-color: var(--sgx-tnb, #14243a); box-shadow: 0 0 0 3px rgba(20, 36, 58, .1); }
.sgx-form .modal-body .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 12px; }
.sgx-form .modal-body .select2-container .select2-selection--single .select2-selection__arrow { height: 38px; }
.sgx-form .sgx-form-h { font: 600 12.5px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k4); margin: 4px 0 10px; }
.sgx-form .bg-view-info { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-form .modal-footer { justify-content: space-between; }
.sgx-form .modal-footer .btn { height: 40px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; float: none; }
.sgx-form .modal-footer .btn-danger { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); color: var(--sgx-k2); }
.sgx .sgx-acciones-top { display: flex; gap: 8px; }
.sgx .sgx-acciones-top > div { flex: none; max-width: none; width: auto; padding: 0; }
.sgx #cont_max_row_seguimiento select { width: 72px; }
.sgx #tabla_comentarios td { white-space: normal; }
.sgx .sgx-bar input.form-control { flex: 0 1 220px; width: auto; }
.sgx .sgx-bar .sgx-q input.form-control { width: 100%; }
.sgx .sgx-bar .sgx-q #filtro_busqueda_comentario { padding-left: 36px; }

/* Pendientes: pagos vencidos sin fondo rojo, con marca lateral y píldora */
.sgx .sgx-tabla tr.table-danger > td,
.sgx .sgx-tabla tr.table-danger > th { background: transparent; }
.sgx .sgx-tabla tr.sgx-atrasado > td:first-child { box-shadow: inset 3px 0 0 #dc2626; }
.sgx .sgx-pill.sgx-pill-sm { padding: 1px 8px; font-size: 11.5px; margin-top: 3px; }
.sgx .sgx-pill.sgx-pill-sm::before { width: 6px; height: 6px; }
.sgx .sgx-monto { font: 600 14px "Inter", sans-serif; color: var(--sgx-k); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sgx .sgx-tabla .contenedor_link_vinculo .btn-link { color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; padding: 0; text-decoration: none; }
.sgx .sgx-ctr .btn-link#open_modal_contratante { color: var(--sgx-k); font: 600 14px "Inter", sans-serif; text-align: left; white-space: normal; padding: 0; }
.sgx #table_pagos_pendientes td { white-space: normal; }
.sgx #table_pagos_pendientes td:nth-child(n+8) { white-space: nowrap; }
.sgx #cont_max_row_pagos_pendientes select { width: 72px; }
.sgx .sgx-top #daterange_pagos_pendientes { width: 220px; }
.sgx .sgx-ctr { display: flex; align-items: center; gap: 6px; min-width: 210px; }
.sgx .sgx-ctr > #open_modal_contratante { display: flex; align-items: center; gap: 8px; }
.sgx .sgx-ctr .sgx-vin form { margin: 0; }
.sgx #vista_pagos_pendientes .sgx-bar .sgx-q { flex: 1 1 220px; }
.sgx #vista_pagos_pendientes .sgx-bar .select2-container { flex: 0 1 165px; min-width: 0; }
.sgx .sgx-ctr .sgx-tp { flex: none; }
.sgx .sgx-top .sgx-rango { width: 220px; }
.sgx .sgx-top .sgx-rango .form-control { width: 110px; }
.sgx .sgx-top .sgx-rango + div { margin-left: 8px; }
.sgx .sgx-filas select { width: 72px; }
.sgx .sgx-bar .sgx-q .sgx-q-sola { border-radius: 10px; }
.sgx .tab-pane .sgx-bar .sgx-q { flex: 1 1 220px; }
.sgx .tab-pane .sgx-bar .select2-container { flex: 0 1 165px; min-width: 0; }
.sgx .sgx-tabla td:has(.sgx-monto) { white-space: nowrap; }
.sgx .sgx-tabla .contenedor_link_vinculo .btn-link, .sgx .sgx-pn .btn-link { white-space: nowrap; }
.sgx #filtrado_sistema_seguros .cont-buscador #nuevo_cliente,
.sgx #filtrado_sistema_seguros .cont-buscador #open_modal_importar_polizas_pdf { height: 40px; }

/* Menú de etiquetas: sus pestañas no son opciones de menú; sin esto se apilan y la segunda tapa el buscador */
.sgx .count_menu_etiquetas_global { min-width: 260px; }
.sgx .dropdown-menu .card-header > .nav { flex-wrap: nowrap; }
.sgx .dropdown-menu .card-header > .nav .nav-link {
    display: flex; justify-content: center; gap: 6px; width: auto; padding: 8px 6px;
    font: 500 13px "Inter", sans-serif; white-space: nowrap; border-radius: 0;
}
.sgx .dropdown-menu .card-header > .nav .nav-link:hover { background: none; }

/* Filtros avanzados como la maqueta: cabecera blanca, barras de sección, estatus en fichas y pie con resumen */
.sgx-flt .modal-header.modal-header-clean { background: var(--sgx-sf, #fff); color: var(--sgx-k); border-bottom: 1px solid var(--sgx-ln); align-items: flex-start; padding: 16px 20px; }
.sgx-flt .modal-header .modal-title { color: var(--sgx-k); font: 600 20px/1.2 "Inter", sans-serif; }
.sgx-flt .sgx-flt-eye { display: block; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); margin-bottom: 2px; }
.sgx-flt > .modal-body { max-height: calc(100vh - 210px); overflow-y: auto; }
.sgx-btn-cargando { position: relative; pointer-events: none; }
.sgx-btn-cargando > * { visibility: hidden; }
.sgx-btn-cargando::after { content: ""; position: absolute; inset: 0; margin: auto; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, .45); border-top-color: #fff; border-radius: 50%; animation: sgx-gira .8s linear infinite; }
.sgx-flt .modal-header .close { margin: -4px -6px 0 auto; padding: 6px; color: var(--sgx-k3); opacity: 1; text-shadow: none; }
.sgx-flt .modal-header .close .sgx-ic { width: 18px; height: 18px; }
.sgx-flt .border.rounded,
.sgx-flt .panel.border { border: 0; border-radius: 0; background: none; }
.sgx-flt .card-header.trmg_panel-heading.sgx-sec-h {
    display: flex; align-items: center; gap: 10px; min-height: 0; padding: 10px 14px;
    background: #4a6178; color: #fff; border: 0; border-radius: 8px;
}
.sgx-flt .card-header.trmg_panel-heading.sgx-sec-h > label:first-child { color: #fff; font: 600 13px "Inter", sans-serif; text-transform: uppercase; letter-spacing: .05em; }
.sgx-flt .sgx-sec-h .sgx-cnt { font: 500 13px "Inter", sans-serif; color: rgba(255, 255, 255, .8); }
.sgx-flt .card-header.j-forms.sgx-sec-h label.checkbox { color: #fff; }
.sgx-flt .card-header.j-forms.sgx-sec-h label.checkbox input { accent-color: #fff; }
.sgx-flt .border.rounded > .card-body,
.sgx-flt .panel > .card-body { padding: 10px 0 0; }
.sgx-flt #filtros_status_poliza .row,
.sgx-flt #filtros_status_ot .row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.sgx-flt #filtros_status_poliza .row > [class*="col-"],
.sgx-flt #filtros_status_ot .row > [class*="col-"] { flex: none; width: auto; max-width: none; padding: 0; }
.sgx-flt .j-forms label.sgx-chip-st { width: auto; border-radius: 10px; padding: 8px 14px; }
.sgx-flt .j-forms label.sgx-chip-st:has(input:checked) { border-color: var(--c); background: color-mix(in srgb, var(--c) 10%, #fff); }
.sgx-flt .j-forms label.sgx-chip-st input { accent-color: var(--c); }
.sgx-flt .modal-footer > .col-md-12 { align-items: center; }
.sgx-flt .sgx-flt-res { margin-right: auto; display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.sgx-flt .sgx-flt-n { font: 600 14px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-flt .sgx-flt-txt { font: 400 13px "Inter", sans-serif; color: var(--sgx-k3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 560px; }
.sgx-flt .sgx-flt-limpiar { font: 500 14px "Inter", sans-serif; color: var(--sgx-k2); text-decoration: underline; text-underline-offset: 3px; margin-right: 8px; }
.sgx-flt .modal-footer .btn-danger .sgx-ic { color: #dc2626; }
.sgx-flt .card-header.trmg_panel-heading.sgx-sec-h { height: auto; }
.sgx-flt .rounded > .card-body,
.sgx-flt .panel > .card-body { padding: 10px 0 0; border: 0; }
.sgx-flt .j-forms label.sgx-chip-st,
.sgx-flt #filtros_poliza label.checkbox { border-color: var(--sgx-ln); background: var(--sgx-sf, #fff); }
.sgx-flt #filtros_poliza .form-row { gap: 8px; }

/* Modal con cabecera blanca (.sgx-blanco) y cambio de contratante (.sgx-cc) */
.sgx-mod.sgx-blanco .modal-header.modal-header-clean { background: var(--sgx-sf, #fff); color: var(--sgx-k); border-bottom: 1px solid var(--sgx-ln); }
.sgx-mod.sgx-blanco .modal-title { color: var(--sgx-k); font-size: 20px; }
.sgx-mod.sgx-blanco .modal-title small { color: var(--sgx-k3); opacity: 1; }
.sgx-mod.sgx-blanco .modal-header .close { color: var(--sgx-k3); opacity: 1; text-shadow: none; padding: 6px; margin: -4px -6px 0 auto; }
/* El resto de modales con .modal-header-clean llevaban banda de color: misma cabecera blanca */
.modal-header.modal-header-clean { background: var(--sgx-sf, #fff); color: var(--sgx-k, #0b0d12); border-bottom: 1px solid var(--sgx-ln, #ebedf0); }
.modal-header.modal-header-clean h4, .modal-header.modal-header-clean h5, .modal-header.modal-header-clean .modal-title { color: var(--sgx-k, #0b0d12); }
.modal-header.modal-header-clean .close { color: var(--sgx-k3, #6b7280); opacity: 1; text-shadow: none; }
.sgx-cc .sgx-cc-info { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--sgx-ln); border-radius: 12px; overflow: hidden; margin-bottom: 16px; }
.sgx-cc .sgx-cc-info > div { padding: 10px 14px; border-left: 1px solid var(--sgx-ln); min-width: 0; }
.sgx-cc .sgx-cc-info > div:first-of-type { border-left: 0; }
.sgx-cc .sgx-cc-info span { display: block; font: 400 13px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-cc .sgx-cc-info b { display: block; font: 600 15px "Inter", sans-serif; color: var(--sgx-k); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sgx-cc .sgx-cc-bus { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.sgx-cc .sgx-cc-bus h6 { margin: 0 auto 0 0; font: 600 13px "Inter", sans-serif; color: var(--sgx-k3); text-transform: uppercase; letter-spacing: .05em; }
.sgx-cc .sgx-cc-bus .sgx-flt-q { flex: 0 1 380px; }
.sgx-cc .sgx-flt-q { display: flex; align-items: center; gap: 8px; height: 38px; margin: 0; border: 1px solid var(--sgx-ln); border-radius: 10px; padding: 0 12px; color: var(--sgx-k3); }
.sgx-cc .sgx-flt-q:focus-within { border-color: var(--sgx-ai); box-shadow: 0 0 0 3px var(--sgx-ai2); }
.sgx-cc .sgx-flt-q input { border: 0; outline: 0; flex: 1; min-width: 0; font: 400 14px "Inter", sans-serif; background: none; }
.sgx-cc #cont-tabla-clientes { border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-cc .sgx-tabla td.sgx-mut { max-width: 220px; }
.sgx-cc .sgx-cc-n { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sgx-cc .sgx-cc-n a { font: 600 14px "Inter", sans-serif; color: var(--sgx-k); text-decoration: none; }
.sgx-cc .sgx-cc-n a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx-cc .sgx-cc-ctn { font: 500 12px "Inter", sans-serif; color: var(--sgx-k3); background: var(--sgx-ln2); border-radius: 6px; padding: 1px 6px; }
.sgx-cc .sgx-cc-sub { display: flex; align-items: center; gap: 5px; margin-top: 3px; font: 400 12.5px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-cc .sgx-cc-sub .sgx-ic,
.sgx-cc .sgx-cc-mi .sgx-ic { width: 13px; height: 13px; flex: none; }
.sgx-cc .sgx-cc-mi { display: flex; align-items: center; gap: 6px; font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k2); overflow-wrap: anywhere; }
.sgx-mod .sgx-gr-actual { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin-bottom: 16px; border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-mod .sgx-gr-actual span:not(.sgx-tp) { display: block; font: 400 13px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-mod .sgx-gr-actual b { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-form .modal-body .select2-container { width: 100% !important; }
.sgx-tj .sgx-tj-top { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.sgx-tj .sgx-tj-top h6 { margin: 0 auto 0 0; font: 600 13px "Inter", sans-serif; color: var(--sgx-k3); text-transform: uppercase; letter-spacing: .05em; }
.sgx-tj .sgx-tj-top .btn { height: 38px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; }
.sgx-tj .sgx-tj-lista { border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-tj .sgx-tj-num { display: inline-flex; align-items: center; gap: 7px; font: 600 14px "Inter", sans-serif; color: var(--sgx-k); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sgx-tj .sgx-tj-num .sgx-ic { color: var(--sgx-k3); }
.sgx-tj .sgx-tj-red { font: 600 11.5px "Inter", sans-serif; letter-spacing: .04em; color: var(--sgx-k2); background: var(--sgx-ln2); border-radius: 6px; padding: 3px 7px; }
.sgx-tj .widget-container, .sgx-tj .widget-wrap, .sgx-tj .widget-content { margin: 0; padding: 0; border: 0; box-shadow: none; background: none; }

/* Calendario (.sgx-cal) */
.sgx-cal .sgx-cal-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 10px; }
.sgx-cal .sgx-cal-top > [class*="col-"],
.sgx-cal .sgx-cal-top .calendar-nav,
.sgx-cal .sgx-cal-top .calendar-nav .form-row,
.sgx-cal .sgx-cal-top .calendar-nav [class*="col-"] { display: contents; }
.sgx-cal .sgx-cal-top .form-group { margin: 0; }
.sgx-cal #titulo_fecha_calendario { order: -1; margin-right: 12px; }
.sgx-cal #titulo_fecha_calendario h4 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); text-transform: capitalize; }
.sgx-cal #titulo_fecha_calendario strong { font-weight: inherit; }
.sgx-cal .CalPrev, .sgx-cal .CalNext, .sgx-cal .CalToday, .sgx-cal #sincronizar_gcalendar {
    height: 38px; min-width: 38px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    border: 1px solid var(--sgx-ln); background: var(--sgx-sf, #fff); color: var(--sgx-k2); border-radius: 8px; font: 500 14px "Inter", sans-serif; box-shadow: none;
}
.sgx-cal .calendar-nav .btn-group > .btn:first-child { border-radius: 8px 0 0 8px; }
.sgx-cal .calendar-nav .btn-group > .btn:last-child { border-radius: 0 8px 8px 0; margin-left: -1px; }
.sgx-cal .CalPrev:hover, .sgx-cal .CalNext:hover, .sgx-cal .CalToday:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-cal #open_filtros_calendario { height: 38px; width: 42px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; position: relative; }
.sgx-cal #open_filtros_calendario .badge-dot { position: absolute; top: -3px; right: -3px; }
.sgx-cal #cont_mantener_filtros_agenda { margin: 0 4px; }
.sgx-cal #cont_mantener_filtros_agenda .custom-control-label { font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); padding-top: 2px; }
.sgx-cal #sincronizar_gcalendar { width: auto; display: inline-flex; }
.sgx-cal #sincronizar_gcalendar br { display: none; }
.sgx-cal #sincronizar_gcalendar .icon-google { width: 18px; height: 18px; }
.sgx-cal #cont_btn_view_cal { margin-left: auto; display: inline-flex; background: var(--sgx-ln2); border-radius: 10px; padding: 3px; gap: 2px; }
.sgx-cal #cont_btn_view_cal > label.btn { height: 32px; min-width: 0; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; color: var(--sgx-k3); font: 500 13.5px "Inter", sans-serif; box-shadow: none; display: inline-flex; align-items: center; }
.sgx-cal #cont_btn_view_cal > label.btn.hide { display: none; }
.sgx-cal #cont_btn_view_cal > label.btn:hover { color: var(--sgx-k); }
.sgx-cal #cont_btn_view_cal > label.btn.active { background: var(--sgx-sf, #fff); color: var(--sgx-k); box-shadow: 0 1px 2px rgba(15, 23, 42, .12); }
.sgx-cal #filtro_calendarios_avanzado_aseg { margin: 0 0 12px; }
.sgx-cal #filtro_calendarios_avanzado_aseg #forms-g-calendar .btn { margin: 0; height: 38px; border-radius: 8px; }
.sgx-cal #filtro_calendarios_avanzado_aseg #forms-g-calendar img { height: 34px; }
.sgx-cal #event-calendar { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; overflow: hidden; }
.sgx-cal #event-calendar.fc-unthemed th,
.sgx-cal #event-calendar.fc-unthemed td,
.sgx-cal #event-calendar.fc-unthemed thead,
.sgx-cal #event-calendar.fc-unthemed .fc-row,
.sgx-cal #event-calendar.fc-unthemed .fc-divider,
.sgx-cal #event-calendar.fc-unthemed .fc-popover { border-color: #eef0f2; }
.sgx-cal #event-calendar > .fc-view-container > .fc-view > table { border: 0; }
.sgx-cal #event-calendar .fc-day-header { font: 600 13px "Inter", sans-serif; color: var(--sgx-k3); padding: 10px 0; text-transform: capitalize; }
.sgx-cal #event-calendar .fc-day-number { font: 500 13px "Inter", sans-serif; color: var(--sgx-k2); padding: 6px 8px; }
.sgx-cal #event-calendar .fc-other-month .fc-day-number { color: var(--sgx-k4); }
.sgx-cal #event-calendar.fc-unthemed td.fc-today { background: #f5f8ff; }
.sgx-cal #event-calendar td.fc-today .fc-day-number,
.sgx-cal #event-calendar .fc-day-top.fc-today .fc-day-number { background: var(--sgx-tnb, #14243a); color: #fff; border-radius: 999px; min-width: 26px; height: 26px; padding: 0 7px; margin: 4px; display: inline-flex; align-items: center; justify-content: center; }
.sgx-cal #event-calendar .fc-event.sgx-ev {
    background: color-mix(in srgb, var(--c) 14%, #fff); border: 0; border-left: 3px solid var(--c); border-radius: 6px;
    padding: 3px 6px; margin: 1px 4px 3px; color: var(--sgx-k);
}
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-content,
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-title,
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-time { color: var(--sgx-k); font: 500 13px "Inter", sans-serif; }
.sgx-cal #event-calendar .fc-event.sgx-ev .icono_calendario_sistema { color: var(--c); }
.sgx-cal #event-calendar .fc-event.sgx-ev:hover { background: color-mix(in srgb, var(--c) 22%, #fff); }
.sgx-cal #event-calendar .fc-list-item.sgx-ev { background: none; }
.sgx-cal #event-calendar .fc-list-item.sgx-ev td { border-color: #eef0f2; }
.sgx-cal .sgx-cal-top > #titulo_fecha_calendario { display: block; flex: none; max-width: none; width: auto; padding: 0; }
.sgx-cal .sgx-cal-top > [class*="col-"]:has(#cont_btn_view_cal) { display: block; flex: none; max-width: none; width: auto; padding: 0; margin-left: auto; }
.sgx-cal #lista_tipo_calendario { width: 100%; }
.sgx-cal #lista_tipo_calendario td, .sgx-cal #lista_tipo_calendario th { padding: 5px 4px; vertical-align: middle; border: 0; }
.sgx-cal #lista_tipo_calendario label { margin: 0; font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k); cursor: pointer; }
.sgx-cal #lista_tipo_calendario th label { color: var(--sgx-k3); }
.sgx-cal #lista_tipo_calendario td:first-child svg { width: 14px; height: 14px; }
.sgx-cal #lista_tipo_calendario input[type="checkbox"] { width: 16px; height: 16px; accent-color: #14243a; }
.sgx-cal #date_inline_hoy .datepicker { width: 100%; font: 500 13px "Inter", sans-serif; }
.sgx-cal #date_inline_hoy .datepicker table { width: 100%; }
.sgx-cal #date_inline_hoy .datepicker td.day.today,
.sgx-cal #date_inline_hoy .datepicker td.active { background: var(--sgx-tnb, #14243a); color: #fff; border-radius: 999px; }
.sgx-cal #cont_tipo_calendario .table-responsive { overflow: visible; }
.sgx-cal #lista_tipo_calendario { table-layout: fixed; }
.sgx-cal #lista_tipo_calendario tr > :first-child { width: 24px; }
.sgx-cal #lista_tipo_calendario tr > :last-child { width: 26px; text-align: right; }
.sgx-cal #lista_tipo_calendario label { overflow-wrap: anywhere; }

/* Calendario estilo Google: barra lateral con Crear, minicalendario y Mis calendarios; rejilla a la derecha */
@media (min-width: 992px) {
    .sgx-cal > .form-row > .col-md-12 { display: grid; grid-template-columns: 248px minmax(0, 1fr); column-gap: 20px; align-items: start; }
    .sgx-cal > .form-row > .col-md-12 > * { grid-column: 2; min-width: 0; }
    .sgx-cal .sgx-cal-cuerpo { display: contents; }
    .sgx-cal #cont_tipo_calendario { grid-column: 1; grid-row: 1 / span 4; }
}
.sgx-cal #cont_tipo_calendario { display: flex; flex-direction: column; gap: 4px; }
.sgx-cal #cont_tipo_calendario > br, .sgx-cal #cont_tipo_calendario .block { display: none; }
.sgx-cal .sgx-cal-mini .datepicker { width: 100%; padding: 0; font: 500 12.5px "Inter", sans-serif; }
.sgx-cal .sgx-cal-mini .datepicker table { width: 100%; }
.sgx-cal .sgx-cal-mini .datepicker th, .sgx-cal .sgx-cal-mini .datepicker td { height: 28px; border-radius: 999px; }
.sgx-cal .sgx-cal-mini .datepicker .datepicker-switch { font: 600 14px "Inter", sans-serif; text-align: left; padding-left: 6px; }
.sgx-cal .sgx-cal-mini .datepicker td.day.today, .sgx-cal .sgx-cal-mini .datepicker td.active { background: var(--sgx-tnb, #14243a); color: #fff; }
.sgx-cal .sgx-cal-mini .datepicker .clear { display: none !important; }
.sgx-cal #cont_tipo_calendario .sgx-cal-h { margin: 16px 0 4px; font: 600 12px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k4); }
.sgx-cal #cont_tipo_calendario .table-responsive { overflow: visible; margin: 0; }
.sgx-cal #lista_tipo_calendario { width: 100%; table-layout: fixed; }
.sgx-cal #lista_tipo_calendario tr { cursor: pointer; }
.sgx-cal #lista_tipo_calendario tr:hover td, .sgx-cal #lista_tipo_calendario tr:hover th { background: var(--sgx-ln2); }
.sgx-cal #lista_tipo_calendario td, .sgx-cal #lista_tipo_calendario th { padding: 4px 6px; vertical-align: middle; border: 0; }
.sgx-cal #lista_tipo_calendario tr > :first-child { width: 0; padding: 0; font-size: 0; }
.sgx-cal #lista_tipo_calendario tr > :first-child * { display: none; }
.sgx-cal #lista_tipo_calendario tr > :nth-child(2) { border-radius: 0 8px 8px 0; }
.sgx-cal #lista_tipo_calendario tr > :last-child { width: 30px; order: -1; border-radius: 8px 0 0 8px; }
.sgx-cal #lista_tipo_calendario tr { display: flex; align-items: center; border-radius: 8px; }
.sgx-cal #lista_tipo_calendario tr > :nth-child(2) { flex: 1; min-width: 0; }
.sgx-cal #lista_tipo_calendario input[type="checkbox"] { width: 17px; height: 17px; margin: 0; cursor: pointer; }
.sgx-cal #lista_tipo_calendario label { margin: 0; font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.sgx-cal #lista_tipo_calendario th label { color: var(--sgx-k3); }
.sgx-cal .sgx-cal-filtros { display: none; }
.sgx-cal .sgx-cal-filtros.sgx-abierto { display: flex; }
.sgx-cal #sgx_cal_filtros[aria-expanded="true"] { border-color: var(--sgx-tnb, #14243a); color: var(--sgx-tn, #14243a); background: color-mix(in srgb, #14243a 6%, #fff); }
.sgx-cal .sgx-cal-n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--sgx-tnb, #14243a); color: #fff; font: 600 11px/18px "Inter", sans-serif; text-align: center; }
.sgx-cal .sgx-cal-n.hide { display: none; }
.sgx-cal.sgx-cargando #event-calendar { opacity: .6; transition: opacity .15s; }
.sgx-cal.sgx-cargando #titulo_fecha_calendario h4::after { content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 10px; border: 2px solid var(--sgx-ln); border-top-color: var(--sgx-tnb, #14243a); border-radius: 50%; animation: sgx-gira .8s linear infinite; vertical-align: middle; }
/* Cabecera estilo Google: Hoy ‹ › Título ......... vistas */
.sgx-cal .CalToday { order: 1; }
.sgx-cal .calendar-nav .btn-group { order: 2; }
.sgx-cal .sgx-cal-top > #titulo_fecha_calendario { order: 3; margin: 0 8px 0 4px; }
.sgx-cal #titulo_fecha_calendario h4 { font-size: 24px; }
.sgx-cal #sgx_cal_filtros { order: 5; }
.sgx-cal #open_filtros_calendario { order: 6; }
.sgx-cal #cont_mantener_filtros_agenda { order: 7; }
.sgx-cal #sincronizar_gcalendar { order: 8; }
.sgx-cal .calendar-nav .btn-group > .btn { border: 0; background: none; border-radius: 999px !important; width: 36px; min-width: 36px; padding: 0; margin: 0; }
.sgx-cal .calendar-nav .btn-group > .btn:hover { background: var(--sgx-ln2); }
.sgx-cal .CalToday { border-radius: 999px; padding: 0 18px; }
/* Rejilla con más vida: cabecera en mayúsculas, fines de semana tenues y día actual resaltado */
.sgx-cal #event-calendar .fc-day-header { font: 600 11.5px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k3); }
.sgx-cal #event-calendar.fc-unthemed td.fc-sat, .sgx-cal #event-calendar.fc-unthemed td.fc-sun { background: var(--sgx-sf2, #fbfbfc); }
.sgx-cal #event-calendar .fc-day-top { text-align: center; }
.sgx-cal #event-calendar .fc-day-top .fc-day-number { float: none; display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; margin: 5px 0 2px; padding: 0 6px; border-radius: 999px; }
.sgx-cal #event-calendar .fc-day-top:not(.fc-today):hover .fc-day-number { background: var(--sgx-ln2); }
.sgx-cal #event-calendar .fc-bg td:hover { background: var(--sgx-sf2, #f8fafc); }
.sgx-cal #event-calendar .fc-event.sgx-ev { border-left-width: 0; background: color-mix(in srgb, var(--c) 18%, #fff); border-radius: 6px; padding: 3px 8px; }
.sgx-cal #event-calendar .fc-event.sgx-ev::before { content: ""; position: absolute; left: 5px; top: 50%; width: 3px; height: 60%; transform: translateY(-50%); border-radius: 3px; background: var(--c); }
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-content { padding-left: 6px; }
.sgx-cal .sgx-cal-top > [class*="col-"]:has(#cont_btn_view_cal) { order: 10; margin-left: auto; }
.sgx-cal .sgx-cal-top { flex-wrap: nowrap; }
.sgx-cal #cont_mantener_filtros_agenda .custom-control-label { white-space: nowrap; }
.sgx-cal #cont_btn_view_cal > label.btn { padding: 0 11px; }
@media (max-width: 1360px) { .sgx-cal .sgx-cal-top { flex-wrap: wrap; } }
/* Filtros con form-check (citas): casillas como fichas y "Todos" en blanco sobre la barra */
.sgx-flt .card-header.sgx-sec-h .form-check { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 0 auto; padding: 0; }
.sgx-flt .card-header.sgx-sec-h .form-check-input { position: static; margin: 0; width: 15px; height: 15px; accent-color: #fff; }
.sgx-flt .card-header.sgx-sec-h .form-check-label,
.sgx-flt .card-header.sgx-sec-h .btn-actions-pane-right { color: #fff; font: 500 13px "Inter", sans-serif; text-transform: none; margin: 0 0 0 auto; }
.sgx-flt .card-body .form-check { display: flex; align-items: center; gap: 8px; min-height: 36px; margin: 3px 0; padding: 6px 10px; border: 1px solid var(--sgx-ln); border-radius: 8px; background: var(--sgx-sf, #fff); }
.sgx-flt .card-body .form-check:has(input:checked) { border-color: var(--sgx-tnb, #14243a); background: color-mix(in srgb, #14243a 6%, #fff); }
.sgx-flt .card-body .form-check-input { position: static; margin: 0; width: 16px; height: 16px; accent-color: #14243a; }
.sgx-flt .card-body .form-check-label { font: 500 14px "Inter", sans-serif; color: var(--sgx-k); cursor: pointer; }
.sgx-flt #filtros_status_citas .row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.sgx-flt #filtros_status_citas .row > [class*="col-"] { flex: none; width: auto; max-width: none; padding: 0; }
.sgx-flt .panel.panel-default { border: 0; background: none; box-shadow: none; margin-bottom: 14px; }
.sgx-flt .panel > .rounded > .card-body, .sgx-flt .panel > .card-body, .sgx-flt .rounded > .card-body { border: 0; padding: 10px 0 0; }
.sgx-flt .margionbottom-30 { margin-bottom: 14px; }
.sgx-flt .card-body > .card-body, .sgx-flt .card-body .panel-body { padding: 0; }

/* Modal de eventos del día (.sgx-evd): tablas de saludos, cobros, renovaciones, citas, etc. */
.sgx-evd .modal-title { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; }
.sgx-evd .modal-title small { flex-basis: 100%; }
.sgx-evd .sgx-evd-ic { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 9px; background: var(--sgx-ln2); }
.sgx-evd .sgx-evd-ic svg { width: 16px; height: 16px; }
.sgx-evd #tabla-eventos > .alert, .sgx-evd #tabla-eventos .alert-msg { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: none; border: 0; padding: 0 0 8px; margin: 0; color: var(--sgx-k3); font: 400 13.5px "Inter", sans-serif; }
.sgx-evd #tabla-eventos .table-responsive, .sgx-evd #tabla-eventos > .table { border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-evd #tabla-eventos .table { margin: 0; }
.sgx-evd #tabla-eventos .table th { font: 600 13px "Inter", sans-serif; color: var(--sgx-k3); background: var(--sgx-sf, #fff); }
.sgx-evd #tabla-eventos .table td { font: 400 14px "Inter", sans-serif; color: var(--sgx-k2); }
.sgx-evd #tabla-eventos .table td a:not(.btn) { color: var(--sgx-k); font-weight: 600; text-decoration: none; }
.sgx-evd #tabla-eventos .table td a:not(.btn):hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx-evd #tabla-eventos .table td .btn-link { color: var(--sgx-k); font-weight: 600; text-decoration: none; padding: 0; }
.sgx-evd #tabla-eventos .list-unstyled { display: flex; align-items: center; gap: 2px; margin: 0; }
.sgx-evd #tabla-eventos td h2, .sgx-evd #tabla-eventos td h3, .sgx-evd #tabla-eventos td h4 { font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); margin: 12px 0; text-align: center; }
.sgx-evd #tabla-eventos .table tr.table-danger > td { background: transparent; }
.sgx-evd #tabla-eventos .table tr.table-danger > td:first-child { box-shadow: inset 3px 0 0 #dc2626; }
/* Ajustes finos del calendario */
.sgx-cal #event-calendar .fc-event.sgx-ev::before { display: none; }
.sgx-cal #event-calendar .fc-event.sgx-ev { border-left: 3px solid var(--c); background: color-mix(in srgb, var(--c) 12%, #fff); border-radius: 4px 6px 6px 4px; }
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-content { padding-left: 2px; }
.sgx-cal #event-calendar .fc-event.sgx-ev .estilo_notificacion_contador, .sgx-cal #event-calendar .fc-event.sgx-ev .badge { background: color-mix(in srgb, var(--c) 30%, #fff); color: var(--sgx-k); }
.sgx-cal #open_filtros_calendario { background: var(--sgx-sf, #fff); color: var(--sgx-k2); border: 1px solid var(--sgx-ln); }
.sgx-cal #open_filtros_calendario:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-cal .sgx-cal-mini .datepicker { border: 0; }
.sgx-cal .sgx-cal-mini { border: 0; padding: 0; }
.sgx-cal .sgx-cal-mini .datepicker .prev, .sgx-cal .sgx-cal-mini .datepicker .next { color: var(--sgx-k3); font-size: 16px; }
.sgx-cal .sgx-cal-mini .datepicker th.dow { font: 600 11px "Inter", sans-serif; color: var(--sgx-k4); text-transform: uppercase; }
.sgx-cal .sgx-cal-mini .datepicker td.day { color: var(--sgx-k2); }
.sgx-cal .sgx-cal-mini .datepicker td.day.old, .sgx-cal .sgx-cal-mini .datepicker td.day.new { color: var(--sgx-k4); }
.sgx-cal .sgx-cal-mini .datepicker td.day:hover { background: var(--sgx-ln2); }
.sgx-cal #lista_tipo_calendario td, .sgx-cal #lista_tipo_calendario th { padding: 2px 6px; }
.sgx-cal #lista_tipo_calendario label { font-size: 13px; line-height: 24px; }
.sgx-cal #lista_tipo_calendario input[type="checkbox"] { width: 15px; height: 15px; }


/* Pendientes · Hoy: tablero de tarjetas por categoría */
.sgx .sgx-hoy .sgx-hoy-fecha { font: 500 15px "Inter", sans-serif; color: var(--sgx-k3); margin-left: 4px; }
.sgx .sgx-hoy .sgx-hoy-sec { margin-bottom: 18px; }
.sgx .sgx-hoy .sgx-hoy-h { margin: 0 0 8px; font: 600 12.5px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k4); }
.sgx .sgx-hoy .sgx-hoy-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.sgx .sgx-hoy .sgx-hoy-grid > div:has(table[id^="tabla_dinamica"]) { grid-column: 1 / -1; }
.sgx .sgx-hoy .sgx-hoy-grid > div:empty { display: none; }
.sgx .sgx-hoy .panel { height: 100%; margin: 0; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; overflow: hidden; }
.sgx .sgx-hoy .panel > .card-header { display: flex; align-items: center; min-height: 0; height: auto; padding: 12px 14px; background: var(--sgx-sf, #fff); border-bottom: 1px solid #eef0f2; }
.sgx .sgx-hoy .panel > .card-header h6 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; font: 600 15px "Inter", sans-serif; color: var(--sgx-k); text-transform: none; }
.sgx .sgx-hoy .panel > .card-header h6 > svg:first-child,
.sgx .sgx-hoy .panel > .card-header h6 > i:first-child { width: 30px; height: 30px; padding: 7px; border-radius: 8px; background: var(--sgx-ln2); color: var(--sgx-k2); }
.sgx .sgx-hoy .panel > .card-header h6 .badge { order: 9; margin-left: auto; background: var(--sgx-ln2); color: var(--sgx-k2); font: 600 12px "Inter", sans-serif; padding: 3px 9px; border-radius: 999px; }
.sgx .sgx-hoy .panel > .card-header h6 small, .sgx .sgx-hoy .panel > .card-header h6 span:not(.badge) { flex-basis: 100%; font: 400 12.5px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx .sgx-hoy .panel > .card-body { padding: 0; }
.sgx .sgx-hoy .panel > .card-body .table-responsive { margin: 0; }
.sgx .sgx-hoy .panel td h3, .sgx .sgx-hoy .panel td h2, .sgx .sgx-hoy .panel h3.text-center { font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k3); margin: 0; padding: 18px 14px; text-align: left; }
.sgx .sgx-hoy .panel table:not([id^="tabla_dinamica"]) { margin: 0; border: 0; }
.sgx .sgx-hoy .panel table:not([id^="tabla_dinamica"]) td { border: 0; padding: 0; }

/* Agendar / editar cita (.sgx-cita) */
.sgx-cita .modal-title { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; }
.sgx-cita .modal-title small { flex-basis: 100%; }
.sgx-cita .modal-title .sgx-pill { font-size: 12.5px; }
.sgx-cita .modal-body > .container { max-width: none; padding: 0; }
.sgx-cita .modal-body label:not(.btn) > svg.svg-inline--fa,
.sgx-cita .modal-body label:not(.btn) > i.fa, .sgx-cita .modal-body label:not(.btn) > i.fas { display: none; }
.sgx-cita #activar_subir_archivos, .sgx-cita .btn-light.btn-wide { height: 40px; border-radius: 8px; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); color: var(--sgx-k2); font: 500 14px "Inter", sans-serif; }
.sgx-cita .modal-body .control-label, .sgx-cita .modal-body label.label { font: 500 13.5px "Inter", sans-serif; color: var(--sgx-k2); text-transform: none; margin-bottom: 4px; }
.sgx-cita #cont_btn_tipo_seguimiento { display: flex; background: var(--sgx-ln2); border-radius: 10px; padding: 3px; gap: 2px; }
.sgx-cita #cont_btn_tipo_seguimiento > label.btn { flex: 1; height: 34px; border: 0; border-radius: 8px !important; background: transparent; color: var(--sgx-k3); box-shadow: none; display: inline-flex; align-items: center; justify-content: center; }
.sgx-cita #cont_btn_tipo_seguimiento > label.btn.active { background: var(--sgx-sf, #fff); color: var(--sgx-k); box-shadow: 0 1px 2px rgba(15, 23, 42, .12); }
.sgx-cita #cont_btn_tipo_seguimiento > label.btn svg { width: 15px; height: 15px; }
.sgx-cita .modal-footer > .container { max-width: none; padding: 0; }
.sgx-cita .modal-footer .col-md-12 { display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; padding: 0; }
.sgx-cita .modal-footer .btn { height: 40px; border-radius: 8px; float: none; margin: 0; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; }
.sgx-cita .modal-footer .btn.hide { display: none; }
.sgx-cita .modal-footer #cerrar_modal_citas { margin-right: auto; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); color: var(--sgx-k2); }
.sgx-cita .cke { border-radius: 8px; border-color: var(--sgx-ln); overflow: hidden; }

/* Calendario: panel de filtros ordenado en rejilla de 3 columnas */
.sgx-cal .sgx-cal-filtros.sgx-abierto { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 12px; padding: 14px; margin: 0 0 4px; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-cal .sgx-cal-filtros > [class*="col-"]:empty { display: none; }
.sgx-cal .sgx-cal-filtros .select2-container { width: 100% !important; flex: none; }
.sgx-cal .sgx-cal-filtros select.form-control { width: 100%; }
.sgx-cal .sgx-cal-filtros > [class*="col-"]:has(#forms-g-calendar),
.sgx-cal .sgx-cal-filtros #forms-g-calendar { grid-column: 3; justify-self: end; }
.sgx-cal .sgx-cal-filtros #forms-g-calendar { grid-row: 3; }
.sgx .sgx-bar .custom-control-label { position: relative; width: auto; height: auto; overflow: visible; clip: auto; white-space: nowrap; }
.sgx-cal .sgx-cal-filtros #forms-g-calendar > button { grid-column: 3; grid-row: 3; justify-self: end; }

/* Siniestros GMM / Vida / Daños */
.sgx-sin .sgx-sub-tit { font: 500 14px "Inter", sans-serif; color: var(--sgx-k3); margin-top: 2px; }
.sgx-sin .sgx-bar .sgx-fecha { position: static; width: auto; height: auto; overflow: visible; clip: auto; display: inline-flex; align-items: center; gap: 6px; margin: 0; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); white-space: nowrap; }
.sgx-sin .sgx-bar .sgx-fecha input { width: 160px; height: 40px; border: 1px dashed var(--sgx-bd, #cfd4da); border-radius: 8px; }
.sgx-sin .sgx-sin-cargando { position: absolute; left: 36px; bottom: -20px; margin: 0; font: 400 12px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-sin .sgx-tabla .dropdown-menu .dropdown-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k); text-align: left; }

/* Seguimiento de cobranza y de renovaciones (.sgx-seg) */
.sgx-seg #encabezados-sistema-seguros { padding: 0; margin: 4px 0 2px; background: none; border: 0; }
.sgx-seg #encabezados-sistema-seguros h3 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); text-transform: none; }
.sgx-seg #encabezados-sistema-seguros h5 { margin: 4px 0 0; font: 500 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-seg #encabezados-sistema-seguros h5:empty { display: none; }
.sgx-seg .sgx-bar .input { margin: 0 !important; }
.sgx-seg .sgx-bar #listar_poliza { order: 20; margin-left: auto; height: 40px; }
.sgx-seg .sgx-bar #page_cant_programacion_cobranza { order: 19; width: 76px; flex: none; }
.sgx-seg .sgx-bar #filtro_busqueda_programacion_cobranza { height: 40px; width: 280px; border-radius: 10px 0 0 10px; border: 1px solid var(--sgx-ln); padding-left: 12px; }
.sgx-seg .sgx-bar #open_filtros_seguimiento_cobranza { height: 40px; width: 44px; margin-left: -8px; border-radius: 0 10px 10px 0; display: inline-flex; align-items: center; justify-content: center; }
.sgx-seg .sgx-bar #rango_fechas { display: inline-flex; gap: 6px; width: auto; flex-wrap: nowrap; }
.sgx-seg .sgx-bar #rango_fechas input { width: 130px; height: 40px; border-radius: 8px; border: 1px dashed var(--sgx-bd, #cfd4da); margin: 0 !important; }
.sgx-seg .sgx-bar #daterange_cobranza { width: 220px; height: 40px; }
.sgx-seg .sgx-bar #clear_filtros_fecha_todos { order: 2; }
.sgx-seg td > ul.list-unstyled { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0; min-width: 96px; }
.sgx-seg td > ul.list-unstyled > li { margin: 0; }
.sgx-seg .sgx-warn-sup { top: -.6em; color: var(--sgx-warn, #d97706); }
.sgx-seg .sgx-warn-sup svg { width: 11px; height: 11px; }
/* Calendario: eventos en una línea con punto de estatus y lista de próximos */
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 5px; }
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-content .fc-time { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; flex: none; }
.sgx-cal #event-calendar .fc-event.sgx-ev .fc-content .fc-title { overflow: hidden; text-overflow: ellipsis; }
.sgx-cal #event-calendar .fc-event.sgx-ev .icono_calendario_sistema { display: inline-flex; color: var(--c); }
.sgx-cal #event-calendar .fc-event.sgx-ev .icono_calendario_sistema svg { width: 13px; height: 13px; }
.sgx-cal #event-calendar .sgx-ev-st { width: 7px; height: 7px; border-radius: 50%; background: var(--s); flex: none; }
.sgx-cal #event-calendar .estilo_notificacion_alerta { display: none; }
/* Una sola barra de scroll: el calendario crece con su contenido; el mes llena la pantalla por alto de fila */
.sgx-cal #event-calendar .fc-month-view .fc-day-grid .fc-row { min-height: max(110px, calc((100vh - 230px) / 5)); }
.sgx-cal #event-calendar .fc-scroller { overflow: visible !important; height: auto !important; }

/* Vista del contratante (.sgx-vc): encabezado tipo ficha y pestañas */
.sgx-vc .sgx-vc-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; padding: 18px 20px; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 14px; }
.sgx-vc .sgx-vc-main { display: flex; align-items: center; gap: 14px; min-width: 0; }
.sgx-vc .sgx-vc-av { width: 56px; height: 56px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: var(--sgx-ln2); font: 600 20px "Inter", sans-serif; color: var(--sgx-k); text-transform: uppercase; }
.sgx-vc .sgx-vc-id h3 { margin: 0; font: 600 24px/1.2 "Inter", sans-serif; letter-spacing: -.01em; }
.sgx-vc .sgx-vc-id h3 a { color: var(--sgx-k); text-decoration: none; }
.sgx-vc .sgx-vc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 4px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-vc .sgx-vc-meta span { display: inline-flex; align-items: center; gap: 5px; }
.sgx-vc .sgx-vc-meta .sgx-ic { width: 14px; height: 14px; }
.sgx-vc .sgx-vc-cumple { color: #b45309; font-weight: 600; }
.sgx-vc .sgx-vc-meta a { color: var(--sgx-tn, #14243a); font-weight: 600; display: inline-flex; align-items: center; gap: 5px; }
.sgx-vc .sgx-vc-acc { grid-column: 2; grid-row: 1 / span 3; display: flex; flex-direction: column; gap: 6px; align-items: stretch; min-width: 220px; }
.sgx-vc .sgx-vc-acc .sgx-btn, .sgx-vc .sgx-vc-acc .btn { justify-content: flex-start; height: 38px; }
.sgx-vc .sgx-vc-acc .btn { display: inline-flex; align-items: center; gap: 7px; border-radius: 8px; font: 500 14px "Inter", sans-serif; }
.sgx-vc .sgx-vc-acc .subgrupo_contratante { color: var(--sgx-k3); font-weight: 400; }
.sgx-vc .sgx-vc-n { margin-left: auto; min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--sgx-ln2); font: 600 12px "Inter", sans-serif; color: var(--sgx-k2); text-align: center; }
.sgx-vc .sgx-vc-datos { display: flex; flex-wrap: wrap; gap: 8px; }
.sgx-vc .sgx-vc-dato { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--sgx-ln); border-radius: 10px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k); max-width: 100%; }
.sgx-vc .sgx-vc-dato a { color: var(--sgx-k); }
.sgx-vc .sgx-vc-dato .sgx-ic { width: 15px; height: 15px; color: var(--sgx-k3); flex: none; }
.sgx-vc .sgx-vc-docs { display: flex; flex-wrap: wrap; gap: 6px; }
.sgx-vc .sgx-vc-doc { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; border: 1px dashed var(--sgx-ln); font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k4); }
.sgx-vc .sgx-vc-doc.sgx-on { border: 1px solid color-mix(in srgb, #16a34a 35%, #fff); background: #f0fdf4; color: #166534; text-decoration: none; }
.sgx-vc .sgx-vc-doc .sgx-ic { width: 12px; height: 12px; }
@media (max-width: 991px) { .sgx-vc .sgx-vc-card { grid-template-columns: 1fr; } .sgx-vc .sgx-vc-acc { grid-column: 1; grid-row: auto; flex-direction: row; flex-wrap: wrap; } }
.sgx-vc-tabs > .card { border: 0; background: none; box-shadow: none; }
.sgx-vc-tabs #cont_menu_pendiente_contratante { background: none; }
.sgx-vc-tabs #botones_vistas { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 4px; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-vc-tabs #botones_vistas .nav-link { padding: 7px 14px; border-radius: 8px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k3); background: none; }
.sgx-vc-tabs #botones_vistas .nav-link:hover { color: var(--sgx-k); background: var(--sgx-ln2); }
.sgx-vc-tabs #botones_vistas .nav-link.active { background: var(--sgx-tnb, #14243a); color: #fff; }
.sgx-vc-tabs #cont_info_pendiente_contratante { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; margin-top: 10px; padding: 14px !important; }
.sgx-vc-tabs #cont_info_pendiente_contratante h3, .sgx-vc-tabs #cont_info_pendiente_contratante h4 { font: 600 16px "Inter", sans-serif; color: var(--sgx-k); text-transform: none; }
.sgx-vc .sgx-vc-id h3 a, .sgx-vc .sgx-vc-id h3 a:hover { text-decoration: none; }
.sgx-vc-tabs #cont_info_pendiente_contratante .table th { font: 600 13px "Inter", sans-serif; color: var(--sgx-k3); text-align: left; background: var(--sgx-sf, #fff); }
.sgx-vc-tabs #cont_info_pendiente_contratante .table td { font: 400 14px "Inter", sans-serif; color: var(--sgx-k2); text-align: left; vertical-align: middle; }
.sgx-vc-tabs #cont_info_pendiente_contratante .table td a:not(.btn) { color: var(--sgx-k); font-weight: 600; text-decoration: none; }
.sgx-vc-tabs #cont_info_pendiente_contratante .table td a:not(.btn):hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx-vc-tabs #cont_info_pendiente_contratante .table tr.table-danger > td { background: transparent; }
.sgx-vc-tabs #cont_info_pendiente_contratante .table tr.table-danger > td:first-child { box-shadow: inset 3px 0 0 #dc2626; }
.sgx-vc-tabs #cont_info_pendiente_contratante .list-unstyled { display: flex; align-items: center; gap: 2px; margin: 0; }
.sgx-vc-tabs #cont_info_pendiente_contratante h2, .sgx-vc-tabs #cont_info_pendiente_contratante td h3 { font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-vc-tabs #cont_info_pendiente_contratante > .tab-content > .tab-pane > h3,
.sgx-vc-tabs #cont_info_pendiente_contratante .tab-pane h3:not(td h3) { font: 600 13px "Inter", sans-serif; letter-spacing: .05em; text-transform: uppercase; color: var(--sgx-k3); margin: 8px 0; }
/* Filtros activos visibles como fichas bajo la cabecera */
.sgx-cal .sgx-cal-activos { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; }
.sgx-cal .sgx-cal-activos.hide { display: none; }
.sgx-cal .sgx-cal-chip { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 4px 0 12px; border-radius: 999px; background: color-mix(in srgb, #14243a 8%, #fff); border: 1px solid color-mix(in srgb, #14243a 25%, #fff); font: 400 13px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-cal .sgx-cal-chip b { font-weight: 600; }
.sgx-cal .sgx-cal-chip-x { width: 22px; height: 22px; border: 0; border-radius: 50%; background: none; color: var(--sgx-k3); font-size: 16px; line-height: 1; cursor: pointer; }
.sgx-cal .sgx-cal-chip-x:hover { background: var(--sgx-sf, #fff); color: #dc2626; }
.sgx-cal .sgx-cal-chip-limpiar { border: 0; background: none; font: 500 13px "Inter", sans-serif; color: var(--sgx-k2); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.sgx-cal #open_filtros_calendario #filtros_avanzados_agenda_activos:not(.hide) { display: block; width: 10px; height: 10px; border: 2px solid var(--sgx-sf, #fff); }
/* Calendario: grupos plegables, tarjeta al pasar el mouse y línea de «ahora» */
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp { display: block; margin-top: 8px; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp th { display: block; padding: 0; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp:hover th { background: none; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 4px 6px; border: 0; background: none; font: 600 12px "Inter", sans-serif; letter-spacing: .05em; text-transform: uppercase; color: var(--sgx-k3); cursor: pointer; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp button .sgx-ic { width: 14px; height: 14px; transition: transform .15s; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp.sgx-cerrado button .sgx-ic { transform: rotate(-90deg); }
.sgx-cal #lista_tipo_calendario tr.hide { display: none; }
.sgx-cal-tarjeta { position: absolute; z-index: 1060; display: none; flex-direction: column; gap: 3px; width: 260px; padding: 10px 12px 10px 14px; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln3, #e6e8eb); border-left: 4px solid var(--c); border-radius: 10px; box-shadow: 0 16px 40px -12px rgba(15, 23, 42, .3); pointer-events: none; }
.sgx-cal-tarjeta.sgx-visible { display: flex; }
.sgx-cal-tarjeta b { font: 600 14px "Inter", sans-serif; color: var(--sgx-k, #0b0d12); }
.sgx-cal-tarjeta span { font: 400 13px "Inter", sans-serif; color: var(--sgx-k3, #6b7280); }
.sgx-cal #event-calendar .fc-now-indicator { border-color: #dc2626; }
.sgx-cal #event-calendar .fc-now-indicator-arrow { border-color: #dc2626; border-top-color: transparent; border-bottom-color: transparent; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp > th { width: auto; font-size: 13px; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp > th button { display: flex; }
.sgx-cal #lista_tipo_calendario tr.sgx-cal-grp > th button .sgx-ic { display: inline-block; }

/* Membresías */
.sgx .sgx-h4 { margin: 0; font: 600 20px "Inter", sans-serif; color: var(--sgx-k); letter-spacing: -.01em; }
.sgx-memb .sgx-memb-n { display: flex; align-items: center; gap: 10px; }
.sgx-memb .sgx-memb-n img { width: 34px; height: 34px; border-radius: 8px; object-fit: cover; }
.sgx-memb .sgx-memb-n b, .sgx-memb .sgx-memb-c { font: 600 14.5px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-memb .sgx-memb-color { display: inline-flex; align-items: center; gap: 7px; font: 500 13px "JetBrains Mono", ui-monospace, monospace; color: var(--sgx-k2); }
.sgx-memb .sgx-memb-color i { width: 16px; height: 16px; border-radius: 5px; background: var(--c); }
.sgx-memb .sgx-memb-v { white-space: nowrap; font-variant-numeric: tabular-nums; }
.sgx-memb .cont-tabla { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-memb .cont-tabla > .sgx-info { border-bottom: 1px solid var(--sgx-ln2); }

/* Solicitudes de daños y Auditoría de cartera */
.sgx .sgx-card-t { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; overflow: hidden; }
.sgx-sol .sgx-cl { color: var(--sgx-k); font: 600 14.5px "Inter", sans-serif; text-decoration: none; }
.sgx-ac .sgx-ac-card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; }
.sgx-ac .sgx-ac-card > .card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; height: auto; padding: 14px 16px; background: var(--sgx-sf, #fff); border-bottom: 1px solid var(--sgx-ln2); font: 600 15px "Inter", sans-serif; color: var(--sgx-k); text-transform: none; }
.sgx-ac .sgx-ac-card > .card-header span { display: inline-flex; align-items: center; gap: 8px; }
.sgx-ac .sgx-ac-card > .card-header .btn, .sgx-ac #ac_cancelar { height: 38px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; }
.sgx-ac .ac-kpi { border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; }
.sgx-ac .ac-kpi b { font: 700 24px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-ac .ac-kpi span { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); }

/* Accesos al portal del contratante */
.sgx-acceso .sgx-acc-ok, .sgx-acceso .sgx-acc-aviso { display: flex; gap: 10px; align-items: flex-start; border-radius: 10px; padding: 11px 14px; margin-bottom: 14px; font: 400 14px/1.5 "Inter", sans-serif; }
.sgx-acceso .sgx-acc-ok { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; font-weight: 500; align-items: center; }
.sgx-acceso .sgx-acc-aviso { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.sgx-acceso .sgx-acc-aviso .contratante { font-weight: 600; }
.sgx-acceso .input-group-append .btn { height: 40px; display: inline-flex; align-items: center; gap: 6px; border-radius: 0 8px 8px 0; }
.sgx-acceso .modal-footer { justify-content: flex-end; gap: 8px; }
.sgx-acceso .modal-footer > div { margin: 0; }
.sgx .sgx-btn.sgx-btn-dl { color: #dc2626; border-color: #fecaca; }

/* Pie común de modales sgx-form: botones a la derecha */
.sgx-form .modal-footer > .col-md-12, .sgx-form .modal-footer > .col-12 { display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex-wrap: wrap; padding: 0; }
.sgx-form .modal-footer > .col-md-12 > .float-left, .sgx-form .modal-footer > .col-md-12 > .float-right { float: none; }
.sgx-form .modal-footer .sgx-btn { height: 40px; }
.sgx .sgx-aviso { display: flex; align-items: center; gap: 10px; border-radius: 10px; padding: 11px 14px; margin-bottom: 14px; font: 500 14.5px/1.45 "Inter", sans-serif; background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
.sgx .sgx-aviso.sgx-aviso-rojo { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.sgx .sgx-aviso svg { flex: none; }
.sgx .sgx-conf-datos p { margin: 0 0 6px; font: 400 14.5px "Inter", sans-serif; color: var(--sgx-k2); }

/* Siniestros: secciones de los formularios por pasos */
.sgx-form .cont-modal-title.card-header { height: auto; padding: 14px 0 8px; margin: 0 0 4px; background: none; border: 0; border-bottom: 1px solid var(--sgx-ln2); }
.sgx-form .cont-modal-title.card-header h4 { font: 600 12.5px "Inter", sans-serif !important; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k3); }
.sgx-form .cont-modal-siniestros + .cont-modal-siniestros { margin-top: 8px; }
.sgx-form .cont-modal-siniestros .card-body { padding-top: 10px; padding-bottom: 6px; }

/* Botón de acción de fila (34px, solo icono) para pantallas nuevas */
.sgx .sgx-ab { width: 34px; height: 34px; border-radius: 8px; display: inline-grid; place-items: center; border: 0; background: none; color: var(--sgx-k3); cursor: pointer; padding: 0; vertical-align: middle; }
.sgx .sgx-ab:hover { background: var(--sgx-ln2); color: var(--sgx-k); text-decoration: none; }
.sgx .sgx-ab.sgx-ab-dl:hover { background: #fef2f2; color: #dc2626; }
.sgx .sgx-ab svg { width: 16px; height: 16px; }
.sgx .sgx-card-t td.text-right { white-space: nowrap; }

/* Subtítulo bajo el título (pantallas con descripción) */
.sgx .sgx-titulo:has(.sgx-sub-tit) { display: flex; flex-direction: column; align-items: flex-start; }
.sgx .sgx-sub-tit { font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); margin-top: 2px; }

/* Equipos de trabajo */
.sgx-equipos .sgx-eq-card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; overflow: hidden; }
.sgx-equipos .sgx-eq-card > .card-header { height: auto; min-height: 52px; padding: 10px 12px 10px 16px; background: var(--sgx-sf, #fff); border-bottom: 1px solid var(--sgx-ln2); display: flex; align-items: center; gap: 8px; text-transform: none; }
.sgx-equipos .sgx-eq-card > .card-header h6 { font: 600 15.5px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-equipos .sgx-eq-card > .card-header .btn-actions-pane-right ul { display: flex; gap: 2px; margin: 0; }
.sgx-equipos .sgx-eq-pie { display: flex; justify-content: flex-end; gap: 8px; }
.sgx-equipos #cont_cards_categorias_ramos { padding-top: 6px; }

/* Coberturas */
.sgx-cob .sgx-cob-acc { display: flex; justify-content: flex-end; padding: 12px 14px; border-bottom: 1px solid var(--sgx-ln2); }
.sgx-cob .cont-select-coberturas select { height: 40px; border-radius: 8px; min-width: 300px; }

/* Paquetes */
.sgx-paq .tab-content { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; }
.sgx-paq .sgx-q #btn_buscar, .sgx .sgx-q .sgx-q-btn { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; }
.sgx-paq .table-responsive > .row { margin-left: 0; margin-right: 0; }
.sgx-paq .table-responsive > .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
/* Pie dentro del formulario: principal a la derecha, Cancelar a su izquierda */
.sgx-form div:has(> .btn_siga_principal):has(> .sgx-btn[data-dismiss]) { display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.sgx-form div:has(> .btn_siga_principal):has(> .sgx-btn[data-dismiss]) > .sgx-btn[data-dismiss] { order: 1; }
.sgx-form div:has(> .btn_siga_principal):has(> .sgx-btn[data-dismiss]) > .btn_siga_principal { order: 2; }
/* Cursos */
.sgx-cursos .tab-content { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 14px 16px; }
.sgx-cursos .tab-content > .tab-pane > p { color: var(--sgx-k2); font: 400 14.5px/1.55 "Inter", sans-serif; }
/* Configuración */
.sgx .sgx-tabs .nav-link .nav-text { display: inline-flex; align-items: center; gap: 7px; }
.sgx .sgx-tabs .nav-link .nav-text svg, .sgx .sgx-tabs .nav-link > svg { width: 16px; height: 16px; flex: none; }
.sgx-conf > .row > [class*="col-"] > .tab-content > .tab-pane { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 14px 16px; }
.sgx-conf .sgx-bar > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; margin: 0; }
.sgx-conf .sgx-bar > .hide { display: none; }
.sgx-conf .btn_siga_principal { display: inline-flex; align-items: center; gap: 7px; }
.sgx-form .sgx-drop { display: block; border: 1px solid var(--sgx-ln); border-radius: 10px; padding: 11px 14px; background: var(--sgx-sf2, #fafbfc); color: var(--sgx-k); text-decoration: none; }
.sgx-form .sgx-drop:hover { background: var(--sgx-ln2); text-decoration: none; color: var(--sgx-k); }
.sgx-form .sgx-drop h4 { margin: 0; font: 600 14.5px "Inter", sans-serif; color: var(--sgx-k); display: flex; align-items: center; justify-content: space-between; }
.sgx-form .sgx-aviso { text-transform: none; }

/* Reportes: menú */
.sgx-rep #content_card_reportes .card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; overflow: hidden; }
.sgx-rep #content_card_reportes .card-title { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 2px; }
.sgx-rep #content_card_reportes .card-title strong:first-child { font: 700 28px "Inter", sans-serif; color: var(--sgx-k); letter-spacing: -.02em; }
.sgx-rep #content_card_reportes .card-title strong.float-right { float: none; font: 600 12.5px "Inter", sans-serif; color: var(--sgx-k3); text-transform: uppercase; letter-spacing: .06em; }
.sgx-rep #content_card_reportes .card-subtitle { font: 400 13px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-rep .sgx-rep-pie, .sgx-rep .sgx-rep-pie .btn_reporteador { background: var(--sgx-sf, #fff); color: var(--sgx-k2); font: 500 13.5px "Inter", sans-serif; border-top: 1px solid var(--sgx-ln2); }
.sgx-rep .sgx-rep-pie .btn_reporteador { border: 0; }
.sgx-rep #content_card_reportes a { text-decoration: none; }
.sgx-rep #content_card_reportes a:hover .sgx-rep-pie, .sgx-rep .sgx-rep-pie:hover, .sgx-rep .sgx-rep-pie:hover .btn_reporteador { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-rep .sgx-rep-pie #icons-menu-principal-siga svg { width: 15px; height: 15px; }
.sgx-rep #cont_menu_reportes .nav { display: flex; flex-direction: column; gap: 2px; }
.sgx-rep .sgx-rep-cat { display: block; border-radius: 8px; padding: 9px 12px; font: 600 12.5px "Inter", sans-serif; color: var(--sgx-k2); background: none; border: 0; }
.sgx-rep .sgx-rep-cat:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-rep .sgx-rep-cat.active { background: var(--sgx-tnb, #14243a); color: #fff; }
.sgx-rep .sgx-rep-it { display: flex; align-items: center; gap: 10px; border: 1px solid var(--sgx-ln); border-radius: 10px; padding: 10px 12px; margin-bottom: 6px; color: var(--sgx-k); font: 500 14px "Inter", sans-serif; text-decoration: none; background: var(--sgx-sf, #fff); }
.sgx-rep .sgx-rep-it:hover { border-color: var(--sgx-bd); background: var(--sgx-sf2, #fafbfc); color: var(--sgx-k); text-decoration: none; }
.sgx-rep .sgx-rep-it > svg, .sgx-rep .sgx-rep-it > i { width: 15px; height: 15px; color: var(--sgx-k3); flex: none; }
.sgx-rep .sgx-rep-it .text { flex: 1; }
.sgx-rep .sgx-rep-ch svg { width: 15px; height: 15px; color: var(--sgx-k4); }
.sgx-rep .main-card.card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; }

/* Pantallas de reporte */
.sgx-rpt .sgx-rpt-top { align-items: center; }
.sgx-rpt .sgx-rpt-top > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; margin: 0; display: flex; align-items: center; gap: 8px; }
.sgx-rpt .sgx-rpt-top > .sgx-titulo { flex: 1 1 auto; }
.sgx-rpt .sgx-rpt-top .sgx-titulo h3 { margin: 0; }
.sgx-rpt .sgx-rpt-top .btn-group { margin: 0; }
.sgx-rpt .sgx-rpt-top .sgx-btn, .sgx-rpt .sgx-rpt-top .btn_siga_principal { height: 38px; display: inline-flex; align-items: center; gap: 7px; margin: 0; width: auto; }
.sgx-rpt .sgx-rpt-top .dropdown-menu .btn { display: flex; align-items: center; gap: 8px; }
.sgx-rpt-h3 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k, #0b0d12); }
.sgx-rpt #colapsable_menu_reporte_coll { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }
.sgx-rpt #colapsable_menu_reporte_coll label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); text-transform: none; }
/* Resultado de un reporte: tabla ancha dentro de su tarjeta (el reporte tiene decenas de columnas) */
.sgx-rpt .table-responsive { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; scrollbar-width: thin; }
.sgx-rpt .table-responsive .sgx-tabla th, .sgx-rpt .table-responsive .sgx-tabla td { white-space: nowrap; }
.sgx-rpt .table-responsive .sgx-tabla { margin-bottom: 0; }
.sgx .sgx-bar.sgx-bar-cols > [class*="col-"] { flex: none; max-width: none; width: auto; padding: 0; margin: 0; }
.sgx .sgx-bar.sgx-bar-cols > .sgx-q { flex: 1 1 260px; }
.sgx-mkt .sgx-mkt-dup { display: inline-flex; align-items: center; gap: 5px; font: 600 12.5px "Inter", sans-serif; color: #b45309; background: #fef3c7; border-radius: 6px; padding: 3px 7px; }
.sgx-mkt .sgx-mkt-dup svg { width: 13px; height: 13px; }

/* Agentes (superadmin): registro y edición */
.sgx #registroagentes .sgx-ag-sec { margin: 18px 0 10px; font: 600 12.5px "Inter", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--sgx-k3); border-top: 1px solid var(--sgx-ln); padding-top: 14px; }
.sgx #registroagentes .sgx-agt-pie > [class*="col-"] { display: flex; align-items: center; }
.sgx #registroagentes .sgx-agt-pie { justify-content: space-between; margin-top: 8px; }
.sgx #registroagentes .sgx-agt-pie > .col-md-4:last-child:empty { display: none; }
.sgx #registroagentes .sgx-agt-pie > .form-group { justify-content: flex-end; margin: 0; }

/* Cabecera de pantallas que aún no viven dentro de .sgx */
.sgx-top-solo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 15px; margin: 4px 0 14px; background: none; border: 0; }
.sgx-top-solo h3, .sgx-top-solo h4 { margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k, #0b0d12); text-transform: none; }
.sgx-top-solo h5 { margin: 4px 0 0; font: 500 14px "Inter", sans-serif; color: #5b6170; }
.sgx-top-solo p { margin: 4px 0 0; width: 100%; font: 400 13px "Inter", sans-serif; color: #5b6170; }

/* Modales: filtros de Pagos pendientes (.sgx-fpp), Agregar oportunidad (.sgx-opo) y correo de renovación (.sgx-mail) */
.sgx-mod.sgx-fpp .modal-title, .sgx-mod.sgx-opo .modal-title, .sgx-mod.sgx-mail .modal-title { font-size: 18px; text-transform: none; }
.sgx-opo .modal-header, .sgx-mail .modal-header { gap: 10px; }
.sgx-opo .sgx-opo-avz, .sgx-mail .sgx-mail-acc { margin-left: auto; display: flex; gap: 8px; }
.sgx-opo .sgx-opo-avz + .close, .sgx-mail .sgx-mail-acc + .close { margin-left: 2px; }
.sgx-opo .sgx-opo-avz .sgx-btn { margin: 0; }
.sgx-opo .sgx-opo-avz .sgx-btn.active { border-color: var(--sgx-tnb, #14243a); color: var(--sgx-tn, #14243a); background: color-mix(in srgb, #14243a 6%, #fff); box-shadow: none; }
.sgx-opo .modal-body label.control-label, .sgx-opo .modal-body label.label,
.sgx-mail .sgx-mail-campo > label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); text-transform: none; margin-bottom: 4px; }
.sgx-opo .modal-body label:not(.btn) > svg.svg-inline--fa, .sgx-opo .modal-body label:not(.btn) > i.fa, .sgx-opo .modal-body label:not(.btn) > i.fas { display: none; }
.sgx-opo .modal-body > .container { max-width: none; padding: 0; }
.sgx-opo .sgx-opo-nuevo { display: inline-flex; align-items: center; gap: 5px; font: 500 13px "Inter", sans-serif; color: var(--sgx-k2); text-decoration: none; }
.sgx-opo .sgx-opo-nuevo:hover { color: var(--sgx-k); text-decoration: underline; text-underline-offset: 3px; }
.sgx-opo .sgx-opo-nuevo .sgx-ic { width: 14px; height: 14px; }
.sgx-opo #contenedor_nuevo_cliente_light > .card { border-radius: 12px; padding: 12px 14px; }
.sgx-opo .select2-container .select2-selection--multiple,
.sgx-mail .select2-container .select2-selection--multiple { min-height: 40px; border: 1px solid var(--sgx-ln3, #dfe2e6); background: var(--sgx-sf, #fff); }
.sgx-opo .sgx-opo-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.sgx-opo .sgx-opo-tag { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 3px 3px 3px 9px; border: 1px solid var(--sgx-ln); border-radius: 20px; background: var(--sgx-sf, #fff); cursor: pointer; }
.sgx-opo .sgx-opo-tag:hover { background: var(--sgx-ln2); }
.sgx-opo .sgx-opo-tag:has(input:checked) { border-color: var(--sgx-k3); }
.sgx-opo .sgx-opo-tag input, .sgx-fpp input[type="checkbox"] { width: 15px; height: 15px; margin: 0; accent-color: #14243a; flex: none; }
.sgx-fpp .sgx-fpp-sec { height: 100%; border: 1px solid var(--sgx-ln); border-radius: 12px; background: var(--sgx-sf, #fff); overflow: hidden; }
.sgx-fpp .sgx-fpp-h { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-bottom: 1px solid var(--sgx-ln2); }
.sgx-fpp .sgx-fpp-h > label { margin: 0; font: 600 14px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-fpp .sgx-fpp-h > label.sgx-fpp-todos { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); cursor: pointer; }
.sgx-fpp .sgx-fpp-lista { display: flex; flex-direction: column; gap: 2px; padding: 8px; max-height: 340px; overflow-y: auto; }
.sgx-fpp .sgx-fpp-op { display: flex; align-items: center; gap: 10px; margin: 0; padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.sgx-fpp .sgx-fpp-op:hover { background: var(--sgx-ln2); }
.sgx-mail .sgx-mail-env { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 12px; margin: 8px 0 4px; }
.sgx-mail .sgx-mail-env:has(> .sgx-mail-sec.hide) { grid-template-columns: minmax(0, 1fr); }
.sgx-mail .sgx-mail-sec { border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; background: var(--sgx-sf, #fff); }
.sgx-mail .sgx-mail-sec .sgx-mod-sub { margin: 0 0 10px; }
.sgx-mail .sgx-mail-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.sgx-mail .sgx-mail-btns .sgx-btn { text-decoration: none; }
.sgx-mail .sgx-mail-campo { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 10px; margin-bottom: 8px; }
.sgx-mail .sgx-mail-campo:last-child { margin-bottom: 0; }
.sgx-mail .sgx-mail-campo > label { margin: 0; }
@media (max-width: 767px) { .sgx-mail .sgx-mail-env { grid-template-columns: minmax(0, 1fr); } }

/* Modales convertidos en lote: el principal solo en la última columna del pie se alinea a la derecha, como antes (float-right) */
.sgx-mod .row > [class*="col-"]:last-child:not(:first-child) > .btn_siga_principal:only-child { float: right; }
.sgx-mod .row > [class*="col-"]:first-child:not(:last-child) > .sgx-btn[data-dismiss]:only-child { float: left; }

/* Bitácora: barra de filtros y movimientos en tabla */
#container_bitacora.sgx .sgx-bit-bar .sgx-rango { flex: none; }
#container_bitacora.sgx .sgx-bit-bar .sgx-rango .form-control { height: 40px; width: 140px; border-color: var(--sgx-ln); font: 400 14px "Inter", sans-serif; }
#container_bitacora.sgx .sgx-bit-bar .sgx-q { flex: 1 1 280px; max-width: 460px; }
#container_bitacora.sgx .sgx-bit-bar .btn_siga_principal { height: 40px; }
#container_bitacora.sgx .sgx-bit-bar .btn_siga_principal .sgx-ic { width: 15px; height: 15px; }
#container_bitacora.sgx .sgx-bit .sgx-tabla td { vertical-align: top; }
#container_bitacora.sgx .sgx-bit-mov { display: flex; align-items: center; gap: 10px; }
#container_bitacora.sgx .sgx-bit-ic { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 8px; color: var(--c); background: color-mix(in srgb, var(--c) 10%, #fff); }
#container_bitacora.sgx .sgx-bit-ic .sgx-ic { width: 15px; height: 15px; }
#container_bitacora.sgx .sgx-bit-us { font: 500 14px "Inter", sans-serif; color: var(--sgx-k); white-space: nowrap; }
#container_bitacora.sgx .sgx-bit-det { font: 400 14px/1.45 "Inter", sans-serif; color: var(--sgx-k2); min-width: 280px; }
#container_bitacora.sgx .sgx-bit-det strong { font-weight: 600; color: var(--sgx-k); }
#container_bitacora.sgx .sgx-bit-fecha { white-space: nowrap; }
#container_bitacora.sgx .sgx-bit-fecha b { display: block; font: 500 14px "Inter", sans-serif; color: var(--sgx-k); }
#container_bitacora.sgx .sgx-bit-fecha span { font: 400 12px "Inter", sans-serif; color: var(--sgx-k3); }
#container_bitacora.sgx .sgx-bit-pag { display: flex; justify-content: center; padding: 12px; border-top: 1px solid var(--sgx-ln); }
#container_bitacora.sgx .sgx-bit-pag .pagination { margin: 0; gap: 4px; }
#container_bitacora.sgx .sgx-bit-pag .page-link { min-width: 34px; height: 34px; border-radius: 8px; border: 1px solid var(--sgx-ln); text-align: center; color: var(--sgx-k2); font: 500 14px "Inter", sans-serif; }
#container_bitacora.sgx .sgx-bit-pag .page-item.active .page-link { background: var(--sgx-k); border-color: var(--sgx-k); color: #fff; }
#container_bitacora.sgx .sgx-bit-vacio { margin: 0; padding: 28px 16px; text-align: center; font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); }

/* Multi-cotizador: pasos del asistente con icono de línea */
.sgx-cot .forms-wizard em svg { width: 18px; height: 18px; }
.sgx-cot #cont_btns_cotizador .sgx-btn:not(.hide), .sgx-cot #cont_btns_cotizador .btn_siga_principal:not(.hide) { display: inline-flex; align-items: center; gap: 6px; }
.sgx-mod .sgx-bit-modal h5 { margin: 0 0 4px; font: 600 16px "Inter", sans-serif; color: var(--sgx-k); }
.sgx-mod .sgx-bit-modal-f { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; font: 400 12.5px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-mod .sgx-bit-modal-f .sgx-ic { width: 13px; height: 13px; }
.sgx-mod .sgx-bit-modal-t { border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 12px 14px; font: 400 14px/1.55 "Inter", sans-serif; color: var(--sgx-k2); overflow-wrap: anywhere; }
.sgx-mod .sgx-bit-modal-t p:last-child { margin-bottom: 0; }

/* Títulos de sección que eran barras de color (marketing, adjuntos de correo) */
.sgx .sgx-seccion { font: 600 13px "Inter", sans-serif; color: var(--sgx-k2); border-bottom: 1px solid var(--sgx-ln); padding-bottom: 6px; }

/* Siniestros autos (.sgx-sin): pasos sobrios, secciones en tarjeta, etiquetas grises y pie Cancelar + principal */
.sgx-sin .forms-wizard { display: flex; gap: 6px; padding: 12px 20px 4px; border: 0; }
.sgx-sin .forms-wizard li { flex: 1 1 0; padding: 0 0 10px; text-align: left; border-bottom: 2px solid var(--sgx-ln); }
.sgx-sin .forms-wizard li::before, .sgx-sin .forms-wizard li::after { display: none; }
.sgx-sin .forms-wizard li a { display: flex; align-items: center; gap: 8px; color: var(--sgx-k3); font: 500 13.5px "Inter", sans-serif; text-transform: none; }
.sgx-sin .forms-wizard li a span { text-transform: none; }
.sgx-sin .forms-wizard li em { width: 24px; height: 24px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--sgx-ln2); color: var(--sgx-k3); font: 600 12.5px/1 "Inter", sans-serif; font-style: normal; margin: 0; }
.sgx-sin .forms-wizard li.done { border-bottom-color: var(--sgx-k3); }
.sgx-sin .forms-wizard li.done em { background: var(--sgx-k3); color: #fff; }
.sgx-sin .forms-wizard li.active { border-bottom-color: var(--sgx-k); }
.sgx-sin .forms-wizard li.active a { color: var(--sgx-k); }
.sgx-sin .forms-wizard li.active em { background: var(--sgx-k); color: #fff; }
.sgx-sin .form-wizard-content { padding: 14px 20px 0; }
.sgx-sin #cobertura_siniestro .cont-form-modal { padding: 16px 20px 0; }
.sgx-sin .cont-modal-siniestros { max-width: none; border: 1px solid var(--sgx-ln); border-radius: 12px; padding: 0 16px 6px; margin-bottom: 12px; background: var(--sgx-sf, #fff); }
.sgx-sin .cont-modal-siniestros + .cont-modal-siniestros { margin-top: 0; }
.sgx-sin .cont-modal-title.card-header { padding: 13px 0 10px; margin: 0 0 6px; border-bottom: 1px solid var(--sgx-ln2); display: flex; align-items: center; gap: 8px; }
/* Vence el !important de la regla general de secciones de Siniestros (sección en mayúsculas) */
.sgx-sin .cont-modal-title.card-header h4,
.sgx-sin .cont-modal-title.card-header h5 { margin: 0; font: 600 15px "Inter", sans-serif !important; letter-spacing: 0; text-transform: none; color: var(--sgx-k); }
.sgx-sin .modal-body label, .sgx-sin .modal-body .label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); text-transform: none; margin-bottom: 4px; }
.sgx-sin .modal-body label > svg.svg-inline--fa, .sgx-sin .modal-body label > i.fa, .sgx-sin .modal-body label > i.fas { display: none; }
.sgx-sin .sgx-sin-mas { width: 24px; height: 24px; padding: 0; margin: 0 0 0 4px; display: inline-grid; place-items: center; vertical-align: middle; border: 1px solid var(--sgx-ln); border-radius: 6px; background: var(--sgx-sf, #fff); color: var(--sgx-k2); }
.sgx-sin .sgx-sin-mas.hide { display: none; }
.sgx-sin .sgx-sin-mas:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-sin .sgx-sin-mas .sgx-ic { width: 14px; height: 14px; }
.sgx-sin #tipo_vehiculo_mensaje { display: flex; align-items: center; gap: 6px; margin-top: 6px; font: 400 12.5px "Inter", sans-serif; color: #b45309; }
.sgx-sin #tipo_vehiculo_mensaje.hide { display: none; }
.sgx-sin #tipo_vehiculo_mensaje .sgx-ic { width: 14px; height: 14px; }
.sgx-sin .input-group-text { background: var(--sgx-sf, #fff); border-color: var(--sgx-ln3, #dfe2e6); color: var(--sgx-k3); }
.sgx-sin .input-group-text .sgx-ic { width: 15px; height: 15px; }
.sgx-sin .sgx-sin-pie { display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--sgx-ln); }
.sgx-sin .sgx-sin-pie .btn { height: 40px; border-radius: 8px; display: inline-flex; align-items: center; gap: 7px; font: 500 14px "Inter", sans-serif; margin: 0; }
.sgx-sin .sgx-sin-pie .hide { display: none; }
.sgx-sin .sgx-sin-pie .sgx-ic { width: 15px; height: 15px; }
.sgx-sin #modal_siniestros_data { border: 0; box-shadow: none; }
.sgx-sin #modal_siniestros_data > .card-body { padding-bottom: 0; }
.sgx-sin .modal-footer .btn_siga_principal .sgx-ic { width: 15px; height: 15px; }
.sgx-sin #imprimir_view_ot { margin: 16px 20px; border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-sin .text-center:has(> label[for="radio_segunda_atencion"]) { text-align: left; }
.sgx-sin label[for="radio_segunda_atencion"] strong { font-weight: 500; }
.sgx-sin #radio_segunda_atencion { display: flex; gap: 6px; }
.sgx-sin #radio_segunda_atencion .ui-radio-inline { display: inline-flex; align-items: center; gap: 7px; height: 40px; margin: 0; padding: 0 14px; border: 1px solid var(--sgx-ln); border-radius: 8px; background: var(--sgx-sf, #fff); color: var(--sgx-k2); font: 500 14px "Inter", sans-serif; cursor: pointer; }
.sgx-sin #radio_segunda_atencion .ui-radio-inline:has(input:checked) { border-color: var(--sgx-k3); color: var(--sgx-k); }
.sgx-sin #radio_segunda_atencion .ui-radio-inline input { accent-color: #14243a; margin: 0; }
.sgx-sin #radio_segunda_atencion .ui-radio-inline span { text-transform: none; }
.sgx-sin #tabla_cobertura th { padding: 9px 10px; background: var(--sgx-sf, #fff); border-top: 0; border-bottom: 1px solid var(--sgx-ln); font: 600 13px "Inter", sans-serif; color: var(--sgx-k3); letter-spacing: 0; }
/* .text-uppercase de Bootstrap trae !important: cabeceras en tipo oración como el resto de tablas sgx */
.sgx-sin #tabla_cobertura th.text-uppercase { text-transform: none !important; }
.sgx-sin #tabla_cobertura td { padding: 8px 10px; border-top: 0; border-bottom: 1px solid var(--sgx-ln2); font: 400 14px "Inter", sans-serif; color: var(--sgx-k2); vertical-align: middle; }
.sgx-sin #tabla_cobertura td h4 { margin: 6px 0; font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-sin #tabla_cobertura .btn_add_cobertura { height: 38px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px dashed var(--sgx-bd); border-radius: 8px; background: var(--sgx-sf, #fff); color: var(--sgx-k2); font: 500 13.5px "Inter", sans-serif; }
.sgx-sin #tabla_cobertura .btn_add_cobertura:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-sin #cobertura_siniestro h5:has(#costo_total_cobertura) { margin: 8px 0 4px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-sin #cobertura_siniestro h5:has(#costo_total_cobertura) .font-weight-bold,
.sgx-sin #costo_total_cobertura { font: 600 18px "Inter", sans-serif; color: var(--sgx-k); font-variant-numeric: tabular-nums; }

/* Títulos de sección dentro de modales (antes barras de color trmg_panel-heading) */
.sgx-mod .sgx-sec-h { background: none; border: 0; padding: 12px 16px 8px; margin-bottom: 4px; border-bottom: 1px solid var(--sgx-ln); }
.sgx-mod .sgx-sec-h h5 { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); text-transform: none; margin: 0; }

/* Encuesta de satisfacción (modal del menú de usuario) */
#j-forms-encuesta.sgx-enc { border: 0; box-shadow: none; }
#j-forms-encuesta .sgx-enc-sub { margin: 0 24px 4px; font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k3); }
#j-forms-encuesta .container { max-width: 720px; }
#j-forms-encuesta .sgx-enc-paso { display: flex; align-items: center; gap: 12px; font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); }
#j-forms-encuesta .sgx-enc-barra { flex: 1; height: 6px; border-radius: 4px; background: var(--sgx-ln2); overflow: hidden; }
#j-forms-encuesta .sgx-enc-barra i { display: block; height: 100%; background: var(--sgx-ai); border-radius: 4px; transition: width .2s; }
#j-forms-encuesta .sgx-enc-q { margin: 6px 0 16px; font: 600 20px/1.35 "Inter", sans-serif; letter-spacing: -.01em; color: var(--sgx-k); text-align: left; text-wrap: balance; }
#j-forms-encuesta .sgx-enc-resp { margin-bottom: 12px; padding: 12px 14px; border: 1px solid var(--sgx-ln); border-radius: 10px; background: var(--sgx-ln2); font: 400 14px/1.55 "Inter", sans-serif; color: var(--sgx-k2); text-align: left; }
#j-forms-encuesta .sgx-enc-resp.hide { display: none; }
#j-forms-encuesta textarea.form-control, #j-forms-encuesta select.form-control { border: 1px solid var(--sgx-ln); border-radius: 10px; font: 400 15px "Inter", sans-serif; }
#j-forms-encuesta textarea.form-control { min-height: 120px; padding: 12px 14px; }
#j-forms-encuesta select.form-control { height: 44px; }
#j-forms-encuesta .divider { margin: 8px 0 16px; border-color: var(--sgx-ln); }
#j-forms-encuesta .clearfix .btn_siga_principal:not(.hide), #j-forms-encuesta .clearfix .sgx-btn:not(.hide) { display: inline-flex; align-items: center; gap: 6px; }
.sgx-mod .sgx-enc-editar { float: right; height: 32px; padding: 0 10px; margin-right: 8px; }

/* Calendario: esqueleto del panel izquierdo mientras carga «Mis calendarios» */
.sgx-cal-esq { display: grid; gap: 10px; padding: 8px 4px; }
.sgx-cal-esq i { display: block; height: 14px; width: 72%; border-radius: 6px; background: linear-gradient(90deg, #eef0f3 25%, #f6f7f9 50%, #eef0f3 75%); background-size: 200% 100%; animation: sgx-esq 1.2s linear infinite; }
.sgx-cal-esq i.t { width: 40%; height: 11px; margin-top: 8px; }
@keyframes sgx-esq { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .sgx-cal-esq i { animation: none; } }

/* Multi-cotizador: cuerpo del asistente (pasos, filas de vehículo, años y marcas) */
#cont_multi_cotizador_ws.sgx-cot .forms-wizard { background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-ln); border-radius: 14px; padding: 6px 0 4px; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li .nav-link { color: var(--sgx-k3); font: 500 14px "Inter", sans-serif; background: none; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.active .nav-link,
#cont_multi_cotizador_ws.sgx-cot .nav-tabs .nav-link.active { color: var(--sgx-k); font-weight: 600; background: none; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.done .nav-link { color: var(--sgx-k2); }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li .nav-link:hover,
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li .nav-link:focus { color: var(--sgx-k) !important; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li .nav-link.disabled { color: var(--sgx-k4); }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li em { background: var(--sgx-ln2); color: var(--sgx-k3); box-shadow: 0 0 0 4px #fff; display: grid; place-items: center; margin: 0 auto 8px; line-height: 1; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.active em { background: var(--sgx-tnb, #14243a); color: #fff; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.done em { background: #effaf3; color: #16a34a; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li::after,
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li::before { background: var(--sgx-ln); height: 2px; }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.active::after { background: var(--sgx-ln); }
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.active::before,
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.done::after,
#cont_multi_cotizador_ws.sgx-cot .forms-wizard li.done::before { background: var(--sgx-tnb, #14243a); }
#cont_multi_cotizador_ws.sgx-cot .form-wizard-content { background: none; }

#cont_multi_cotizador_ws.sgx-cot .seleccion_auto_cotizador span { font: 500 12.5px/1.35 "Inter", sans-serif; font-style: normal; color: var(--sgx-k3) !important; margin: 4px 0 12px; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_vehiculo_icono { width: 48px; height: 48px; display: grid; place-items: center; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; color: var(--sgx-k2); }
#cont_multi_cotizador_ws.sgx-cot .seleccion_vehiculo_icono::before,
#cont_multi_cotizador_ws.sgx-cot .seleccion_vehiculo_icono::after { content: none !important; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_vehiculo_icono svg { margin: 0; color: currentColor; background: none !important; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_vehiculo_icono:hover { background: var(--sgx-ln2) !important; }
#cont_multi_cotizador_ws.sgx-cot [name="select_tipo_auto_cotizador"]:checked + .seleccion_vehiculo_icono { background: var(--sgx-tnb, #14243a) !important; border-color: var(--sgx-tnb, #14243a); color: #fff !important; }
#cont_multi_cotizador_ws.sgx-cot [name="select_tipo_auto_cotizador"]:checked + .seleccion_vehiculo_icono svg { color: #fff !important; }

#cont_multi_cotizador_ws.sgx-cot .info_vehiculo_item > .container-fluid > .row { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 14px; overflow: hidden; }
#cont_multi_cotizador_ws.sgx-cot .info_vehiculo_item { margin-bottom: 12px !important; }
#cont_multi_cotizador_ws.sgx-cot .informacion_vehiculo_cotizador [class*="infovehiculo_options"] { height: auto !important; background: none; align-items: flex-start; justify-content: center; text-align: left; padding: 16px 18px; border-right: 1px solid var(--sgx-ln); }
#cont_multi_cotizador_ws.sgx-cot .informacion_vehiculo_cotizador [class*="infovehiculo_options"] h6,
#cont_multi_cotizador_ws.sgx-cot .informacion_vehiculo_cotizador [class*="infovehiculo_options"] strong { font: 600 14px "Inter", sans-serif; color: var(--sgx-k); }
#cont_multi_cotizador_ws.sgx-cot [class*="descripvehiculo_options"] { height: auto; min-height: 0; background: none; justify-content: center; padding: 14px 18px; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_txt_descripcion_auto h3 { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); margin: 0 0 6px; text-align: left; }

#cont_multi_cotizador_ws.sgx-cot #select_year_cotizador { display: block; margin: 0 3px; padding: 7px 0; text-align: center; border: 1px solid var(--sgx-ln); border-radius: 8px; background: var(--sgx-sf, #fff); color: var(--sgx-k2); font: 500 14px "Inter", sans-serif; }
#cont_multi_cotizador_ws.sgx-cot #select_year_cotizador:hover,
#cont_multi_cotizador_ws.sgx-cot #select_year_cotizador:focus { border-color: var(--sgx-tnb, #14243a); color: var(--sgx-k); text-decoration: none; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_marca_icono { display: grid; place-items: center; height: 92px; padding: 12px; background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_marca_icono img { max-height: 64px; width: auto; filter: grayscale(1); opacity: .75; }
#cont_multi_cotizador_ws.sgx-cot .seleccion_marca_icono:hover { background: var(--sgx-ln2) !important; border-color: var(--sgx-tnb, #14243a); }
#cont_multi_cotizador_ws.sgx-cot .seleccion_marca_icono:hover img { filter: none; opacity: 1; }
#cont_multi_cotizador_ws.sgx-cot .informacion_vehiculo_cotizador a { color: var(--sgx-k2); }
#cont_multi_cotizador_ws.sgx-cot .seleccion_txt_marca label,
#cont_multi_cotizador_ws.sgx-cot .descripvehiculo_options2 p { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); }

/* Filtro avanzado del chat: cabeceras de tarjeta claras */
#modal_filtros_avanzados_chat_wh .card { border: 1px solid var(--sgx-ln) !important; border-radius: 12px; box-shadow: none !important; overflow: hidden; }
#modal_filtros_avanzados_chat_wh .card-header.sgx-fcw-h { display: flex; align-items: center; gap: 10px; min-height: 0; height: auto; padding: 12px 16px; background: var(--sgx-sf, #fff); border-bottom: 1px solid var(--sgx-ln); text-transform: none; }
#modal_filtros_avanzados_chat_wh .sgx-fcw-h strong,
#modal_filtros_avanzados_chat_wh .sgx-fcw-h h5 { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); text-transform: none; }
/* main_estilo trae un Bootstrap sin modal-dialog-scrollable: cuerpo con scroll y pie siempre visible */
.modal-dialog.modal-dialog-scrollable { max-height: calc(100vh - 3.5rem); }
.modal-dialog.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); overflow: hidden; }
.modal-dialog.modal-dialog-scrollable .modal-body { overflow-y: auto; }
#modal_filtros_avanzados_chat_wh .sgx-fchip { display: flex; align-items: center; gap: 7px; padding: 5px 10px; border-radius: 8px; border: 1px solid var(--sgx-ln, #ebedf0); background: color-mix(in srgb, var(--c) 10%, var(--sgx-sf, #fff)); color: var(--sgx-k, #0b0d12); font: 500 13px "Inter", sans-serif; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#modal_filtros_avanzados_chat_wh .sgx-fchip::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--c); flex: none; }
#modal_filtros_avanzados_chat_wh input:checked + .sgx-fchip, #modal_filtros_avanzados_chat_wh .form-row:has(input:checked) > .col-11 > .sgx-fchip { border-color: var(--c); box-shadow: 0 0 0 1px var(--c); }
#modal_filtros_avanzados_chat_wh .sgx-fcw-quitar { border: 0; background: none; padding: 0; margin-top: 2px; font: 500 13px "Inter", sans-serif; color: var(--sgx-tnb, #3d5266); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#modal_filtros_avanzados_chat_wh .sgx-fcw-h .btn-actions-pane-right { margin-left: auto; }
#modal_filtros_avanzados_chat_wh .sgx-fcw-h .form-check-label { font: 500 13px "Inter", sans-serif; color: var(--sgx-k2); }
#modal_filtros_avanzados_chat_wh .cont-filtro-etapas-tags-chat-wh label { font-weight: 500 !important; border-radius: 6px; }

/* Plantillas de WhatsApp API Cloud */
.sgx-wapic-pl .sgx-bar .sgx-q .form-control { border-radius: 10px; }
.sgx-wapic-pl .sgx-bar #change_page_size_plantillas { flex: 0 0 80px; }

/* Modales del diseño nuevo: en SIGA .bg-light es azul pizarra; las cabeceras de tarjeta van claras */
.sgx-mod .card-header:not(.sgx-sec-h):not(.sgx-fcw-h):not([style*="background"]) {
    background: var(--sgx-sf, #fff) !important; color: var(--sgx-k) !important; border-bottom: 1px solid var(--sgx-ln);
    text-align: left; text-transform: none; height: auto; min-height: 0; padding: 12px 16px;
}
.sgx-mod .card-header:not(.sgx-sec-h):not(.sgx-fcw-h):not([style*="background"]) :is(label, h5, h6, strong, span, i, svg) { color: var(--sgx-k) !important; }
.sgx-mod .card-header:not(.sgx-sec-h):not(.sgx-fcw-h):not([style*="background"]) :is(label, h5, h6, strong):first-child { font: 600 14px "Inter", sans-serif; text-transform: none; margin: 0; }
.sgx-mod .card-header:not(.sgx-sec-h):not(.sgx-fcw-h):not([style*="background"]) .btn-actions-pane-right :is(label, span) { font: 500 13px "Inter", sans-serif; color: var(--sgx-k2) !important; }
/* Pestañas animadas (azul de la plantilla) con el oscuro del diseño */
.sgx-mod .tabs-animated .nav-link.active,
.sgx-mod .tabs-animated .nav-link:hover { color: #fff !important; }
.sgx-mod .tabs-animated .nav-link { color: var(--sgx-k2); font: 500 14px "Inter", sans-serif; }
.sgx-mod .tabs-animated .nav-link::before { background: var(--sgx-tnb, #14243a) !important; border-radius: 8px; box-shadow: none !important; }

/* Embudo de oportunidades (vista tablero) */
.sgx-emb #cont_cotizaciones_filtros { background: none; border: 0; box-shadow: none; padding: 0; }
.sgx-emb #cont_cotizaciones_filtros .tbox-heading { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 28px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); text-transform: none; }
.sgx-emb #cont_cotizaciones_filtros .tbox-heading > i { display: none; }
.sgx-emb #cont_cotizaciones_filtros .btn_filtros_avan { height: 34px; width: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
.sgx-emb #cont_cotizaciones_filtros label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); margin-bottom: 4px; text-transform: none; }
.sgx-emb #cont_cotizaciones_filtros .form-control { height: 40px; border: 1px solid var(--sgx-ln); border-radius: 10px; font: 400 14px "Inter", sans-serif; }
.sgx-emb #cont_cotizaciones_filtros .btn-success,
.sgx-emb #cont_cotizaciones_filtros .btn-light,
.sgx-emb #cont_cotizaciones_filtros .btn-outline-dark,
.sgx-emb #cont_cotizaciones_filtros .btn-outline-alternate { height: 38px; background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-ln) !important; color: var(--sgx-k2) !important; border-radius: 8px; font: 500 14px "Inter", sans-serif; box-shadow: none; }
.sgx-emb #cont_cotizaciones_filtros .btn-outline-alternate.active { background: var(--sgx-tnb, #14243a) !important; border-color: var(--sgx-tnb, #14243a) !important; color: #fff !important; }
.sgx-emb #cont_cotizaciones_filtros .btn-alternate:not(.btn_filtros_avan) { height: 38px; border-radius: 8px; font: 500 14px "Inter", sans-serif; }

.sgx-emb #scrum_board .scrum_column { background: var(--sgx-ln2); border-radius: 0 0 12px 12px; }
.sgx-emb #scrum_board .scrum_column_heading_wrapper { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; margin: 0 4px; }
.sgx-emb #scrum_board .scrum_column_heading { display: inline-flex; align-items: center; gap: 8px; background: var(--sgx-sf, #fff) !important; color: var(--sgx-k) !important; font: 600 13px/36px "Inter", sans-serif; text-transform: none; padding-left: 12px; }
.sgx-emb #scrum_board .scrum_column_heading::before { content: ""; width: 9px; height: 9px; flex: none; border-radius: 50%; background: var(--etapa, #9ca3af); }
.sgx-emb #scrum_board .scrum_column_heading_wrapper .btn-icon-wrapper { color: var(--sgx-k3) !important; font-size: 20px; }
.sgx-emb #scrum_board .cont_contador_status_cotizacion { margin: 0 8px 8px; gap: 4px; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card { flex: 1 1 0; padding: 2px 6px; border-radius: 6px; background: var(--c-bg) !important; text-decoration: none; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card p { color: var(--c) !important; font: 600 12px/1.5 "Inter", sans-serif !important; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card.bg-warning { --c: #b45309; --c-bg: #fdf6e9; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card.bg-danger { --c: #b91c1c; --c-bg: #fdf0f0; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card.bg-gray-dark { --c: #3f4652; --c-bg: #f1f3f5; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card.bg-success { --c: #15803d; --c-bg: #effaf3; }
.sgx-emb #scrum_board .btn-filtro-status-cot-card.bg-vicious-stance { --c: #3f4652; --c-bg: #f1f3f5; }
.sgx-emb #cont_cotizaciones_filtros > .form-row > .col-md-2 { flex: 1 1 auto; max-width: none; width: auto; }
.sgx-emb #cont_cotizaciones_filtros > .form-row > .col-md-10 { flex: 0 1 auto; max-width: 83%; }
.sgx-emb #cont_cotizaciones_filtros .tbox-heading { white-space: nowrap; }
/* Eventos del día: una sola línea de conteo, encabezados sin partir, monto en una línea y sin pie vacío */
.sgx-evd #tabla-eventos > .form-row:first-child .alert-msg:nth-child(2) { display: none; }
.sgx-evd #tabla-eventos > .form-row:first-child .alert-msg { flex: 1 1 auto; max-width: none; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-evd #tabla-eventos > .form-row:first-child .alert-msg svg,
.sgx-evd #tabla-eventos > .form-row:first-child .alert-msg i { display: none; }
.sgx-evd #tabla-eventos .table th { white-space: nowrap; min-width: 0; }
.sgx-evd #tabla-eventos .table td.sgx-evd-monto { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--sgx-k); font-weight: 500; }
.sgx-evd #tabla-eventos .table tfoot td:not(:has(.page-item)) { display: none; }
.sgx-evd .modal-footer { border-top: 0; padding-top: 0; }
/* Pestañas dentro de modales (ramos de Configuración Aseguradora/Cobranza): títulos como subtítulo */
.sgx-mod .tab-content h4 { font: 600 15px/1.3 "Inter", sans-serif; color: var(--sgx-k); margin: 14px 0 10px; letter-spacing: 0; }
.sgx-mod .tabs-animated { gap: 4px; border-bottom: 1px solid var(--sgx-ln); padding-bottom: 6px; }

/* Multi-cotizador: pasos 2 a 4 (contratante, comparativo, emitir) */
#cont_multi_cotizador_ws.sgx-cot .step-content h3,
#cont_multi_cotizador_ws.sgx-cot .step-content > div > h4,
#cont_multi_cotizador_ws.sgx-cot #step-2 h4.font-wight-bold { font: 500 15px/1.4 "Inter", sans-serif; color: var(--sgx-k3); margin: 8px 0 14px; }
#cont_multi_cotizador_ws.sgx-cot .btn-group-toggle { display: inline-flex; gap: 4px; padding: 4px; background: var(--sgx-ln2); border-radius: 10px; }
#cont_multi_cotizador_ws.sgx-cot .btn-group-toggle > .btn { height: 36px; padding: 0 14px; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--sgx-k2) !important; font: 500 14px "Inter", sans-serif; display: inline-flex; align-items: center; gap: 6px; box-shadow: none !important; }
#cont_multi_cotizador_ws.sgx-cot .btn-group-toggle > .btn.active { background: var(--sgx-sf, #fff) !important; color: var(--sgx-k) !important; box-shadow: 0 1px 2px rgba(11,13,18,.08) !important; }
#cont_multi_cotizador_ws.sgx-cot .btn-group-toggle > .btn.hide { display: none !important; }
#cont_multi_cotizador_ws.sgx-cot #step-3 .card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; overflow: hidden; }
#cont_multi_cotizador_ws.sgx-cot #step-3 .card-header { background: var(--sgx-sf, #fff); border-bottom: 1px solid var(--sgx-ln); padding: 12px 14px; height: auto; text-transform: none; }
#cont_multi_cotizador_ws.sgx-cot #step-3 .card-header h4,
#cont_multi_cotizador_ws.sgx-cot #step-3 .card-header h4 b { margin: 0; font: 600 15px "Inter", sans-serif; color: var(--sgx-k); text-transform: none; }
#cont_multi_cotizador_ws.sgx-cot #step-3 .card-body h4 { font: 400 13.5px/1.45 "Inter", sans-serif; color: var(--sgx-k3); margin: 0; }
#cont_multi_cotizador_ws.sgx-cot #step-3 h2, #cont_multi_cotizador_ws.sgx-cot #step-3 h5 { font: 500 14px "Inter", sans-serif; color: var(--sgx-k3); }
#cont_multi_cotizador_ws.sgx-cot #step-4 .card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; }
#cont_multi_cotizador_ws.sgx-cot #step-4 .card-header { background: var(--sgx-sf, #fff); border-bottom: 1px solid var(--sgx-ln); height: auto; }

/* Mensajes programados de WhatsApp: filtros con etiqueta pequeña, sin tarjeta */
.sgx-wapic-prog .sgx-filtros-et { row-gap: 4px; }
.sgx-wapic-prog .sgx-filtros-et label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); margin-bottom: 4px; }
.sgx-wapic-prog .sgx-filtros-et .form-control { height: 38px; border: 1px solid var(--sgx-ln); border-radius: 10px; font: 400 14px "Inter", sans-serif; }
.sgx-wapic-prog .sgx-masivo { background: var(--sgx-ln2); border: 1px solid var(--sgx-ln); border-radius: 10px; color: var(--sgx-k); }
.sgx-wapic-prog .table-responsive, .sgx-wapic-prog #cont_tabla_mensajes_programados_enviados_wapic > .table { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-emb .table-responsive:has(#tabla_listado_leads) { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln); border-radius: 12px; }
.sgx-emb #tabla_listado_leads { margin: 0; }
/* Embudo: tarjetas de oportunidad, contadores sin desborde y scroll discreto */
.sgx-emb #scrum_board .cont_contador_status_cotizacion { display: flex; flex-wrap: nowrap; width: auto; margin: 0 8px 8px !important; padding: 0; }
.sgx-emb #scrum_board .scrum_task { border-top: 1px solid var(--sgx-ln); border-right: 1px solid var(--sgx-ln); border-bottom: 1px solid var(--sgx-ln); border-left-width: 3px; border-radius: 10px; box-shadow: none; padding: 10px 12px; margin-bottom: 8px; background: var(--sgx-sf, #fff); }
.sgx-emb #scrum_board .scrum_task:hover { box-shadow: 0 2px 8px rgba(11,13,18,.06); }
.sgx-emb #scrum_board .scrum_task_title, .sgx-emb #scrum_board .scrum_task_title a { color: var(--sgx-k) !important; font: 600 13.5px/1.35 "Inter", sans-serif; text-decoration: none; }
.sgx-emb #scrum_board .scrum_task_title a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sgx-emb #scrum_board .scrum_task_description, .sgx-emb #scrum_board .scrum_task small { font: 500 12px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-emb #scrum_board .scrum_task .fa, .sgx-emb #scrum_board .scrum_task svg.svg-inline--fa { color: var(--sgx-k3); }
.sgx-emb .scrum_board_overflow { scrollbar-width: thin; scrollbar-color: #d5d8dd transparent; }

/* Edición de etapas del embudo: cabecera y columnas (las cabeceras de etapa conservan su color: son la vista previa) */
.sgx-emb-ed .tbox-heading { font: 600 26px/1.2 "Inter", sans-serif; letter-spacing: -.02em; color: var(--sgx-k); text-transform: none; margin: 0; }
.sgx-emb-ed .btn-info, .sgx-emb-ed .btn-light { height: 38px; background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-ln) !important; color: var(--sgx-k2) !important; border-radius: 8px; font: 500 14px "Inter", sans-serif; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.sgx-emb-ed .btn-outline-danger, .sgx-emb-ed .btn-alternate { height: 38px; border-radius: 8px; font: 500 14px "Inter", sans-serif; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.sgx-emb-ed .card, .sgx-emb-ed .main-card { border: 1px solid var(--sgx-ln); border-radius: 12px; box-shadow: none; }
.sgx-emb-ed label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-emb-ed .form-control { border: 1px solid var(--sgx-ln); border-radius: 8px; font: 400 14px "Inter", sans-serif; }
.sgx-emb-ed #scrum_board .scrum_column { background: var(--sgx-ln2); border-radius: 0 0 12px 12px; }
.sgx-emb-ed #scrum_board .scrum_column_heading_wrapper { border-radius: 10px 10px 0 0; overflow: hidden; }
.sgx-emb-ed #scrum_board .scrum_column_heading { font: 600 13px/36px "Inter", sans-serif; text-transform: none; padding-left: 12px; }
.sgx-emb-ed .scrum_board_overflow { scrollbar-width: thin; scrollbar-color: #d5d8dd transparent; }
/* Modales de «Cargando…» armados en JS */
.sgx-mod .sgx-cargando-txt { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 28px 12px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-mod .modal-header span:only-child { font: 600 15px "Inter", sans-serif; color: var(--sgx-k); }
/* Modales del diseño nuevo: restos comunes del estilo viejo (btn-light pizarra, títulos en mayúsculas, títulos de tarjeta grandes) */
.sgx-mod .modal-title { text-transform: none !important; }
.sgx-mod .btn-light { background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-ln) !important; color: var(--sgx-k2) !important; border-radius: 8px; font: 500 13.5px "Inter", sans-serif; box-shadow: none; display: inline-flex; align-items: center; gap: 6px; }
.sgx-mod .btn-light:hover { background: var(--sgx-ln2) !important; color: var(--sgx-k) !important; }
.sgx-mod .cont-card-title { background: none !important; color: var(--sgx-k) !important; border: 0 !important; padding: 0 0 8px !important; }
.sgx-mod .cont-card-title h4, .sgx-mod .cont-card-title h5 { font: 600 15px/1.3 "Inter", sans-serif; color: var(--sgx-k); margin: 0; text-transform: none; }

/* Formularios de alta/edición de póliza y OT (.wrap-siga, .w-section-header): títulos y campos con el diseño nuevo */
.wrap-siga { font-family: "Inter", "Roboto", system-ui, sans-serif; color: var(--sgx-k2, #3f4652); }
.wrap-siga h4.text-uppercase { text-transform: none !important; font: 600 22px/1.25 "Inter", sans-serif !important; letter-spacing: -.01em; color: var(--sgx-k, #0b0d12); }
.wrap-siga h4.text-uppercase > svg, .wrap-siga h4.text-uppercase > i,
.w-section-header h5 > svg, .w-section-header h5 > i { display: none; }
.w-section-header { border-bottom: 1px solid var(--sgx-ln, #ebedf0) !important; padding-bottom: 8px; margin: 18px 0 12px; }
.w-section-header h5 { font: 600 16px/1.3 "Inter", sans-serif; color: var(--sgx-k, #0b0d12); margin: 0; }
.wrap-siga label { font: 500 12.5px "Inter", sans-serif; color: var(--sgx-k3, #6b7280); }
.wrap-siga .form-control { border: 1px solid var(--sgx-ln, #ebedf0); border-radius: 8px; font: 400 14px "Inter", sans-serif; color: var(--sgx-k, #0b0d12); }
.wrap-siga .form-control:disabled, .wrap-siga .form-control[readonly] { background: var(--sgx-sf2, #f6f7f9); color: var(--sgx-k2, #3f4652); }
.wrap-siga .btn-alternate:not(.btn-lg) { background: var(--sgx-sf, #fff); border: 1px solid var(--sgx-ln, #ebedf0); color: var(--sgx-k2, #3f4652); border-radius: 8px; box-shadow: none; }
.wrap-siga .btn-alternate:not(.btn-lg):hover { background: var(--sgx-ln2, #f3f4f6); color: var(--sgx-k, #0b0d12); }
.wrap-siga .btn-alternate.btn_siga_principal { background: var(--sgx-tnb, #14243a); border-color: var(--sgx-tnb, #14243a); color: #fff; }
.wrap-siga .btn-lg.btn-alternate { background: var(--sgx-tnb, #14243a) !important; border-color: var(--sgx-tnb, #14243a) !important; color: #fff !important; border-radius: 10px; font: 600 15px "Inter", sans-serif !important; box-shadow: none; }
.wrap-siga .btn-lg.btn-danger { background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-ln, #ebedf0) !important; color: var(--sgx-k2, #3f4652) !important; border-radius: 10px; font: 600 15px "Inter", sans-serif !important; box-shadow: none; }
.wrap-siga .btn-lg.btn-danger:hover { background: var(--sgx-ln2, #f3f4f6) !important; color: var(--sgx-k, #0b0d12) !important; }
.wrap-siga .btn-lg.btn-light { background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-tnb, #14243a) !important; color: var(--sgx-tnb, #14243a) !important; border-radius: 10px; font: 600 15px "Inter", sans-serif !important; box-shadow: none; }
.wrap-siga .btn-lg.btn-light:hover { background: var(--sgx-ln2, #f3f4f6) !important; }
.wrap-siga .btn-lg.btn-alternate, .wrap-siga .btn-lg.btn-danger, .wrap-siga .btn-lg.btn-light { height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; line-height: 1; }
.w-section-header h4 { font: 600 16px/1.3 "Inter", sans-serif; color: var(--sgx-k, #0b0d12); margin: 0; }
.w-section-header h4 > svg, .w-section-header h4 > i { display: none; }
#seleccionar_cliente.list-group { border: 1px solid var(--sgx-ln, #ebedf0); border-radius: 12px; overflow: hidden; }
#seleccionar_cliente .list-group-item { background: var(--sgx-sf, #fff); border: 0; border-bottom: 1px solid var(--sgx-ln2, #f3f4f6); color: var(--sgx-k, #0b0d12); font: 500 14px "Inter", sans-serif; }
#seleccionar_cliente .list-group-item:hover { background: var(--sgx-sf2, #f6f7f9); }

/* Asistentes de pasos dentro de modales (alta de vehículos, asegurados GMM/vida, daños) */
.sgx-mod .forms-wizard { background: none !important; border-bottom: 1px solid var(--sgx-ln); margin-bottom: 12px; }
.sgx-mod .forms-wizard li .nav-link { color: var(--sgx-k3); font: 500 13.5px "Inter", sans-serif; }
.sgx-mod .forms-wizard li.active .nav-link { color: var(--sgx-k); font-weight: 600; }
.sgx-mod .forms-wizard li em { background: var(--sgx-ln2) !important; color: var(--sgx-k3) !important; box-shadow: 0 0 0 4px #fff; font: 600 14px/40px "Inter", sans-serif; }
.sgx-mod .forms-wizard li.active em { background: var(--sgx-tnb, #14243a) !important; color: #fff !important; }
/* El paso terminado lleva palomita en todos los asistentes del rediseño (la plantilla la pone de fondo). */
.sgx-mod .forms-wizard li.done em { background: #16a34a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 16px no-repeat !important; border-color: #16a34a !important; color: transparent !important; }
.sgx-mod .forms-wizard li::before, .sgx-mod .forms-wizard li::after { background: var(--sgx-ln) !important; height: 2px; }
.sgx-mod .forms-wizard li.active::before, .sgx-mod .forms-wizard li.done::before, .sgx-mod .forms-wizard li.done::after { background: var(--sgx-tnb, #14243a) !important; }
.sgx-mod .btn-danger[data-dismiss="modal"] { background: var(--sgx-sf, #fff) !important; border: 1px solid var(--sgx-ln) !important; color: var(--sgx-k2) !important; border-radius: 8px; box-shadow: none; }
.sgx-mod .btn-danger[data-dismiss="modal"]:hover { background: var(--sgx-ln2) !important; color: var(--sgx-k) !important; }
.sgx-mod table td h3, .sgx-mod table td h4, .sgx-mod table td h5 { font: 400 14px/1.5 "Inter", sans-serif !important; color: var(--sgx-k3); margin: 12px 0; }

/* Avisos globales (asistencia, regalo) y Conoce lo nuevo */
.sgx-avg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.sgx-avg-img { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sgx-avg-img img { display: block; max-width: 100%; height: auto; border-radius: 12px; }
.sgx-avg-campos .form-group { margin-bottom: 12px; }
.sgx-avg-datos { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 14px; margin: 0; font: 400 14px "Inter", sans-serif; }
.sgx-avg-datos dt { font-weight: 500; color: var(--sgx-k3); }
.sgx-avg-datos dd { margin: 0; color: var(--sgx-k); overflow-wrap: anywhere; }
.sgx-avg-gracias { font: 500 14px "Inter", sans-serif; color: var(--sgx-k2); }
.sgx-avg-form .modal-footer .sgx-ic, .sgx-avg-img .sgx-ic, .sgx-cn .sgx-wz-pie .sgx-ic { width: 16px; height: 16px; }
.sgx-cn .sgx-wz-pie { border-top: 1px solid var(--sgx-ln); }
.sgx-cn .sgx-wz-pie .sgx-btn.hide { display: none; }
.sgx-cn .sgx-wz-pie .sgx-cn-cerrar { margin-right: auto; }
.sgx-cn .tab-content p { font: 400 14px/1.55 "Inter", sans-serif; color: var(--sgx-k2); }
.sgx-cn .tab-content img { max-width: 100%; height: auto; border-radius: 10px; }
.sgx-cn-paso { display: flex; flex-direction: column; gap: 18px; }
.sgx-cn .tab-content .sgx-cn-t { font: 600 18px/1.3 "Inter", sans-serif; color: var(--sgx-k); margin: 0 0 4px; }
.sgx-cn .tab-content .sgx-cn-sub { margin: 0; color: var(--sgx-k3); }
.sgx-cn-media { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0; }
.sgx-cn-media video, .sgx-cn .tab-content .sgx-cn-media img { display: block; width: 100%; max-width: 760px; height: auto; border: 1px solid var(--sgx-ln); border-radius: 10px; background: var(--sgx-ln2); }
.sgx-cn-media figcaption { font: 400 12.5px/1.4 "Inter", sans-serif; color: var(--sgx-k4); text-align: center; }
.sgx-cn-bloque { border: 1px solid var(--sgx-ln); border-radius: 10px; padding: 14px 16px; background: var(--sgx-sf, #fff); }
.sgx-cn .tab-content .sgx-cn-h { font: 600 12px "Inter", sans-serif; color: var(--sgx-k3); text-transform: uppercase; letter-spacing: .04em; margin: 0 0 8px; }
.sgx-cn-bloque p { margin: 0; }
.sgx-cn-lista { margin: 0; padding-left: 18px; font: 400 14px/1.55 "Inter", sans-serif; color: var(--sgx-k2); }
.sgx-cn-lista li + li { margin-top: 4px; }
.sgx-cn-lista ul { margin: 4px 0 0; padding-left: 18px; list-style: circle; }
.sgx-cn-lista strong { font-weight: 600; color: var(--sgx-k); }
.sgx-cn .tab-content .sgx-cn-destacado { margin: 0; padding: 12px 16px; border-left: 3px solid var(--sgx-tnb, #14243a); border-radius: 8px; background: var(--sgx-ln2); color: var(--sgx-k2); }
@media (max-width: 767px) { .sgx-avg { grid-template-columns: minmax(0, 1fr); } }

/* Filtros de reportes: conviven dos marcados (label + label.input.select, y row > col > label.input.select > label + select) que desfasaban 3-4px cada columna de la misma fila. */
.sgx-rpt .contenedor_reportes_filtro { display: flex; flex-direction: column; margin-bottom: 14px; }
.sgx-rpt .contenedor_reportes_filtro .row { margin: 0; }
.sgx-rpt .contenedor_reportes_filtro .row > [class*="col-"] { padding: 0; }
.sgx-rpt .contenedor_reportes_filtro label { margin: 0; }
.sgx-rpt .contenedor_reportes_filtro label:not(.input):not(.checkbox-toggle),
.sgx-rpt .contenedor_reportes_filtro label.input > label { display: block; margin: 0 0 6px; font: 500 12.5px/16px "Inter", sans-serif; color: var(--sgx-k3); text-transform: none; letter-spacing: 0; }
.sgx-rpt .contenedor_reportes_filtro label > p { margin: 0; font: inherit; text-transform: none; }
.sgx-rpt .col-md-2:has(> #max_row), .sgx-rpt .col-md-2:has(> label > p) { display: flex; flex-direction: column; margin-bottom: 14px; }
.sgx-rpt [class*="col-"] > label > p.text-uppercase { margin: 0 0 6px; font: 500 12.5px/16px "Inter", sans-serif; color: var(--sgx-k3); text-transform: none !important; letter-spacing: 0; }
.sgx-rpt [class*="col-"] > label:has(> p) { margin: 0; }
.sgx-cargando-txt { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 40px 12px; font: 500 14px "Inter", sans-serif; color: var(--sgx-k3, #6b7280); }
.sgx-evd .modal-header, .sgx-evd .modal-body, .sgx-evd .modal-footer { padding-left: 24px; padding-right: 24px; }
.sgx-evd .modal-header { padding-top: 20px; padding-bottom: 16px; }
.sgx-evd .modal-title small { font: 500 13px "Inter", sans-serif; color: var(--sgx-k3); margin-bottom: 6px; }
.sgx-evd .modal-body { padding-top: 16px; }
.sgx-evd .modal-footer .col-md-12 { padding: 0; }
.sgx-evd #tabla-eventos .table th { background: var(--sgx-ln2); border-bottom: 1px solid var(--sgx-ln); padding-top: 10px; padding-bottom: 10px; }
.sgx-evd #tabla-eventos .table td { vertical-align: middle; padding-top: 14px; padding-bottom: 14px; }
.sgx-evd #tabla-eventos .table tr.table-danger > td:first-child { box-shadow: none; }
.sgx-evd #tabla-eventos .table td.sgx-evd-monto { line-height: 1.3; }
.sgx-evd #tabla-eventos .sgx-evd-est { display: flex; width: max-content; margin-top: 5px; padding: 2px 9px; font-size: 12px; }
.sgx-evd #tabla-eventos .list-unstyled { gap: 6px; }
.sgx-evd #tabla-eventos .btn-accion { position: relative; width: 34px; height: 34px; display: inline-grid; place-items: center; padding: 0; border: 1px solid var(--sgx-ln); border-radius: 8px; background: var(--sgx-sf, #fff); color: var(--sgx-k2); }
.sgx-evd #tabla-eventos .btn-accion:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-evd #tabla-eventos > .form-row:first-child { margin-left: 0; margin-right: 0; }
.sgx-evd #tabla-eventos > .form-row:first-child .alert-msg { padding-left: 0; padding-right: 0; }
.sgx-evd .modal-title { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ic tit" "ic fec"; column-gap: 14px; row-gap: 2px; align-items: center; }
.sgx-evd .modal-title .sgx-evd-ic { grid-area: ic; width: 44px; height: 44px; border-radius: 12px; }
.sgx-evd .modal-title .sgx-evd-ic svg, .sgx-evd .modal-title .sgx-evd-ic i { width: 20px; height: 20px; font-size: 20px; }
.sgx-evd .modal-title .sgx-evd-tit { grid-area: tit; align-self: end; font: 600 20px/1.2 "Inter", sans-serif; color: var(--sgx-k); }
.sgx-evd .modal-title small { grid-area: fec; align-self: start; margin: 0; font: 400 13.5px "Inter", sans-serif; color: var(--sgx-k3); }
.sgx-evd .modal-header { align-items: center; }
/* Modales de envío de aviso (cobro, renovación, saludo…): título con «Vista previa» como botón y bloque de archivos/destinatarios sin barras oscuras */
.sgx-form .modal-title:has(.vista_previa) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.sgx-form .modal-title .vista_previa { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--sgx-ln); border-radius: 8px; background: var(--sgx-sf, #fff); color: var(--sgx-k2); font: 500 13px "Inter", sans-serif; cursor: pointer; }
.sgx-form .modal-title .vista_previa:hover { background: var(--sgx-ln2); color: var(--sgx-k); }
.sgx-form .modal-title .vista_previa svg, .sgx-form .modal-title .vista_previa i { width: 14px; height: 14px; font-size: 13px; }
.sgx-form .content-archivos-adjuntos { padding: 8px 20px 4px; }
.sgx-form .content-archivos-adjuntos > .container, .sgx-form .content-archivos-adjuntos > .container > .col-md-12 { max-width: none; padding: 0; }
.sgx-form .content-archivos-adjuntos .bg-view-info { padding: 18px 20px 14px; }
.sgx-form .content-archivos-adjuntos .bg-view-info > .container { max-width: none; padding: 0; }
.sgx-form .content-archivos-adjuntos .bg-view-info > .container > .row { column-gap: 0; }
.sgx-form .content-archivos-adjuntos .bg-view-info > .container > .row > [class*="col-"] { padding: 0 12px !important; }
.sgx-form .content-archivos-adjuntos .bg-alternate.text-white { background: none !important; color: var(--sgx-k3) !important; border: 0 !important; border-bottom: 1px solid var(--sgx-ln) !important; padding: 0 0 8px !important; margin: 0 15px 12px !important; flex: 1 1 auto; max-width: none; }
.sgx-form .content-archivos-adjuntos .bg-alternate.text-white h4 { margin: 0; font: 600 12px "Inter", sans-serif; letter-spacing: .05em; text-transform: uppercase; color: var(--sgx-k3); }
.sgx-form .content-archivos-adjuntos .bg-alternate.text-white h4 > i, .sgx-form .content-archivos-adjuntos .bg-alternate.text-white h4 > svg, .sgx-form .content-archivos-adjuntos .bg-alternate.text-white h4 > sup { display: none; }
.sgx-form .content-archivos-adjuntos label.text-alternate { float: none !important; display: block; text-align: left; padding: 0 0 4px !important; margin: 0; font: 500 13px "Inter", sans-serif; color: var(--sgx-k3) !important; }
.sgx-form .content-archivos-adjuntos label.text-alternate > i, .sgx-form .content-archivos-adjuntos label.text-alternate > svg { display: none; }
.sgx-form .content-archivos-adjuntos .bg-view-info .row > .col-md-4:has(> label.text-alternate), .sgx-form .content-archivos-adjuntos .bg-view-info .row > .col-md-3:has(> label.text-alternate) { flex: 0 0 100%; max-width: 100%; }
.sgx-form .content-archivos-adjuntos .bg-view-info .row > .col-md-8:has(> .input), .sgx-form .content-archivos-adjuntos .bg-view-info .row > .col-md-9:has(> .input) { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
.sgx-form .modal-body.body-correo { overflow-x: hidden; }
.modal .modal-body::-webkit-scrollbar-thumb { background: #cbd2dc; }
.modal .modal-body::-webkit-scrollbar-thumb:hover { background: #9aa4b2; }