/**
 * Ficha de seminuevo.
 */

.autum-su__cabecera {
	padding-block: 2rem 3.5rem;
}

.autum-su__grid {
	display: grid;
	gap: 2.5rem;
	align-items: start;
	margin-top: 1.5rem;
}

@media (min-width: 1024px) {
	.autum-su__grid {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
		gap: 3.5rem;
	}
}

/* Las fotos las maneja el componente `galeria-fotos`. */

.autum-su__media {
	min-width: 0;
}

/* --- Datos --- */

.autum-su__marca {
	margin: 0 0 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-derco-red);
}

.autum-su__titulo {
	margin: 0;
	font-size: clamp(1.625rem, 1.1rem + 2vw, 2.5rem);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--texto);
	text-wrap: balance;
}

.autum-su__version {
	margin: 0.5rem 0 0;
	color: var(--texto-suave);
}

.autum-su__precio {
	display: flex;
	align-items: baseline;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.autum-su__precio strong {
	font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--texto);
}

.autum-su__antes {
	color: var(--texto-tenue);
	text-decoration: line-through;
}

/* El aviso de vendido no se pinta en rojo de alarma: no es un error, es
   información, y el rojo de la marca ya está en uso para las acciones. */
.autum-su__vendido {
	margin: 1.5rem 0 0;
	padding: 0.875rem 1.125rem;
	background-color: var(--superficie-sutil);
	border-left: 3px solid var(--borde-fuerte);
	border-radius: var(--radio-sm);
	color: var(--texto-suave);
	font-size: 0.9375rem;
}

.autum-su__ficha {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
	gap: 0;
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
}

.autum-su__ficha li {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--borde);
}

.autum-su__ficha span {
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--texto-tenue);
}

.autum-su__ficha strong {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--texto);
}

.autum-su__acciones {
	margin-top: 2rem;
}

.autum-su__descripcion {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: var(--texto-suave);
}

.autum-su__descripcion > * + * {
	margin-top: 1.25rem;
}