/* Widget: Tabla (.srw-table) — <table> real; en móvil cada fila se convierte en una pieza */
/* En ordenador la sección es más estrecha que el header (80 %), centrada */
@media (min-width: 1025px) {
	.srw.srw-table > .srw-container { max-width: var(--srw-width-table); }
}
.srw-table .srw-table__wrap { border-radius: var(--srw-radius); overflow-x: auto; overflow-y: hidden; background-color: var(--srw-tile-bg); }
.srw-table .srw-table__table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	font-size: 1em;
	line-height: 1.5;
	color: var(--srw-color-text);
}
.srw-table .srw-table__table thead > tr > th {
	background-color: var(--srw-color-dark);
	color: var(--srw-color-on-dark);
	font-size: .9em;
	font-weight: 600;
	text-align: left;
	vertical-align: bottom;
	padding: 16px 22px;
	border: 0;
}
.srw-table .srw-table__table tbody > tr > th,
.srw-table .srw-table__table tbody > tr > td {
	padding: 18px 22px;
	border: 0;
	border-top: 1px solid var(--srw-color-divider);
	text-align: left;
	vertical-align: top;
	color: var(--srw-color-text);
	background-color: transparent;
	line-height: 1.5;
}
.srw-table .srw-table__table tbody > tr:first-child > th,
.srw-table .srw-table__table tbody > tr:first-child > td { border-top: 0; }
.srw-table .srw-table__table tbody > tr > th { font-weight: 600; color: var(--srw-color-dark); }
.srw-table .srw-table__table tbody > tr > td.srw-table__hl { font-weight: 600; color: var(--srw-color-primary); white-space: nowrap; }
.srw-table .srw-table__table tbody > tr:hover > th,
.srw-table .srw-table__table tbody > tr:hover > td { background-color: var(--srw-color-surface-hover); }
.srw-table .srw-table__table a { color: var(--srw-color-primary); text-decoration: none; }
.srw-table .srw-table__table a:hover { color: var(--srw-color-link-hover); }

.srw-table .srw-table__note { margin: 14px 0 0; font-size: .95em; }
.srw-table .srw-table__extra { margin-top: 28px; }
.srw-table .srw-table__block { padding: 26px 28px; }
.srw-table .srw-table__block .srw-rich { font-size: 1em; }
/* Listas de los bloques con icono de check */
.srw-table .srw-table__block .srw-rich ul { list-style: none; padding-left: 0; }
.srw-table .srw-table__block .srw-rich ul > li { position: relative; padding-left: 30px; }
.srw-table .srw-table__block .srw-rich ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	width: 19px;
	height: 19px;
	background-color: var(--srw-color-primary);
	-webkit-mask: var(--srw-icon-check) center / contain no-repeat;
	mask: var(--srw-icon-check) center / contain no-repeat;
}

/* Tableta y portátil pequeño: los textos largos de la columna destacada se parten para que la tabla quepa */
@media (max-width: 1199px) {
	.srw-table .srw-table__table tbody > tr > td.srw-table__hl--long { white-space: normal; }
}

@media (max-width: 767px) {
	.srw-table .srw-table__wrap { background-color: transparent; border-radius: 0; overflow: visible; }
	.srw-table .srw-table__table, .srw-table .srw-table__table tbody, .srw-table .srw-table__table tr { display: block; width: 100%; }
	.srw-table .srw-table__table thead { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
	.srw-table .srw-table__table tbody > tr { margin: 0 0 var(--srw-grout); background-color: var(--srw-tile-bg); }
	.srw-table .srw-table__table tbody > tr:first-child { border-radius: var(--srw-radius) var(--srw-radius) 0 0; }
	.srw-table .srw-table__table tbody > tr:last-child { border-radius: 0 0 var(--srw-radius) var(--srw-radius); margin-bottom: 0; }
	.srw-table .srw-table__table tbody > tr > th,
	.srw-table .srw-table__table tbody > tr:first-child > th,
	.srw-table .srw-table__table tbody > tr:hover > th { display: block; width: 100%; padding: 18px 18px 8px; border: 0; background-color: transparent; font-size: 1.05em; }
	.srw-table .srw-table__table tbody > tr > td,
	.srw-table .srw-table__table tbody > tr:first-child > td,
	.srw-table .srw-table__table tbody > tr:hover > td {
		display: grid; grid-template-columns: minmax(100px, 40%) minmax(0, 1fr); gap: 12px;
		width: 100%; padding: 6px 18px; border: 0; background-color: transparent;
	}
	.srw-table .srw-table__table tbody > tr > td:last-child { padding-bottom: 18px; }
	.srw-table .srw-table__table tbody > tr > td::before { content: attr(data-label); font-size: .9em; font-weight: 600; color: var(--srw-color-dark); }
	.srw-table .srw-table__table tbody > tr > td.srw-table__hl { white-space: normal; }
	.srw-table .srw-table__block { padding: 20px 18px; }
}