@charset "UTF-8";
/* CSS Document */

.art-grid-blq--datatable{
width: calc(100% - 440px);
max-width: 1500px;  
}
.art-grid-blq--datatable > .grp{
border-radius: var(--border-r-md);
padding: 5px 5px 5px 5px !important;  
}
.cj-table {	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;
flex-direction: row;
border: none !important;	
border-radius: 0px;  
width: 100%;	
min-height: auto !important;
background-color: var(--trans) !important;  
}
.cj-table > div {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;	
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;	
}
.grp-list-tit h4 {
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-md);
line-height: var(--line-height-md);
font-weight: 300;
font-variation-settings: "wght" 500;
text-shadow: 0 0 4px var(--ng-100), 0 0 10px var(--ng-100);
color: var(--bn-100);
margin: 4px 0 0 10px;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea{
font-family: var(--fuente-creditos);	
text-rendering: optimizeLegibility;	
height: 30px;	
}
.dataTables_wrapper {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;	
position: relative;
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;
text-align: left;
color: var(--ng-100);  
}
.dataTables_length{
display: none;	
flex: 0 0 30%;	
width: 30%;	
height: 50px;
margin: 0px 5px 5px 0px;
padding: 0px 0px 0px 2px;	
}
.dataTables_length label{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;	
height: 100%;	
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 500;
font-variation-settings: "wght" 700;
/*border-radius: var(--border-r-base) var(--border-r-base) var(--border-r-xs)	var(--border-r-xs);*/	
border-radius: var(--border-r-base);
background-image: url(../../../imagenes/globales-oafcds-v5/patrones/patron-2/patron-2.png);		
background-position: center;
background-repeat: repeat;
background-size: auto;		
background-color: var(--base-a-6-100);  
}
.dataTables_length label select{
font-family: var(--fuente-subtit);	
border-radius: var(--border-r-sm);
border: 1px solid var(--ng-20);  
margin: 0px 10px 0px 10px;
padding: 6px;	
}
.dataTables_filter{
flex: 1;	
width: 100%;	
height: 50px;
margin: 0px 0px 5px 0px;
padding: 0px 2px 0px 0px;	
}
.dataTables_filter label{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;	
width: 100%;
height: 100%;	
font-size: var(--font-size-xs);
line-height: var(--line-height-xxs);
font-weight: 500;
font-variation-settings: "wght" 700;
border-radius: var(--border-r-base) var(--border-r-base) var(--border-r-sm) var(--border-r-sm);  
background-image: url(../../../imagenes/globales-oafcds-v5/patrones/patron-2/patron-2.png);		
background-position: center;
background-repeat: repeat;
background-size: auto;	
background-color: var(--base-a-6-100);  
padding: 10px;	
}
input[type="search"]{
flex: 1;	
width: 100% !important;
max-width: 400px;
border-radius: var(--border-r-sm);
border: 1px solid var(--ng-20);  
margin-bottom: 0px;	
padding: 10px;	
}
.dataTables_scroll{
flex: 0 0 100%;
width: 100%;  
margin: 0px 0px 5px 0px;  
}

/*.dataTables_scrollHead{}*/

.dataTables_scrollHeadInner{
width: 100% !important;
border-radius: var(--border-r-base);
}
.dataTables_scrollHead{}
.dataTables_scrollHead table {
margin-top: 0px !important;
margin-bottom: 0px !important;
overscroll-behavior: contain;    
}

.dataTables_scrollHeadInner table {
width: 100%; 
table-layout: fixed; 
}
.dataTables_scrollHeadInner th {
text-align: center; 
}

/*.dataTables_scrollHead table thead{}*/

.dataTables_scrollHead table thead tr {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/*flex-wrap: wrap;*/ 
}

table.dataTable thead > tr > th.sorting_asc, 
table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting, 
table.dataTable thead > tr > td.sorting_asc, 
table.dataTable thead > tr > td.sorting_desc, 
table.dataTable thead > tr > td.sorting{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex: 1;  
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);
font-weight: 500;
font-variation-settings: "wght" 700;
text-align: center;	
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 20px 8px 20px 8px;	
color:rgba(255,255,255,1.00);	
background-color: var(--base-a-2-100);
border-right: 0.5px solid var(--base-a-2-100);  
}
.dataTables_scrollHead table th:first-of-type{
border-top-left-radius: var(--border-r-sm);
border-bottom-left-radius: var(--border-r-sm);  
border-right: 0.5px solid var(--base-a-2-100);  
}
.dataTables_scrollHead table th:last-of-type{
border-top-right-radius: var(--border-r-sm);
border-bottom-right-radius: var(--border-r-sm);  
border-right: none !important;  
}
.dataTables_scrollBody{	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
max-height: 500px !important;	
/*overscroll-behavior: contain;*/ /*¡!*/   
}

/* width */
.dataTables_scrollBody::-webkit-scrollbar {
width: 8px;
height: 6px;	
border-radius: var(--border-r-xs); 	
}
/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track {
background: var(--ng-80);	
}
/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb {
background: var(--bn-80);
border-radius: var(--border-r-xs);	
}
/* Handle on hover */
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
background: var(--trans);	
}

.dataTables_scrollBody table {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
flex: 1;  
/*width: 100% !important;*/
/*width: 100% !important;*/  
/*min-width: 100%;
max-width: 100%;*/  
border-spacing: 0px;  
}

.dataTables_scrollBody table tbody {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column; 
}
.dataTables_scrollBody table tbody tr {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
}
.dataTables_scrollBody table tbody tr td {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;  
flex: 1;
}

.dataTables_scrollBody table tbody tr td .cj-icn {
flex: 0 0 50px;
width: 50px;
height: 50px; 
}

.dataTables_scrollBody table td:nth-of-type(1){
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}

.dataTables_scrollBody table td:nth-of-type(1) sup{
font-family: var(--fuente-creditos);
font-size: var(--font-size-xxs);
line-height: calc(var(--line-height-xxs) + 4px);
font-weight: 400;
font-variation-settings: "wght" 700;
letter-spacing: 0.5px;
color: var(--base-a-2-100);
margin-left: 2px;  
}


.dataTables_scrollBody table td:nth-of-type(1) > div{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;	
width: 100% !important;	
}
.dataTables_scrollBody table td:nth-of-type(1) > div div{
flex: 1;	
/*text-align: left;*/
padding: 0px 0px 0px 10px;
}
.dataTables_scrollBody table td:nth-of-type(1) > div div > p{
display: -webkit-box;
max-width: 100%;
/*-webkit-line-clamp: 2;*/
-webkit-box-orient: vertical;
overflow: hidden;
}

.dataTables_scrollBody table td:nth-of-type(1) > div img{
width: 120px;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--border-r-sm);	
}

.dataTables_scrollBody table td .btn{
margin: 0 auto;
}
/*.dataTables_scrollBody table thead {}*/
/*.dataTables_scrollBody table tr{}*/
.dataTables_scrollBody table tr td{
color: var(--bn-100);	
background-color: var(--ng-50);
border-radius: var(--border-r-xs);  
border-bottom: 0.5px solid var(--bn-50);  
}
.dataTables_scrollBody table tr td .icn-cont-base-b-0 {
background-image: url("../../../imagenes/globales-oafcds-v5/iconos/cont/bn/sprite-cont-bn-v3.png") !important;
}

.dataTables_info{
display: none !important;	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex: 0 0 50%;
width: 50%;	
height: 40px;	
border-radius: var(--border-r-base);	
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 500;
font-variation-settings: "wght" 700;
color:rgba(255,255,255,1.00);	
background-color: var(--base-a-2-100);  
margin: 0px 5px 0px 0px;	
}

table.dataTable tbody th, 
table.dataTable tbody td {
font-size: calc(var(--font-size-xxs) + 4px);	
line-height: var(--line-height-xs);
font-weight: 300;
font-variation-settings: "wght" 600;	
text-align: center;
padding: 10px;
}

table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc_disabled, 
table.dataTable thead .sorting_desc_disabled {
background-size: 15px;	
background-position: center calc(100% - 2px);  
}
table tfoot td, 
table tfoot th, 
table thead td, 
table thead th {
text-align: center;
text-transform: uppercase;
color: rgba(255,255,255,1.00);  
padding: 8px 8px 6px 8px;	
}

table.dataTable thead .sorting {
background-image: 
	url("../../../imagenes/globales-oafcds-v5/iconos/nav/base/flecha-top-50.svg"),
	url("../../../imagenes/globales-oafcds-v5/iconos/nav/base/flecha-bottom-50.svg");
background-position: 
	calc(50% - 10px) calc(100% - 2px),
	calc(50% + 10px) calc(100% - 2px);  
}
table.dataTable thead .sorting_asc {	
background-image: url("../../../imagenes/globales-oafcds-v5/iconos/nav/base/flecha-top.svg");	
}
table.dataTable thead .sorting_desc {
background-image: url("../../../imagenes/globales-oafcds-v5/iconos/nav/base/flecha-bottom.svg");	
}
table.dataTable thead .sorting_asc_disabled {
background-image: url("../../../imagenes/globales-oafcds-v5/iconos/nav/bn/flecha-top-30.svg");
}
table.dataTable thead .sorting_desc_disabled {	
background-image: url("../../../imagenes/globales-oafcds-v5/iconos/nav/bn/flecha-bottom-30.svg");	
}

.grp-list-link{
position: relative;	
}
.grp-list-link a{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;	
z-index: 3;	
}
.dataTables_empty{
padding: 14px !important;
padding-top: 18px !important;	
}

/*botones datatables*/
.dataTables_paginate{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
flex: 1;
width: 100%;	
height: 40px;
border-radius: var(--border-r-sm) var(--border-r-sm) var(--border-r-base) var(--border-r-base);	
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 500;
font-variation-settings: "wght" 700;
text-transform: uppercase;
color:rgba(255,255,255,1.00);	
background-color: var(--base-a-2-100);  
}

a.paginate_button{
background-color: var(--ng-30);	
border-radius: var(--border-r-xs);	
cursor: pointer;
margin: 0px 4px 0px 4px;	
}
.dataTables_paginate > a.paginate_button{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;	
width: 35px;
height: 35px;	
border-radius: var(--border-r-sm);
}
.dataTables_paginate > a.paginate_button .btn{
flex: 0 0 27px;	
width: 27px;
height: 27px;	
}
.dataTables_paginate span > a.paginate_button{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;	
width: 20px;
height: 20px;	
border-radius: var(--border-r-100p);
}

/*transiciones botones datatables*/
.grp-list-link .btn{
background-color: var(--trans);	
}
.grp-list-link:hover .btn{
background-color: var(--base-a-1-60);	
}

.dataTables_paginate a.paginate_button{
background-color: var(--base-a-1-20);
}
.dataTables_paginate a.paginate_button:hover{
background-color: var(--base-a-1-40);
}
.dataTables_paginate a.paginate_button.disabled{
background-color: var(--base-a-1-20);	
cursor: default;
}

.dataTables_paginate span a.paginate_button{
background-color: var(--base-a-1-40);	
}
.dataTables_paginate span a.paginate_button:hover{
background-color: var(--base-a-1-80);	
}
.dataTables_paginate span a.paginate_button.current{
background-color: var(--base-a-0-80);
cursor: default;	
}

/*para fichas-microfichas*/
.sec-ficha table.dataTable thead > tr > th.sorting_asc, 
.sec-ficha table.dataTable thead > tr > th.sorting_desc, 
.sec-ficha table.dataTable thead > tr > th.sorting, 
.sec-ficha table.dataTable thead > tr > td.sorting_asc, 
.sec-ficha table.dataTable thead > tr > td.sorting_desc, 
.sec-ficha table.dataTable thead > tr > td.sorting {
color: var(--base-a-1-100);
background-color: var(--base-a-5-100);
}
.sec-ficha .dataTables_scrollBody table tr td {
border-radius: 0px;
}
.sec-ficha .dataTables_scrollBody table tr td {
background-color: var(--bn-100);
border-bottom: 0.5px solid var(--ng-20);
color: var(--base-a-1-100);  
}
.sec-ficha .dataTables_paginate {
color: var(--base-a-1-100);
background-color: var(--base-a-5-100);
}
.sec-ficha .dataTables_paginate span a.paginate_button {
background-color: var(--base-a-1-10);
}
.sec-ficha .dataTables_paginate span a.paginate_button:hover{
background-color: var(--base-a-1-20);	
}
.sec-ficha .dataTables_paginate span a.paginate_button.current {
background-color: var(--base-a-0-50);
color: var(--base-a-6-100);  
}

/*MEDIA QUERIES*/
@media screen and (max-width:1280px){
/*4.5--transiciones botones datatables*/
.grp-list-link .btn{
background-color: var(--trans);	
}
.grp-list-link:hover .btn{
background-color: var(--trans);	
}
.dataTables_paginate a.paginate_button{
background-color: var(--base-a-1-40);
}
.dataTables_paginate a.paginate_button:hover{
background-color: var(--base-a-1-40);
}

.dataTables_paginate span a.paginate_button{
background-color: var(--base-a-1-40);	
}
.dataTables_paginate span a.paginate_button:hover{
background-color: var(--base-a-1-40);	
}		
}	

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){
.art-grid-blq--datatable {
width: 100%;  
}
.art-grid-blq--datatable > .grp {
padding: 0px !important;
}  
div.dataTables_wrapper {
width: 100%;  
padding-left: 0px;
padding-right: 0px;
}
.dataTables_scrollHeadInner table,
.dataTables_scrollBody table {
/*width: 1000px !important;*/ /* Establece el ancho total deseado en móvil */
/*max-width: 1400px !important;*/
flex: none;  
min-width: 100%;  
}
}	




@media screen and (max-width: 677px){	
div.dataTables_wrapper div.dataTables_info {
display: none;
}	
.dataTables_scrollBody {
overscroll-behavior: auto !important;
}
  
.dataTables_scrollBody table td:nth-of-type(1) > div img{
width: 60px;	
height: 60px;	
aspect-ratio: 1 / 1;	
}  
	
.dataTables_paginate {
flex: 0 0 100%;
width: 100%;
}	
.dataTables_paginate a.paginate_button {
margin: 0px 5px 0px 5px;
}	
}