/**
 * NC Jet Elements 2.6.4 - Table
 *
 * Portado de `jet-table.css` de JetElements con los mismos selectores, sin
 * prefijos de proveedor.
 */

.jet-table-wrapper {
	width: 100%;
	max-width: 100%;
}

.jet-table-wrapper .jet-table {
	margin: 0;
}

.jet-table {
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background-color: transparent;
	border: none;
}

.jet-table .jet-table__cell {
	padding: 0;
	border: 1px none;
}

.jet-table__cell {
	transition: 0.2s;
	overflow: hidden;
}

.jet-table__cell-inner {
	display: flex;
	align-items: center;
	padding: 5px;
}

.jet-table__cell-link {
	color: inherit;
}

.jet-table__head-cell,
.jet-table__foot-cell {
	background-color: #00b4ff;
	color: #fff;
}

.jet-table-header-sort {
	cursor: pointer;
}

.jet-table--fa5-compat .jet-table-header-sort--up .jet-table-header-sort--down .jet-table__cell-content {
	display: flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.jet-table__cell-text {
	min-width: 0;
	overflow-wrap: break-word;
	word-break: normal;
}

.jet-table__cell-img {
	display: block;
}

.jet-table__cell-img img {
	vertical-align: top;
}

.jet-table__cell-icon {
	width: 1em;
}

.jet-table__cell-icon--before:not(:only-child),
.jet-table__cell-img--before:not(:only-child) {
	margin-right: 5px;
}

.jet-table__cell-icon--after:not(:only-child),
.jet-table__cell-img--after:not(:only-child) {
	order: 2;
	margin-left: 5px;
}

[data-elementor-device-mode="mobile"] .jet-table-responsive-mobile,
[data-elementor-device-mode="mobile_extra"] .jet-table-responsive-mobile_extra,
[data-elementor-device-mode="tablet"] .jet-table-responsive-tablet,
[data-elementor-device-mode="tablet_extra"] .jet-table-responsive-tablet_extra,
[data-elementor-device-mode="laptop"] .jet-table-responsive-laptop,
[data-elementor-device-mode="desktop"] .jet-table-responsive-desktop,
[data-elementor-device-mode="widescreen"] .jet-table-responsive-widescreen {
	display: block;
	width: 100%;
	overflow-x: auto;
}

[data-elementor-device-mode="mobile"] .jet-table-responsive-mobile .jet-table,
[data-elementor-device-mode="mobile_extra"] .jet-table-responsive-mobile_extra .jet-table,
[data-elementor-device-mode="tablet"] .jet-table-responsive-tablet .jet-table,
[data-elementor-device-mode="tablet_extra"] .jet-table-responsive-tablet_extra .jet-table,
[data-elementor-device-mode="laptop"] .jet-table-responsive-laptop .jet-table,
[data-elementor-device-mode="desktop"] .jet-table-responsive-desktop .jet-table,
[data-elementor-device-mode="widescreen"] .jet-table-responsive-widescreen .jet-table {
	display: block;
	width: auto;
	max-width: none;
	white-space: normal;
}

/* --------------------------------------------------------------------------
 * Icono de ordenamiento.
 *
 * El original lo dibujaba con Font Awesome vía `content: "\f0dc"`. Elementor no
 * carga Font Awesome en el frontend para widgets ajenos a su Icons Manager, así
 * que en su lugar se usan flechas en SVG embebido con `currentColor`, que heredan
 * el color del encabezado y no dependen de ninguna fuente.
 * ------------------------------------------------------------------------ */

.jet-table__sort-icon {
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	flex-shrink: 0;
	margin-left: 5px;
	background-color: currentColor;
	opacity: 0.45;
	transition: opacity 0.2s ease;

	/* Doble flecha (sin ordenar). */
	-webkit-mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 1 4 6h8L8 1zM8 15l4-5H4l4 5z"/></svg>' );
	mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 1 4 6h8L8 1zM8 15l4-5H4l4 5z"/></svg>' );
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.jet-table-header-sort--up .jet-table__sort-icon,
.jet-table-header-sort--down .jet-table__sort-icon {
	opacity: 1;
}

/* Flecha simple hacia arriba (ascendente). */
.jet-table-header-sort--up .jet-table__sort-icon {
	-webkit-mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 2 2 11h12L8 2z"/></svg>' );
	mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 2 2 11h12L8 2z"/></svg>' );
}

/* Flecha simple hacia abajo (descendente). */
.jet-table-header-sort--down .jet-table__sort-icon {
	-webkit-mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 14 2 5h12L8 14z"/></svg>' );
	mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 14 2 5h12L8 14z"/></svg>' );
}