/* Tabla "Ficha técnica" de cada barco.
   Replica al píxel la que estaba hecha a mano en Elementor: mismas fuentes,
   mismos márgenes y el relleno de las filas en porcentaje (2 % / 30 % / 2 % / 3 %),
   que es lo que hace que la tabla se adapte sola a cada ancho. */

.sasga-ft {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sasga-ft__grupo {
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.sasga-ft__titulo,
.sasga-ft__etiqueta,
.sasga-ft__valor {
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: start;
	color: var(--e-global-color-primary, #212529);
	font-family: "Inter", sans-serif;
}

.sasga-ft__titulo {
	margin-bottom: 20px;
	font-size: 1rem;
	font-weight: 600;
}

.sasga-ft__fila {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	padding: 2% 30% 2% 3%;
	border-top: 1px solid #000;
}

.sasga-ft__etiqueta,
.sasga-ft__valor {
	font-size: .9rem;
	font-weight: 300;
}

@media (max-width: 767px) {
	.sasga-ft__fila {
		flex-wrap: wrap;
	}
}

/* El contenedor de Elementor que la envuelve es una columna con flex-wrap en
   móvil; sin un ancho fijo Chrome calcula la altura del widget con un ancho
   menor y deja un hueco debajo. */
.elementor-widget:has(> .elementor-shortcode > .sasga-ft),
.elementor-widget:has(> .elementor-widget-container > .elementor-shortcode > .sasga-ft) {
	width: 100%;
}