/**
 *  @file        : albala_mods.css
 *  
 *  @description : 
 *  @license     : baratz
 *  @ver         : 7.0
 *  @copyright   : 2018
 *  
 *  @author      : http://www.baratz.es/
 *  @date        : 2018-01-23
 *  
 *  @human       : Xosé Manuel Paz Graña <Xosé_manuel.paz@albadoc.com>
 *  @human       : José Antonio Iglesias <jose_antonio.iglesias@albadoc.com>
 *  
 *  @details: Docuemnto para el pisado de estilos.
 *  		Los docs albala_00.css y albala_01.css son generados vía preprocesado Less y se pisan al generar un nuevo doc.
 *  		Para insertar estilos, utilizar este documento. Rigen las reglas de herencia determinadas en los otros documentos css (si existen reglas aplicadas)
 *  
 */
 .fila_sample_loan{
	border-bottom: 2px solid #a2c1fc;
	    padding-top: 5px;
 }
.cont_combobox_autoridades .combobox_autoridades .btn_lista_autoridades .selectize-control .selectize-input .item {margin-left:50px !important}
.cont_combobox_autoridades .combobox_autoridades .btn_lista_autoridades {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 51px;
    height: 34.5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

 #MultipleRecordsForm .dataTable.entradas .form-control.selectize-control .selectize-input .item:first-child, #MultipleRecordsForm .dataTable.entradas .selectize-control .selectize-input .item:first-child{margin-left:50px !important}
 
#MultipleRecordsForm .dataTable.entradas .selectize-control.single .selectize-input input{padding-left:0px !important;}
#MultipleRecordsForm .dataTable.entradas .form-control.selectize-control .selectize-input input, #MultipleRecordsForm .dataTable.entradas .selectize-control .selectize-input input{padding-left:51px !important;}
.cont_combobox_autoridades .combobox_autoridades .selectize-control .selectize-input{padding-left:51px}
 .authority_metadata .media-body .fila{
 padding-top:3px;
 padding-bottom:3px;
 }
 .authority_metadata .media-body .fila .text-info{
 color: #24566f;
 }
 .authority_metadata .media-body .fila .text-muted{
 color: #750a0a;
 }

 span.input-group-addon.columna_filtro_busqueda:hover{
	color: #46a51f;
    cursor: pointer;
 }
 li.slct a{background:#aec95b !important;}
 .selectize-dropdown [data-selectable] .highlight {
    background: rgb(246, 174, 94) !important;
    color: #000 !important;
    text-decoration:none !important;
    /* text-decoration: underline; */
    /* padding: 1px; */
    /* border: 0px solid;*/
 }
 .breadlink_action{
 	background-color:#c3cca8 !important;
 }

 .selectize-dropdown [data-selectable].active {
    background-color: #bacde6 !important;
    color: #1d4075 !important;
}

 li.slct a{background:#aec95b !important;}
 cont_createInputCodClasif{ line-height:1.3em;}
.cont_createInputCodClasif .span_createInputCodClasif{
    width: 50%;
    min-height:30px;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 5px;
    border: 1px solid #dfdede;
    background-color: #f2f2f2;
    font-style: italic;
    color:green;
}
.cont_createInputCodClasif .input_createInputCodClasif{ width:50%;margin:0px;padding:0px;float:right; }
.MultipleRecordsForm .cont_createInputCodClasif .span_createInputCodClasif{ width:50% !important; }
.MultipleRecordsForm .cont_createInputCodClasif .input_createInputCodClasif{ width:50% !important; }
.MultipleRecordsForm .cont_createInputCodClasif{ width:100% !important; }
.checkboxes-select-all input{display:none;}


table.dataTable .cont_subtable .subtable tbody tr.success{background-color:#dff0d8 !important;}
table.dataTable .cont_subtable .subtable tbody tr.info{background-color:#d9edf7 !important;}
table.dataTable .cont_subtable .subtable tbody tr.danger{background-color:#f2dede !important;}
table.dataTable .cont_subtable .subtable tbody tr.warning{background-color:#fcf8e3 !important;}

.dataTable .cont_subtable .btn.btn_registry{padding:4px 4px;font-size:1.3rem !important;color:#1d2e4e}
.dataTable .cont_subtable .btn.btn_registry_filter_success{background-color:#dff0d8 !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_info{background-color:#d9edf7 !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_danger{background-color:#f2dede !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_warning{background-color:#fcf8e3 !important;}
.dataTable .cont_subtable .btn.btn_registry_filter_default{background-color:#90dbb5 !important;}

.dataTable .cont_subtable .subtable.pageId_20603 .registry_text{font-size:1.3rem;font-weight:200;}
.dataTable .cont_subtable .subtable.pageId_20603 .input_para_filtro{border:1px solid #ccc;border-radius: 4px 0px 0px 4px;padding-bottom: 5px;padding-top: 2px;padding-left: 4px;padding-right: 4px;}
.dataTable .cont_subtable .subtable.pageId_20603 .pager_info{padding: 2px 3px 5px 3px;font-size: 1.3rem;color: #1448b1;}
/* visor mail */


/* cof */
.dd_custom-content.fons{ background:#9cc893; color: #082a59;}
.cof_chart_main{ width:94%;margin-left:3%;margin-right:3%;margin-top:25px; }
.cof_chart_main .list-group.list-group-root { padding: 0;overflow: hidden;}
.cof_chart_main .well{border:0px;background-color:#fff;}
.cof_chart_main .fons .text-info{color:#454545;font-weight:600;}
.cof_chart_main .list-group.list-group-root .list-group {margin-bottom: 0;}
.cof_chart_main .list-group.list-group-root .list-group-item {border-radius: 0;border-width: 1px 0 0 0;}
.cof_chart_main .list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
.cof_chart_main .list-group.list-group-root > .list-group{padding-left: 15px;}
.cof_chart_main .list-group.list-group-root > .list-group .list-group {padding-left: 15px;}

.cof_chart_main .list-group-item .glyphicon {margin-right: 5px;}
.cof_chart_main .list-group-item .text_icon{padding-right:5px;}
.cof_chart_main .cof_description{ font-size: 0.8em; padding-left:25px;}
.cof_chart_main .title_icon{padding-right:5px;}

.data_text.char_ccu{color: #1245a1; font-weight: 600;}
.data_text.char_cof{color: #20710c; font-weight: 600;}
.data_text.char_ccu.char_cof{color: #6b440a; font-weight: 600;}

.ccu_chart_main{ width:94%;margin-left:3%;margin-right:3%;margin-top:25px; }
.ccu_chart_main .list-group.list-group-root { padding: 0;overflow: hidden;}
.ccu_chart_main .well{border:0px;background-color:#fff;}
.ccu_chart_main .fons .text-info{color:#454545;font-weight:600;}
.ccu_chart_main .list-group.list-group-root .list-group {margin-bottom: 0;}
.ccu_chart_main .list-group.list-group-root .list-group-item {border-radius: 0;border-width: 1px 0 0 0;}
.ccu_chart_main .list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
.ccu_chart_main .list-group.list-group-root > .list-group{padding-left: 15px;}
.ccu_chart_main .list-group.list-group-root > .list-group .list-group {padding-left: 15px;}

.ccu_chart_main .list-group-item .glyphicon {margin-right: 5px;}
.ccu_chart_main .list-group-item .text_icon{padding-right:5px;}
.ccu_chart_main .ccu_description{ font-size: 0.7em; padding-left:25px;}

.form_nestable {display: block;width: 100%;height: 34px;color: #555;background-color: #fff;background-image: none;}
#form_mensaje.dlg_nestable{ margin-top:16px;}
.bootbox .modal-header .modal-title{max-width:92%}
.advanced_textual{
    height: 100% auto;
    overflow: auto;
    background: #f1f1f1;
    padding-bottom: 10px;
    border-radius: 6px;
    border-bottom: 3px solid #c3c3c3;
 }
.olvido{font-size:1.4rem; text-align:center;}

#HeadAppNavToolbar .contenedor.container_logo .cont_logo .navbar-logo{
	    max-width: 65%;
    /*max-height: inherit;*/
}


/*login*/
body.login_sin_modal {
    background: url(imgs/background_login.svg) no-repeat;
    background-position-x: unset;
    background-position-y: top;
    background-size: cover;
}
#Remember{width:420px;background-color: #fff;}
#Login.without_sessions{width:420px;background-color: #fff;}
#Login.with_sessions{background-color: #fff;}
#Login.without_sessions .cont_header{background-color: #fff;}
#Login.with_sessions .cont_header{background-color: #fff;}
body.login_con_modal .form_login .form-signin legend{position: relative;float: left;width: 100%;text-align: center;color: #053f62;
    font-size: 2.2rem;
    margin: 2rem 0;
    border-bottom: none;}
body.login_sin_modal .form_login .form-signin legend{position: relative;float: left;width: 100%;text-align: center;color: #053f62;
    font-size: 2.2rem;
    margin: 2rem 0;
    border-bottom: none;}
#Login #logo_empresa img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Login #logo_cliente img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Remember #logo_empresa img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Remember #logo_cliente img{max-width:420px;border-bottom: 2px solid #436ca0;}
#Login .nickname.without_domain{width:100%;}

.modal_view_Header .btn_version{padding: 4px;
    border: 2px solid #8994a3;
    background-color: #8994a3;
    border-radius: 9px;
    color: #f2f2f2;
}

.upload_items .lista_contenedora.lista_carpetas_afectadas .capa .carpetaMedia{max-height:600px;overflow:scroll;}

.otros .close{top:10px !important;}

.modal_mover_elemento .cont_paginacion{padding:2rem;margin-left:25%;}
.login_con_modal .modal_de_Login .form_login .btn_cerrar{background-color:#ffffff !important;}

.cont_control_signaturas .cont_datos .listado_signaturas .item{ width:100%;margin-left:0px;background-color: rgb(42 144 231 / 19%);border-radius: 3px;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .cont_titulo{width:85%;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones {width:15%;text-align:right;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn{margin-right:1px;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn.btn-default{background-color:#fff;color:#436CA0;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn.btn-success{background-color:#436CA0;color:#fff;}
.cont_control_signaturas .cont_datos .listado_signaturas .item .botones .btn.btn-default:hover{background-color:#f2f2f2;}
.cont_control_signaturas .cont_datos .listado_signaturas .item input.signature{
	width:8%;
    border: 0px;
    background-color: #9fb8c16b;
    border-radius: 8px;
}
.cont_control_signaturas .cont_datos .listado_signaturas{max-height:unset;min-height:125px;}
.cont_control_signaturas .cont_datos .listado_signaturas .select_tu{
    font-size: 1.2rem;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    /* border: 1px solid #a8a9ac; */
    padding: 4px 8px;
    background: #9fb8c16b;
    border-radius: 8px;	
}	
.cont_control_signaturas .cont_datos .listado_signaturas .select_n0{
    font-size: 1.2rem;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    /* border: 1px solid #a8a9ac; */
    padding: 4px 8px;
    background: #9fb8c16b;
    border-radius: 8px;	
}
.bootbox .modal-header .bootbox-info-button.info {
    position: relative;
    float: right;
    width: 28px;
    height: 12px;
    padding: 12px;
    color: #fff;
    border: 0px solid #fff;
    margin-top:2px;
    margin-right:5px;
    border-radius: 50%;
    background:transparent;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
}
.bootbox .modal-header .bootbox-info-button.info .fa {
    position: absolute;
    display: block;
    font-size: 2.3rem;
    line-height: 1.1em;
    font-weight: normal;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
}
.modal_gestion_signatura .botonera_acciones_depositos .btn{background-color:#fff;}
.modal_gestion_signatura .botonera_acciones_depositos .btn:hover{background-color:#f2f2f2;}
.modal_gestion_signatura .botonera_acciones_depositos .btn .icono{color:#436CA0;}
.modal_gestion_signatura .botonera_acciones_depositos .btn .btn_titulo{color:#436CA0;}

.modal_gestion_signatura .cont_gestion_espacios .cont_botonera .btn_borrar{background-color:#fff;color:#436CA0;}
.modal_gestion_signatura .cont_gestion_espacios .cont_botonera .btn_borrar:hover{background-color:#f2f2f2;}
.btn-default_blanco{background-color:#fff;color:#436CA0;border:1px solid #436CA0;}
.modal_gestion_signatura .ui_en_uso{color:#2e4b70;}
.modal_gestion_signatura .ui_libre{color:rgb(46 75 112 / 31%)}

#cont_group_IH44 .dd-list{width:50%;}
#cont_group_IH44 .dd-item .dd-content{margin-top:0px;}

.modal_gestion_signatura .cont_gestion_espacios {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
	padding: 15px 0 15px 0;
	background-color: #428bca0f;
	font-family: "Source Sans Pro",sans-serif;
	border: 1px solid #eee;
}

.modal_gestion_signatura .badge.signatura{
    font-size: 1.2em;
    color: #7DA2BC;
    background: #fff;
    margin: 0 0 10px;
    font-weight: normal;
    padding-bottom: 0px;
}

/* .cont_control_signaturas .cont_datos .listado_signaturas .item {
position: relative;
clear: left;
float: left;
margin-bottom: 4px;
margin-left: 5px;
padding: 6px;
background-color: rgb(42 144 231 / 19%);
min-width: 75%;
border-radius: 3px;
} */
.cont_control_signaturas .cont_datos {
position: relative;
float: left;
width: 100%;
min-height: 93px;
margin-top: 0;
padding: 8px;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

#SearchPpal #q{width:90% !important;}

.dd_custom-content .dd_name{
	position: absolute;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 60%;
    display: inline-block;
}

/* pasar al less */

.NOdeps_LB_modal_visor_expediente .contenedor .zona_00 .bloque_izqda ul.media-list .media .media-left .enlace .thumb{width:120px;height:120px;}
.NOdeps_LB_modal_visor_expediente .contenedor .zona_00 .bloque_izqda ul.media-list .media .media-body .media-heading{font-size:1.2rem;}

#pre_ingress_new_fields{
    border: 4px dashed #e7e4e4;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2rem;
    background-color: #f0f0f0;
}
#pre_ingress_new_fields .otros{padding-bottom: 15px; border-bottom: 2px solid #d7d4d4;}
#pre_ingress_new_fields .control-label .label_titulo {
    float: left;
    max-width: 100%;
    padding-left: 10px;
}


/* vista de ejemplares */
.samples_list{margin-bottom:16px !important;}
.samples_info_line{padding:4px;}
.samples_info .label{color: #919191;text-align: right; font-size: 1.4rem;}
.samples_info .samples_info_loan_section{background: #f2f2f2; padding: 4px;}


.cont_control_complex{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 45px;
    max-width: unset !important;
}
.item_header{
	background-color: #77abedc7 !important;
    border-radius: 0px !important;
    margin: 0px auto !important;
    padding: 1px !important;
}
.item_header .control-label{text-align:center;}
.item_header .label_titulo{
	float:unset;
    max-width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    padding-left:0px !important;
}
.item_container {
  display: table;
  width: 100% !important;
  border-collapse: collapse;
}

.item_container .item_edit{
	background-color:#d3d3d3 !important;
}
.item_container .item_saved{
	background-color:#dcf3dc !important;
}
.item_fila {
  display: table-row;
}

.item_celda {
  display: table-cell;
  padding: 2px;
  text-align: center;
}

/*.item_celda textarea{max-width:12px !important;margin:0px auto; text-align:center;}*/
.item_celda checkbox{max-width:12px !important;margin:0px auto; text-align:center;}

.ctrl_701 .selectize-input,
.ctrl_701 .selectize-dropdown {
    box-sizing: border-box; /* Evita que padding/margin cambien el tamaño */
}

.ctrl_701 .selectize-dropdown {
    max-width: 100%; /* Evita que la lista sea más ancha que el select */
    overflow-x: hidden; /* Evita que el contenido haga scroll horizontal */
}

.ctrl_701 .selectize-input input {
    width: auto !important;
    max-width: 100%; /* Evita que crezca más allá del contenedor */
    white-space: nowrap; /* Impide que el texto se desborde */
}

.ctrl_175 .selectize-input,
.ctrl_175 .selectize-dropdown {
    box-sizing: border-box; /* Evita que padding/margin cambien el tamaño */
}

.ctrl_175 .selectize-dropdown {
    max-width: 100%; /* Evita que la lista sea más ancha que el select */
    overflow-x: hidden; /* Evita que el contenido haga scroll horizontal */
}

.ctrl_175 .selectize-input {
    width: 100% !important;
    max-width: 100% !important; ; /* Evita que crezca más allá del contenedor */
    white-space: nowrap !important; ; /* Impide que el texto se desborde */
}

.ctrl_175 .selectize-control {
    width: 100% !important;  /* Hace que el Selectize se ajuste al contenedor */
    max-width: 100% !important; /* Evita que crezca más de la columna */
    min-width:200px !important;
}

.cont_control_complex  .cont_datos .listado_signaturas .item .botones {width:9% !important;text-align:right;}
.ctrl_702 .selectize-control{max-width:unset !important; width:90% !important;}
.ctrl_701 .selectize-control{max-width:unset !important; width:90% !important;}
.ctrl_702 .selectize-input input{width:100% !important;}
.ctrl_701 .selectize-input input{width:100% !important;}

.rel_root{ display:block}
.relations{ display:inline-block;}
.relations ul,.relations li{list-style:none;}
.table_complex table{width:100% !important}
.table_complex table > thead > tr {
      background-color: #009680; /* Verde */
      color: white;
      padding: 2px;
}
.table_complex table > tbody > tr {
      background-color: #0c395980; /* Azul */
      color: white;
      padding: 2px;
}

span.root_page_tree_calc{
    bottom: 0;
    position: absolute;
    padding-bottom: 4px;
    
    color: #8d8d8d9c;
}

/* Contenedor y tarjetas */
/* Base: ligera elevación y fondo sutil */
.qa-card {
  border-radius: 1rem;
  background: var(--bs-body-bg);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  min-height: 180px;
}

/* Fondo suavemente destacado respecto al body */
.qa-card.qa-centered {
  background: color-mix(in srgb, var(--bs-body-bg) 92%, #fff 8%);
}

/* Hover: más elevación y sutil scale */
.qa-card:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
  border-color: rgba(0,0,0,.10);
}

/* Focus accesible similar al hover */
.qa-card:focus {
  outline: 0;
  transform: translateY(-1px) scale(1.005);
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25), 0 8px 20px rgba(0,0,0,.10);
}

/* Icono centrado en “chip” */
.qa-icon {
  width: 48px; height: 48px; min-width: 48px;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
}

/* Variantes de color suaves para el “chip” */
.qa-default .qa-icon { background: #f1f3f5; color: #495057; }
.qa-info    .qa-icon { background: #e7f5ff; color: #1971c2; }
.qa-success .qa-icon { background: #ebfbee; color: #2b8a3e; }
.qa-warning .qa-icon { background: #fff4e6; color: #d9480f; }
.qa-danger  .qa-icon { background: #fff5f5; color: #c92a2a; }

/* Texto centrado ya aplicado por .text-center; afinamos espacios */
.qa-title { line-height: 1.2; }
.qa-subtitle { line-height: 1.25; }

/* Chips */
.qa-chip {
  display: inline-block;
  font-size: .75rem;
  padding: .15rem .5rem;
  border-radius: 999px;
  border: 1px solid var(--bs-border-color);
  color: var(--bs-secondary-color);
  margin: .15rem .25rem 0;
}

/* Estado disabled */
.qa-card.qa-disabled { opacity: .6; pointer-events: none; }

/* Respeta accesibilidad si reduce animaciones */
@media (prefers-reduced-motion: reduce) {
  .qa-card { transition: none; }
  .qa-card:hover, .qa-card:focus { transform: none; }
}

/* tamaño XL del chip */
.qa-icon--xl {
  width: 72px; height: 72px; min-width: 72px;
  font-size: 1.8rem;
}

/* chip circular con degradado, aro y sombra */
.qa-icon {
  --qa-bg: #e7f0ff;   /* fallback si no hay variant/color */
  --qa-fg: #1b64d8;
  --qa-ring: #1b64d8;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 45%),
    linear-gradient(135deg, color-mix(in srgb, var(--qa-bg) 85%, #fff 15%), var(--qa-bg));
  color: var(--qa-fg);
  box-shadow:
    0 1px 0 rgba(255,255,255,.6) inset,
    0 8px 18px rgba(0,0,0,.08),
    0 0 0 2px color-mix(in srgb, var(--qa-ring) 25%, transparent);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

/* hover más marcado (glow suave) */
.qa-card:hover .qa-icon {
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 10px 24px rgba(0,0,0,.12),
    0 0 0 3px color-mix(in srgb, var(--qa-ring) 35%, transparent),
    0 0 28px color-mix(in srgb, var(--qa-ring) 18%, transparent);
  transform: translateY(-1px);
}

/* variantes por defecto (si no pasas item.color) */
.qa-default .qa-icon { --qa-bg:#eef2f6; --qa-fg:#475569; --qa-ring:#64748b; }
.qa-info    .qa-icon { --qa-bg:#e6f2ff; --qa-fg:#1e66f5; --qa-ring:#1e66f5; }
.qa-success .qa-icon { --qa-bg:#eaf7ef; --qa-fg:#2f9e44; --qa-ring:#2f9e44; }
.qa-warning .qa-icon { --qa-bg:#fff3e6; --qa-fg:#d9480f; --qa-ring:#d9480f; }
.qa-danger  .qa-icon { --qa-bg:#ffe8e8; --qa-fg:#c92a2a; --qa-ring:#c92a2a; }

/* dark-mode friendly */
@media (prefers-color-scheme: dark) {
  .qa-icon {
    background:
      radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 45%),
      linear-gradient(135deg, color-mix(in srgb, var(--qa-bg) 70%, #000 30%), var(--qa-bg));
    box-shadow:
      0 1px 0 rgba(255,255,255,.06) inset,
      0 8px 18px rgba(0,0,0,.35),
      0 0 0 2px color-mix(in srgb, var(--qa-ring) 30%, transparent);
  }
}

.main-actions{
  min-height: 120vh;                /* ocupa al menos todo el alto de la ventana */
  background-repeat: no-repeat;     
  background-position: left top; /* esquina inferior-derecha */
  background-size:cover;        /* altura = 100% del contenedor */
  /* opcional: si quieres que no “salte” al hacer scroll del body */
  background-attachment: local;      /* o quítalo; por defecto ya es local */
}

.qa-card.qa-centered {
    	cursor:pointer !important; 
    background-color: #5ccda785;
}
.qa-card.qa-centered:hover {
    background-color: #d7edbd87;
}

.qa-icon i.fa {
    font-size: 5rem !important; 
    color: #33638d !important; 
}

.qa-icon i.fa:hover {

    color: #d1945e !important; 
}

.qa-card .qa-title {font-size: 3rem; color: #141414;}
.qa-card .qa-subtitle {font-size: 3rem; color: #f2f2f2c7;}

/****
MULTICOLUMS
***/
/* ===== Flex "tabla" accesible ===== */
.amc-container{
  background:#fff;
  border:1px solid rgba(16,24,40,.18);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(2,6,23,.08);
  overflow:hidden;
}

/* Cabecera con alto contraste */
.amc-header{
  display:flex;flex-wrap:wrap;align-items:center;
  background:#0b3b74; color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:8px 10px; gap:0;
}
.amc-th{
  font-weight:700; letter-spacing:.15px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Filas */
.amc-table{padding:8px}
.amc-row{display:flex;flex-wrap:wrap;margin:-6px}
.amc-col{padding:6px;box-sizing:border-box}

/* Tarjetas */
.amc-tile{
  background:#fff;border:1px solid rgba(16,24,40,.12);
  border-radius:10px;padding:10px 12px;
  box-shadow:0 6px 16px rgba(2,6,23,.06);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.amc-tile:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(2,6,23,.10)}

/* Título + icono */
.amc-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f172a;margin:0}
.amc-title .icono{opacity:.95}
.amc-text{color:#111827}

/* Chips/pills */
.amc-pill{
  display:inline-block;background:#eef2ff;border:1px solid #c7d2fe;color:#1e1b4b;
  padding:2px 8px;border-radius:999px;font-size:12px;margin:2px 4px 0 0
}

/* Relaciones */
.amc-rel{margin-top:6px;border-top:1px dashed #e5e7eb;padding-top:6px;color:#374151}

/* Ellipsis */
.amc-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Responsive por clases col-1..col-12 */
@media (max-width: 992px){
  /* >=7 cols pasa a 100%; <=6 cols a 50% */
  .amc-col.col-7, .amc-col.col-8, .amc-col.col-9,
  .amc-col.col-10, .amc-col.col-11, .amc-col.col-12 {
    flex:0 0 100% !important; max-width:100% !important;
  }
  .amc-col.col-1, .amc-col.col-2, .amc-col.col-3,
  .amc-col.col-4, .amc-col.col-5, .amc-col.col-6 {
    flex:0 0 50% !important; max-width:50% !important;
  }
  .amc-header .amc-col { flex:0 0 50% !important; max-width:50% !important; }
}
@media (max-width: 576px){
  .amc-col { flex:0 0 100% !important; max-width:100% !important; }
  .amc-header .amc-col { flex:0 0 100% !important; max-width:100% !important; }
}