/*
 * Páginas de Woo con el sistema de Cuadros Sils: Mi cuenta (acceso, contraseña, resumen,
 * pedidos, direcciones y datos), el registro de profesionales y el carrito.
 *
 * Todo cuelga de .sils-woo (la clase del bloque de Bricks que lleva el atajo de Woo, o del
 * propio [sils_registro]). Campos y botones como el formulario de Contacto; cajas «cortadas»
 * (sin radio, con líneas finas). Se carga desde inc/cuenta.php.
 */

.sils-woo {
	color: var(--sils-texto);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-xs, 1.5rem);
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0.1rem;
}

.sils-woo a {
	color: var(--sils-principal);
	text-underline-offset: 0.3rem;
}

.sils-woo p {
	margin: 0 0 var(--sils-esp-s, 1.6rem);
}

.sils-woo strong,
.sils-woo b {
	font-weight: 500;
}

/* ── Títulos ─────────────────────────────────────────────────────────────── */

.sils-woo .sils-woo__titulo,
.sils-woo .woocommerce-MyAccount-content h2,
.sils-woo .woocommerce-MyAccount-content h3,
.sils-woo .woocommerce-ResetPassword h2,
.sils-woo .cart_totals h2 {
	margin: 0 0 2rem;
	color: var(--sils-principal);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-l);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.sils-woo .sils-woo__texto,
.sils-woo .sils-woo__nota,
.sils-woo .woocommerce-privacy-policy-text p {
	color: var(--sils-secundario);
	font-size: var(--sils-txt-2xs, 1.4rem);
}

/* ── Campos ──────────────────────────────────────────────────────────────── */

/* Woo y Bricks enmarcan y centran los formularios de acceso y registro: fuera. */
.sils-woo form.login,
.sils-woo form.register {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	text-align: left;
}

.sils-woo .form-row {
	margin: 0 0 var(--sils-esp-s, 1.6rem);
	padding: 0;
}

.sils-woo .form-row > label:not(.woocommerce-form__label-for-checkbox),
.sils-woo fieldset > legend {
	display: block;
	margin: 0 0 0.6rem;
	padding: 0;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.sils-woo .required {
	border: 0;
	color: var(--sils-secundario);
	text-decoration: none;
}

.sils-woo .optional {
	text-transform: none;
}

.sils-woo input.input-text:not(.sils-listas-pagina *),
.sils-woo input[type="text"]:not(.sils-listas-pagina *),
.sils-woo input[type="email"]:not(.sils-listas-pagina *),
.sils-woo input[type="tel"]:not(.sils-listas-pagina *),
.sils-woo input[type="password"]:not(.sils-listas-pagina *),
.sils-woo input[type="number"]:not(.sils-listas-pagina *),
.sils-woo textarea:not(.sils-listas-pagina *),
.sils-woo select:not(.sils-listas-pagina *) {
	box-sizing: border-box;
	width: 100%;
	height: 4.4rem;
	margin: 0;
	padding: 0 var(--sils-esp-xs, 1.2rem);
	border: 0;
	border-radius: 0.5rem;
	background: var(--sils-fondo-imagenes);
	color: var(--sils-texto);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-xs, 1.5rem);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 0.1rem;
	box-shadow: none;
	outline: none;
	transition: box-shadow 0.15s ease;
}

.sils-woo textarea:not(.sils-listas-pagina *) {
	height: auto;
	min-height: 12rem;
	padding: var(--sils-esp-xs, 1.2rem);
}

.sils-woo input.input-text:focus:not(.sils-listas-pagina *),
.sils-woo input[type="text"]:focus:not(.sils-listas-pagina *),
.sils-woo input[type="email"]:focus:not(.sils-listas-pagina *),
.sils-woo input[type="tel"]:focus:not(.sils-listas-pagina *),
.sils-woo input[type="password"]:focus:not(.sils-listas-pagina *),
.sils-woo input[type="number"]:focus:not(.sils-listas-pagina *),
.sils-woo textarea:focus:not(.sils-listas-pagina *),
.sils-woo select:focus:not(.sils-listas-pagina *) {
	box-shadow: inset 0 0 0 1px var(--sils-principal);
}

.sils-woo :not(.sils-listas-pagina *)::placeholder {
	color: var(--sils-secundario);
	opacity: 1;
}

.sils-woo .woocommerce-invalid input.input-text,
.sils-woo .woocommerce-invalid select {
	box-shadow: inset 0 0 0 1px var(--bricks-text-danger, #b3261e);
}

/* Muestra la contraseña: el ojo de Woo, dentro del campo. */
.sils-woo .password-input {
	position: relative;
	display: block;
}

.sils-woo .show-password-input {
	position: absolute;
	top: 0;
	right: 0;
	width: 4.4rem;
	height: 4.4rem;
	padding: 0;
	border: 0;
	background: none;
	color: var(--sils-secundario);
}

/* Desplegables sin select2 (país del registro): el kit les quita la flecha; se pone la
   flecha fina de los filtros (assets/filtros.css). Con select2, la suya. */
.sils-woo .woocommerce-input-wrapper:has(> select:not(.select2-hidden-accessible)) {
	position: relative;
	display: block;
}

.sils-woo .woocommerce-input-wrapper:has(> select:not(.select2-hidden-accessible))::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.2rem;
	width: 2rem;
	height: 2rem;
	background-color: var(--sils-texto);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M0.256 8.606c0-0.269 0.106-0.544 0.313-0.75 0.412-0.412 1.087-0.412 1.5 0l14.119 14.119 13.913-13.912c0.413-0.412 1.087-0.412 1.5 0s0.413 1.088 0 1.5l-14.663 14.669c-0.413 0.413-1.088 0.413-1.5 0l-14.869-14.869c-0.213-0.213-0.313-0.481-0.313-0.756z'/%3E%3C/svg%3E") center / 1rem no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M0.256 8.606c0-0.269 0.106-0.544 0.313-0.75 0.412-0.412 1.087-0.412 1.5 0l14.119 14.119 13.913-13.912c0.413-0.412 1.087-0.412 1.5 0s0.413 1.088 0 1.5l-14.663 14.669c-0.413 0.413-1.088 0.413-1.5 0l-14.869-14.869c-0.213-0.213-0.313-0.481-0.313-0.756z'/%3E%3C/svg%3E") center / 1rem no-repeat;
	transform: translateY(-50%);
	pointer-events: none;
}

.sils-woo select:not(.sils-listas-pagina *) {
	padding-right: 4rem;
	cursor: pointer;
}

/* Desplegables de país y provincia (select2 de Woo). */
.sils-woo .select2-container .select2-selection--single {
	height: 4.4rem;
	border: 0;
	border-radius: 0.5rem;
	background: var(--sils-fondo-imagenes);
}

.sils-woo .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: var(--sils-esp-xs, 1.2rem);
	color: var(--sils-texto);
	line-height: 4.4rem;
}

.sils-woo .select2-container .select2-selection--single .select2-selection__arrow {
	height: 4.4rem;
}

/* Dos campos por fila (nombre y apellidos). */
.sils-woo .form-row-first,
.sils-woo .form-row-last {
	float: left;
	width: calc(50% - 0.8rem);
}

.sils-woo .form-row-last {
	float: right;
}

.sils-woo .form-row-wide,
.sils-woo .clear {
	clear: both;
}

.sils-woo .form-row em,
.sils-woo #account_display_name_description {
	display: block;
	margin-top: 0.6rem;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-style: normal;
}

.sils-woo fieldset {
	clear: both;
	margin: 3.2rem 0 0;
	padding: 2.4rem 0 0;
	border: 0;
	border-top: 1px solid var(--sils-linea);
}

.sils-woo fieldset > legend {
	float: left;
	width: 100%;
	margin-bottom: var(--sils-esp-s, 1.6rem);
}

.sils-woo fieldset > legend + * {
	clear: both;
}

/* Casillas. */
.sils-woo input[type="checkbox"]:not(.sils-listas-pagina *) {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 var(--sils-esp-2xs, 0.8rem) 0 0;
	accent-color: var(--sils-principal);
	vertical-align: middle;
}

.sils-woo .woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	margin: 0;
	color: var(--sils-texto);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 300;
	text-transform: none;
}

/* ── Botones: como el «Añadir» de la ficha y el «Finalizar compra» del lateral ── */

.sils-woo .button:not(.sils-listas-pagina *),
.sils-woo .button:focus:not(.sils-listas-pagina *),
.sils-woo button[type="submit"]:not(.sils-listas-pagina *),
.sils-woo button[type="submit"]:focus:not(.sils-listas-pagina *) {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--sils-esp-2xs, 0.8rem);
	min-height: 4.4rem;
	margin: 0;
	padding: 0 2.4rem;
	border: 1px solid var(--sils-principal);
	border-radius: var(--sils-radio, 0.4rem);
	background: var(--sils-principal);
	color: var(--sils-blanco);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-boton);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.sils-woo .button:hover:not(.sils-listas-pagina *),
.sils-woo .button:focus-visible:not(.sils-listas-pagina *),
.sils-woo button[type="submit"]:hover:not(.sils-listas-pagina *),
.sils-woo button[type="submit"]:focus-visible:not(.sils-listas-pagina *) {
	border-color: var(--sils-texto);
	background: var(--sils-texto);
	color: var(--sils-blanco);
}

.sils-woo .button:disabled:not(.sils-listas-pagina *),
.sils-woo .button.disabled:not(.sils-listas-pagina *),
.sils-woo button[type="submit"]:disabled:not(.sils-listas-pagina *) {
	opacity: 0.4;
	cursor: default;
}

/* Botón de línea (secundario). */
.sils-woo .button.sils-woo__boton-linea,
.sils-woo .button.sils-woo__boton-linea:focus {
	background: transparent;
	color: var(--sils-principal);
}

.sils-woo .button.sils-woo__boton-linea:hover,
.sils-woo .button.sils-woo__boton-linea:focus-visible {
	border-color: var(--sils-principal);
	background: var(--sils-principal);
	color: var(--sils-blanco);
}

/* El botón de enviar de cada formulario, a lo ancho. */
.sils-woo form.login .form-row > button[type="submit"],
.sils-woo form.register .form-row > button[type="submit"],
.sils-woo form.lost_reset_password .form-row > button[type="submit"] {
	width: 100%;
}

/* ── Avisos ──────────────────────────────────────────────────────────────── */

.sils-woo .woocommerce-notices-wrapper:empty {
	display: none;
}

.sils-woo .woocommerce-message,
.sils-woo .woocommerce-info,
.sils-woo .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sils-esp-2xs, 0.8rem) var(--sils-esp-s, 1.6rem);
	margin: 0 0 2.4rem;
	padding: var(--sils-esp-s, 1.6rem) 2rem;
	border: 0;
	border-left: 2px solid var(--sils-principal);
	border-radius: 0;
	background: var(--sils-blanco);
	color: var(--sils-texto);
	font-size: var(--sils-txt-2xs, 1.4rem);
	line-height: 1.5;
	list-style: none;
}

.sils-woo .woocommerce-error {
	flex-direction: column;
	align-items: flex-start;
	border-left-color: var(--bricks-text-danger, #b3261e);
}

.sils-woo .woocommerce-error li {
	margin: 0;
}

.sils-woo .woocommerce-message::before,
.sils-woo .woocommerce-info::before,
.sils-woo .woocommerce-error::before {
	display: none;
}

.sils-woo .woocommerce-message .button,
.sils-woo .woocommerce-info .button {
	order: 2;
	min-height: 0;
	padding: var(--sils-esp-2xs, 0.8rem) var(--sils-esp-s, 1.6rem);
	background: transparent;
	color: var(--sils-principal);
	font-size: var(--sils-txt-3xs, 1.2rem);
}

.sils-woo .woocommerce-message .button:hover,
.sils-woo .woocommerce-info .button:hover {
	background: var(--sils-principal);
	color: var(--sils-blanco);
}

/* ── Acceso (Mi cuenta sin sesión) ───────────────────────────────────────── */

.sils-acceso {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
}

.sils-acceso__col {
	padding: clamp(2.4rem, 4vw, 4.8rem);
}

.sils-acceso__col--alta {
	border-left: 1px solid var(--sils-linea);
}

.sils-woo .sils-acceso__fila {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sils-esp-xs, 1.2rem) var(--sils-esp-s, 1.6rem);
	margin-bottom: 2.4rem;
}

.sils-acceso__olvido {
	font-size: var(--sils-txt-2xs, 1.4rem);
}

@media (max-width: 767px) {
	.sils-acceso {
		grid-template-columns: minmax(0, 1fr);
	}

	.sils-acceso__col--alta {
		border-top: 1px solid var(--sils-linea);
		border-left: 0;
	}
}

/* Recuperar y cambiar la contraseña. */
.sils-woo form.lost_reset_password {
	max-width: 48rem;
	margin: 0 auto;
	padding: clamp(2.4rem, 4vw, 4.8rem);
	border: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
}

/* ── Mi cuenta: página ancha ─────────────────────────────────────────────── */

/* La cuenta es una página más: cabecera gris con el saludo y «Cerrar sesión»
   ([sils_cuenta_cabecera]), pestañas a todo el ancho que acompañan al bajar y el
   contenido con los márgenes de la web. El bloque de Bricks lleva «sils-woo sils-cuenta».
   Bricks pone menú y contenido en dos columnas (flex) y el menú con fondo y filas de
   60 px: aquí van uno encima del otro. */
.sils-woo .woocommerce {
	display: block;
}

/* Cabecera. */
.sils-cuenta-cab {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--sils-esp-s, 1.6rem) 3.2rem;
	width: 100%;
}

.sils-cuenta-cab__txt {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	min-width: 0;
}

.sils-cuenta-cab .sils-cuenta-cab__titulo {
	margin: 0;
	color: var(--sils-principal);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-xl);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.05rem;
	text-transform: none;
}

.sils-cuenta-cab__meta {
	margin: 0;
	color: var(--sils-secundario);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 300;
	letter-spacing: 0.1rem;
}

.sils-cuenta-cab .sils-cuenta-cab__salir {
	display: inline-flex;
	align-items: center;
	gap: var(--sils-esp-2xs, 0.8rem);
	min-height: 4.4rem;
	padding: 0 2.4rem;
	border: 1px solid var(--sils-principal);
	border-radius: var(--sils-radio, 0.4rem);
	background: var(--sils-blanco);
	color: var(--sils-principal);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-boton);
	font-weight: 500;
	letter-spacing: 0.05rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.sils-cuenta-cab .sils-cuenta-cab__salir .ti-power-off {
	font-size: var(--sils-txt-xs, 1.5rem);
}

.sils-cuenta-cab .sils-cuenta-cab__salir:hover,
.sils-cuenta-cab .sils-cuenta-cab__salir:focus-visible {
	background: var(--sils-principal);
	color: var(--sils-blanco);
}

/* Pestañas. */
.sils-cuenta .woocommerce-MyAccount-navigation {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--sils-alto-cabecera, 6rem));
	z-index: 5;
	float: none;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0 var(--sils-margen-seguridad);
	border-bottom: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
}

.sils-cuenta .woocommerce-MyAccount-navigation ul {
	display: flex;
	gap: clamp(2.4rem, 3.5vw, 4.8rem);
	margin: 0;
	padding: 0;
	overflow-x: auto;
	list-style: none;
	scrollbar-width: none;
}

.sils-cuenta .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
	display: none;
}

.sils-cuenta .woocommerce-MyAccount-navigation li {
	flex: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.sils-cuenta .woocommerce-MyAccount-navigation a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 2.2rem 0 2rem;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	transition: color 160ms ease;
}

/* Icono de cada pestaña (Themify). */
.sils-cuenta .woocommerce-MyAccount-navigation a::before {
	font-family: themify;
	font-size: var(--sils-txt-m, 1.8rem);
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.sils-cuenta .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\e6aa"; }
.sils-cuenta .woocommerce-MyAccount-navigation-link--orders a::before { content: "\e687"; }
.sils-cuenta .woocommerce-MyAccount-navigation-link--mis-listas a::before { content: "\e617"; }
.sils-cuenta .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\e693"; }
.sils-cuenta .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\e602"; }

.sils-cuenta .woocommerce-MyAccount-navigation a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: var(--sils-principal);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 240ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.sils-cuenta .woocommerce-MyAccount-navigation a:hover,
.sils-cuenta .woocommerce-MyAccount-navigation .is-active a {
	color: var(--sils-principal);
}

.sils-cuenta .woocommerce-MyAccount-navigation .is-active a::after {
	transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
	.sils-cuenta .woocommerce-MyAccount-navigation a,
	.sils-cuenta .woocommerce-MyAccount-navigation a::after {
		transition: none;
	}
}

/* Contenido, con los márgenes de la web. */
.sils-cuenta .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
	padding: 4.8rem var(--sils-margen-seguridad) 8rem;
	box-sizing: border-box;
}

/* Sin sesión (acceso, recuperar contraseña): el mismo aire. */
.sils-cuenta > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
	padding: 4.8rem var(--sils-margen-seguridad) 8rem;
}

.sils-cuenta .sils-acceso {
	max-width: 110rem;
	margin: 0 auto;
}

.sils-woo .woocommerce-MyAccount-content form.edit-account,
.sils-woo .woocommerce-MyAccount-content form:has(.woocommerce-address-fields) {
	max-width: 64rem;
}

@media (max-width: 767px) {
	.sils-cuenta .woocommerce-MyAccount-navigation a {
		padding: 1.8rem 0 var(--sils-esp-s, 1.6rem);
		font-size: var(--sils-txt-xs, 1.5rem);
	}

	.sils-cuenta .woocommerce-MyAccount-content,
	.sils-cuenta > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
		padding-top: 3.2rem;
		padding-bottom: 6.4rem;
	}

	.sils-cuenta-cab .sils-cuenta-cab__salir {
		min-height: 4rem;
		padding: 0 1.8rem;
	}
}

/* Resumen: último pedido. */
.sils-ultimo {
	margin: 0 0 4.8rem;
}

.sils-woo .sils-ultimo__et {
	margin: 0 0 var(--sils-esp-xs, 1.2rem);
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 400;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.sils-woo .sils-ultimo__fila {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
	align-items: center;
	gap: var(--sils-esp-s, 1.6rem) 3.2rem;
	padding: 2.4rem;
	border: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
	color: var(--sils-principal);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.sils-woo .sils-ultimo__fila:hover {
	background: var(--sils-gris-claro);
}

.sils-ultimo__dato {
	display: flex;
	flex-direction: column;
	gap: var(--sils-esp-3xs, 0.4rem);
	font-size: var(--sils-txt-xs, 1.5rem);
}

.sils-ultimo__dato > span {
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.sils-ultimo__ver {
	display: inline-flex;
	align-items: center;
	gap: var(--sils-esp-2xs, 0.8rem);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 500;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.sils-woo .sils-ultimo__fila {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Resumen: rejilla de apartados. */
.sils-accesos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
	border-top: 1px solid var(--sils-linea);
	border-left: 1px solid var(--sils-linea);
}

.sils-woo .sils-accesos__item {
	display: flex;
	align-items: center;
	gap: var(--sils-esp-s, 1.6rem);
	padding: 3.2rem 2.4rem;
	border-right: 1px solid var(--sils-linea);
	border-bottom: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
	color: var(--sils-principal);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.sils-woo .sils-accesos__item:hover {
	background: var(--sils-gris-claro);
}

.sils-accesos__icono {
	flex: none;
	font-size: var(--sils-txt-xl, 2.4rem);
}

.sils-accesos__txt {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: var(--sils-esp-3xs, 0.4rem);
	min-width: 0;
}

.sils-accesos__nombre {
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 400;
}

.sils-accesos__desc {
	color: var(--sils-secundario);
	font-size: var(--sils-txt-2xs, 1.4rem);
}

.sils-accesos__flecha {
	flex: none;
	font-size: var(--sils-txt-2xs, 1.4rem);
}

/* ── Tablas (pedidos, detalle del pedido, carrito) ───────────────────────── */

.sils-woo table.shop_table {
	width: 100%;
	margin: 0 0 2.4rem;
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
	font-size: var(--sils-txt-2xs, 1.4rem);
}

.sils-woo table.shop_table th {
	padding: var(--sils-esp-xs, 1.2rem) var(--sils-esp-xs, 1.2rem) var(--sils-esp-xs, 1.2rem) 0;
	border: 0;
	border-bottom: 1px solid var(--sils-principal);
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 400;
	letter-spacing: 0.1rem;
	text-align: left;
	text-transform: uppercase;
}

.sils-woo table.shop_table td,
.sils-woo table.shop_table tbody th,
.sils-woo table.shop_table tfoot th {
	padding: var(--sils-esp-s, 1.6rem) var(--sils-esp-xs, 1.2rem) var(--sils-esp-s, 1.6rem) 0;
	border: 0;
	border-bottom: 1px solid var(--sils-linea);
	vertical-align: middle;
}

.sils-woo table.shop_table tfoot th {
	color: var(--sils-texto);
	font-size: var(--sils-txt-2xs, 1.4rem);
	text-transform: none;
}

.sils-woo table.shop_table .button {
	min-height: 0;
	padding: var(--sils-esp-2xs, 0.8rem) var(--sils-esp-s, 1.6rem);
	background: transparent;
	color: var(--sils-principal);
	font-size: var(--sils-txt-3xs, 1.2rem);
}

.sils-woo table.shop_table .button:hover {
	background: var(--sils-principal);
	color: var(--sils-blanco);
}

.sils-woo table.shop_table .button + .button {
	margin-left: 0.6rem;
}

.sils-woo mark {
	background: none;
	color: var(--sils-principal);
	font-weight: 500;
}

/* ── Direcciones ─────────────────────────────────────────────────────────── */

.sils-woo .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 2.4rem;
	border: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
}

.sils-woo .woocommerce-Addresses::before,
.sils-woo .woocommerce-Addresses::after {
	display: none;
}

.sils-woo .woocommerce-Addresses > .woocommerce-Address {
	float: none;
	width: auto;
	max-width: none;
	padding: 2.4rem;
}

.sils-woo .woocommerce-Addresses > .woocommerce-Address + .woocommerce-Address {
	border-left: 1px solid var(--sils-linea);
}

.sils-woo .woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sils-esp-s, 1.6rem);
	margin-bottom: var(--sils-esp-xs, 1.2rem);
}

.sils-woo .woocommerce-Address-title h2 {
	margin: 0;
	font-size: var(--sils-txt-s, 1.6rem);
}

.sils-woo .woocommerce-Address-title a {
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 400;
	text-decoration: underline;
}

.sils-woo address {
	font-style: normal;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.sils-woo .woocommerce-Addresses {
		grid-template-columns: minmax(0, 1fr);
	}

	.sils-woo .woocommerce-Addresses > .woocommerce-Address + .woocommerce-Address {
		border-top: 1px solid var(--sils-linea);
		border-left: 0;
	}

	.sils-woo .form-row-first,
	.sils-woo .form-row-last {
		float: none;
		width: 100%;
	}
}

/* ── Carrito ─────────────────────────────────────────────────────────────── */

/* Obras a la izquierda y totales a la derecha, en un panel blanco que acompaña al bajar. */
.woocommerce-cart .sils-woo .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 40rem);
	gap: 4.8rem;
	align-items: start;
}

.woocommerce-cart .sils-woo .woocommerce > * {
	grid-column: 1 / -1;
}

.woocommerce-cart .sils-woo .woocommerce > .woocommerce-cart-form {
	grid-column: 1;
}

.woocommerce-cart .sils-woo .woocommerce > .cart-collaterals {
	grid-column: 2;
	width: auto;
	margin: 0;
	float: none;
}

.woocommerce-cart .sils-woo .before-cart:not(:has(.woocommerce-notices-wrapper > *)) {
	display: none;
}

.sils-woo .cart-collaterals .cart_totals {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--sils-alto-cabecera, 6rem) + 3.2rem);
	float: none;
	width: 100%;
	padding: 3.2rem;
	border: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
}

.sils-woo .cart_totals table.shop_table th {
	width: 40%;
	border-bottom-color: var(--sils-linea);
}

.sils-woo .cart_totals .order-total td,
.sils-woo .cart_totals .order-total th {
	border-bottom: 0;
	color: var(--sils-principal);
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 500;
}

.sils-woo .wc-proceed-to-checkout {
	padding: var(--sils-esp-s, 1.6rem) 0 0;
}

.sils-woo .wc-proceed-to-checkout .checkout-button {
	width: 100%;
}

/* Tabla de obras. */
.sils-woo table.cart img {
	width: 8rem;
	max-width: none;
	height: auto;
}

.sils-woo table.cart .product-name a {
	color: var(--sils-principal);
	font-weight: 400;
	text-decoration: none;
}

.sils-woo table.cart .product-remove a {
	color: var(--sils-secundario);
	font-size: var(--sils-txt-l, 2rem);
	text-decoration: none;
}

.sils-woo table.cart .product-remove a:hover {
	color: var(--sils-principal);
}

.sils-woo dl.variation {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.2rem var(--sils-esp-2xs, 0.8rem);
	margin: var(--sils-esp-2xs, 0.8rem) 0 0;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
}

.sils-woo dl.variation dt,
.sils-woo dl.variation dd,
.sils-woo dl.variation p {
	margin: 0;
	font-weight: 300;
}

/* Cantidad: el selector de Bricks (− n +) en gris, sin cajas. */
.sils-woo .quantity {
	display: inline-flex;
	align-items: stretch;
	border-radius: 0.5rem;
	background: var(--sils-fondo-imagenes);
}

.sils-woo .quantity .action,
.sils-woo .quantity input.qty {
	height: 4rem;
	border: 0;
	background: transparent;
	color: var(--sils-principal);
}

.sils-woo .quantity .action {
	width: 3.6rem;
	cursor: pointer;
}

.sils-woo .quantity input.qty {
	width: 4.4rem;
	padding: 0;
	text-align: center;
}

/* Botón «Actualizar carrito»: de línea y pequeño. */
.sils-woo table.cart td.actions .button {
	min-height: 0;
	padding: var(--sils-esp-2xs, 0.8rem) var(--sils-esp-s, 1.6rem);
	background: transparent;
	color: var(--sils-principal);
	font-size: var(--sils-txt-3xs, 1.2rem);
}

.sils-woo table.cart td.actions .button:not(:disabled):hover {
	background: var(--sils-principal);
	color: var(--sils-blanco);
}

.sils-woo table.cart td.actions {
	padding-right: 0;
	text-align: right;
}

.sils-woo input[type="radio"]:not(.sils-listas-pagina *) {
	accent-color: var(--sils-principal);
}

.sils-woo #shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sils-woo #shipping_method li {
	margin: 0 0 0.6rem;
}

/* Carrito vacío: frase y botón centrados. */
.woocommerce-cart .sils-woo #cfw_empty_side_cart_message,
.woocommerce-cart .sils-woo .cart-empty,
.woocommerce-cart .sils-woo .return-to-shop {
	margin: 0;
	text-align: center;
}

.woocommerce-cart .sils-woo #cfw_empty_side_cart_message,
.woocommerce-cart .sils-woo .cart-empty {
	padding: 4.8rem 0 2.4rem;
	color: var(--sils-principal);
	font-size: var(--sils-txt-l);
	font-weight: 400;
}

@media (max-width: 991px) {
	.woocommerce-cart .sils-woo .woocommerce {
		grid-template-columns: minmax(0, 1fr);
	}

	.woocommerce-cart .sils-woo .woocommerce > .cart-collaterals {
		grid-column: 1;
	}

	.sils-woo .cart-collaterals .cart_totals {
		position: static;
		padding: 2.4rem;
	}
}

.woocommerce-cart .sils-woo .woocommerce:has(.return-to-shop) {
	gap: 0;
}

/* Tablas en móvil (Woo las apila con el nombre de cada columna delante). */
.sils-woo table.shop_table_responsive tr td::before {
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 400;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

/* ── Pedido recibido (Finalizar compra › order-received) y detalle de pedido ── */

.sils-woo .woocommerce-order {
	max-width: 96rem;
	margin: 0 auto;
}

.sils-woo .woocommerce-thankyou-order-received {
	margin: 0 0 3.2rem;
	color: var(--sils-principal);
	font-size: var(--sils-txt-l);
	font-weight: 400;
	text-align: center;
}

.sils-woo ul.woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
	margin: 0 0 4.8rem;
	padding: 0;
	border-top: 1px solid var(--sils-linea);
	border-left: 1px solid var(--sils-linea);
	background: var(--sils-blanco);
	list-style: none;
}

.sils-woo ul.woocommerce-order-overview::before,
.sils-woo ul.woocommerce-order-overview::after {
	display: none;
}

.sils-woo ul.woocommerce-order-overview li {
	float: none;
	margin: 0;
	padding: 2rem 2.4rem;
	border: 0;
	border-right: 1px solid var(--sils-linea);
	border-bottom: 1px solid var(--sils-linea);
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

.sils-woo ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 0.6rem;
	color: var(--sils-principal);
	font-size: var(--sils-txt-xs, 1.5rem);
	font-weight: 400;
	text-transform: none;
}

.sils-woo .woocommerce-order-details,
.sils-woo .woocommerce-customer-details {
	margin-top: 4.8rem;
}

.sils-woo .woocommerce-order h2,
.sils-woo .woocommerce-customer-details h2 {
	margin: 0 0 var(--sils-esp-s, 1.6rem);
	color: var(--sils-principal);
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 400;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

.sils-woo .woocommerce-customer-details .col2-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.4rem;
}

.sils-woo .woocommerce-customer-details .col2-set::before,
.sils-woo .woocommerce-customer-details .col2-set::after {
	display: none;
}

.sils-woo .woocommerce-customer-details .col2-set > .col-1,
.sils-woo .woocommerce-customer-details .col2-set > .col-2 {
	float: none;
	width: auto;
	max-width: none;
}

.sils-woo .woocommerce-customer-details address {
	padding: 2.4rem;
	border: 1px solid var(--sils-linea);
	border-radius: 0;
	background: var(--sils-blanco);
}

@media (max-width: 767px) {
	.sils-woo .woocommerce-customer-details .col2-set {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ── Ver pedido (Mi cuenta › view-order) ─────────────────────────────────── */

/* El diseño de la página de pedido recibido (checkout-wc/sils.css, «Pedido recibido»)
   dentro de la cuenta (woocommerce/myaccount/view-order.php). Medidas copiadas de allí (en el
   pago 1 em = 16 px; aquí 1 rem = 10 px). A la izquierda el pedido; a la derecha, tras una
   línea fina, «Tu pedido» en gris. */
.sils-pedido {
	--sils-pedido-linea: color-mix(in srgb, var(--sils-secundario) 30%, var(--sils-blanco));
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	align-items: start;
}

.sils-pedido__principal {
	padding-right: 2rem;
}

.sils-pedido__resumen {
	align-self: stretch;
	padding-left: 2rem;
	border-left: 1px solid var(--sils-linea);
}

.sils-pedido__panel {
	padding: 2.4rem;
	background: var(--sils-gris-claro);
}

/* Número de pedido en Crista y la fecha como etiqueta. */
.sils-pedido__cab {
	display: flex;
	flex-direction: column;
	gap: var(--sils-esp-xs, 1.2rem);
	margin: 0 0 4rem;
}

.sils-woo .sils-pedido .sils-pedido__titulo {
	margin: 0;
	color: var(--sils-principal);
	font-family: var(--sils-fuente-crista);
	font-size: var(--sils-txt-2xl, 4rem);
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: uppercase;
	text-wrap: balance;
}

.sils-woo .sils-pedido .sils-pedido__fecha,
.sils-woo .sils-pedido .sils-pedido__et {
	display: block;
	margin: 0;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: var(--sils-ls-etiqueta, 0.15em);
	text-transform: uppercase;
}

.sils-woo .sils-pedido .sils-pedido__fecha {
	letter-spacing: 0.18em;
}

.sils-woo .sils-pedido .sils-pedido__et {
	margin-bottom: 0.6rem;
}

/* Secciones sin cajas: línea fina encima; la del estado, negra. */
.sils-pedido__sec {
	padding: 2.8rem 0;
	border-top: 1px solid var(--sils-linea);
}

.sils-pedido__estado {
	border-top-color: var(--sils-principal);
}

.sils-woo .sils-pedido .sils-pedido__sub {
	margin: 0 0 var(--sils-esp-s, 1.6rem);
	color: var(--sils-texto);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.sils-woo .sils-pedido__sec p,
.sils-woo .sils-pedido__sec address {
	margin: 0;
	color: var(--sils-texto);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0.03rem;
}

/* Estado: una línea con un punto por paso; el actual, negro. */
.sils-pedido__pasos {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sils-pedido__paso {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--sils-esp-3xs, 0.4rem);
	margin: 0;
	padding: 2.4rem var(--sils-esp-s, 1.6rem) 0 0;
	color: var(--sils-secundario);
}

.sils-pedido__paso::before,
.sils-pedido__paso::after {
	content: "";
	position: absolute;
	left: 0;
}

.sils-pedido__paso::before {
	top: 0.5rem;
	right: 0;
	height: 1px;
	background: var(--sils-linea);
}

.sils-pedido__paso::after {
	top: 0;
	box-sizing: border-box;
	width: 1.1rem;
	height: 1.1rem;
	border: 1px solid var(--sils-linea);
	border-radius: 50%;
	background: var(--sils-blanco);
}

.sils-pedido__paso-nombre {
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.sils-pedido__paso-fecha {
	font-size: var(--sils-txt-2xs, 1.4rem);
	line-height: 1;
	letter-spacing: 0.03rem;
}

.sils-pedido__paso.is-actual {
	color: var(--sils-principal);
}

.sils-pedido__paso.is-actual::after {
	border-color: var(--sils-principal);
	background: var(--sils-principal);
}

.sils-pedido__paso.is-actual .sils-pedido__paso-nombre {
	font-weight: 500;
}

/* Seguimiento: las notas de la tienda, con su fecha. */
.sils-pedido__notas {
	display: flex;
	flex-direction: column;
	gap: var(--sils-esp-s, 1.6rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.sils-pedido__notas li {
	margin: 0;
}

/* Datos del pedido, de dos en dos. */
.sils-pedido__datos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3.2rem 2rem;
}

/* Botones: «Mis pedidos» (línea) y, si falta el pago, «Pagar», a la derecha. */
.sils-pedido__botones {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: var(--sils-esp-xs, 1.2rem);
	padding: 2.8rem 0 0;
	border-top: 1px solid var(--sils-linea);
}

/* «Tu pedido»: cada obra con su foto, línea gris entre obras, importe a la derecha. */
.sils-woo .sils-pedido .sils-pedido__resumen-titulo {
	margin: 0;
	padding: 0 0 2rem;
	color: var(--sils-texto);
	font-family: var(--sils-fuente-thoren);
	font-size: var(--sils-txt-l);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.sils-pedido__obras {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sils-pedido__obra {
	display: grid;
	grid-template-columns: 6.4rem minmax(0, 1fr) auto;
	align-items: center;
	column-gap: var(--sils-esp-s, 1.6rem);
	margin: 0;
	padding: var(--sils-esp-s, 1.6rem) 0;
	border-top: 1px solid var(--sils-pedido-linea);
	letter-spacing: var(--sils-ls-texto, 0.12rem);
}

.sils-pedido__foto {
	position: relative;
	align-self: start;
}

.sils-pedido__foto img {
	display: block;
	width: 6.4rem;
	max-width: none;
	height: auto;
}

.sils-pedido__foto-pared {
	border: 1px solid var(--sils-linea);
}

.sils-pedido__cantidad {
	position: absolute;
	top: -1rem;
	right: -0.6rem;
	box-sizing: border-box;
	min-width: 2.2rem;
	height: 2.2rem;
	padding: 0 0.7rem;
	border-radius: 1.1rem;
	background: var(--sils-principal);
	color: var(--sils-blanco);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 500;
	line-height: 2.2rem;
	letter-spacing: 0;
	text-align: center;
}

.sils-woo .sils-pedido .sils-pedido__nombre {
	margin: 0;
	color: var(--sils-texto);
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 400;
	line-height: 1.25;
}

.sils-woo .sils-pedido .sils-pedido__nombre a {
	color: inherit;
	text-decoration: none;
}

.sils-woo .sils-pedido .sils-pedido__nombre a:hover {
	text-decoration: underline;
}

.sils-pedido__importe {
	color: var(--sils-texto);
	font-size: var(--sils-txt-s, 1.6rem);
	font-weight: 500;
	text-align: right;
	white-space: nowrap;
}

/* Datos de cada obra en una línea (etiqueta en gris). */
.sils-woo .sils-pedido .wc-item-meta {
	margin: 0.3rem 0 0;
	padding: 0;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 400;
	line-height: 1.5;
	list-style: none;
}

.sils-woo .sils-pedido .wc-item-meta li {
	display: inline;
	margin: 0;
	padding: 0;
}

.sils-woo .sils-pedido .wc-item-meta li + li::before {
	content: " · ";
}

.sils-woo .sils-pedido .wc-item-meta .wc-item-meta-label {
	font-weight: 300;
}

.sils-woo .sils-pedido .wc-item-meta p {
	display: inline;
	margin: 0;
	font-size: inherit;
}

/* «Obra adaptada: Ver imagen» (Sils Addons), en su propia línea. */
.sils-woo .sils-pedido .wc-item-meta li:has(.sils-vista-enlace) {
	display: block;
	margin-top: var(--sils-esp-3xs, 0.4rem);
}

.sils-woo .sils-pedido .wc-item-meta li:has(.sils-vista-enlace)::before {
	content: none;
}

/* Composición: su línea arriba y sus obras debajo, sangradas, con la foto pequeña, sin
   cantidad ni precio (lo lleva la composición), sin línea entre ellas y con una guía. */
.sils-pedido__obra--hijo {
	padding: var(--sils-esp-3xs, 0.4rem) 0;
	border-top: 0;
}

.sils-pedido__obra--hijo:not(:has(+ .sils-pedido__obra--hijo)) {
	padding-bottom: var(--sils-esp-s, 1.6rem);
}

.sils-pedido__obra--hijo .sils-pedido__foto {
	justify-self: end;
}

.sils-pedido__obra--hijo .sils-pedido__foto img {
	width: 3.2rem;
}

.sils-pedido__obra--hijo .sils-pedido__desc {
	position: relative;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 2.8rem;
}

.sils-pedido__obra--hijo .sils-pedido__desc::before {
	content: "";
	position: absolute;
	top: -0.4rem;
	bottom: -0.4rem;
	left: 1.2rem;
	width: 1px;
	background: var(--sils-pedido-linea);
}

.sils-woo .sils-pedido .sils-pedido__obra--hijo .sils-pedido__nombre {
	font-size: var(--sils-txt-2xs, 1.4rem);
}

/* Totales: etiqueta pequeña en mayúsculas y gris, importe a la derecha; el total, más grande
   y con línea encima. */
.sils-pedido__totales {
	margin: 0;
	padding: var(--sils-esp-s, 1.6rem) 0 0;
	border-top: 1px solid var(--sils-pedido-linea);
}

.sils-pedido__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sils-esp-s, 1.6rem);
	padding: var(--sils-esp-2xs, 0.8rem) 0;
}

.sils-pedido__total dt {
	margin: 0;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 300;
	letter-spacing: var(--sils-ls-etiqueta, 0.15em);
	text-transform: uppercase;
}

.sils-pedido__total dd {
	margin: 0;
	color: var(--sils-texto);
	font-size: var(--sils-txt-2xs, 1.4rem);
	font-weight: 500;
	letter-spacing: 0.035em;
	text-align: right;
}

.sils-pedido__total dd small {
	display: block;
	color: var(--sils-secundario);
	font-size: var(--sils-txt-3xs, 1.2rem);
	font-weight: 300;
}

.sils-pedido__total--final {
	margin-top: var(--sils-esp-2xs, 0.8rem);
	padding-top: 1.4rem;
	border-top: 1px solid var(--sils-pedido-linea);
}

.sils-pedido__total--final dt,
.sils-pedido__total--final dd {
	color: var(--sils-texto);
	font-size: var(--sils-txt-m, 1.9rem);
	font-weight: 500;
	letter-spacing: 0.03em;
	text-transform: none;
}

/* Tableta y móvil: una columna. El resumen, a sangre y justo después del estado (las obras
   son lo importante); después, el seguimiento, los datos y los botones a lo ancho. */
@media (max-width: 991px) {
	.sils-pedido {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	.sils-pedido__principal {
		display: contents;
	}

	.sils-pedido__principal > * {
		order: 5;
	}

	.sils-pedido__cab {
		order: 1;
	}

	.sils-pedido__estado {
		order: 2;
	}

	.sils-pedido__resumen {
		order: 3;
		margin: 0 calc(-1 * var(--sils-margen-seguridad)) 1.6rem;
		padding: 0;
		border-left: 0;
	}

	.sils-pedido__panel {
		padding: 2.4rem var(--sils-margen-seguridad);
	}

	.sils-pedido__seguimiento {
		order: 4;
	}

	.sils-pedido__botones {
		order: 6;
		flex-direction: column;
		align-items: stretch;
	}
}

@media (max-width: 767px) {
	.sils-woo .sils-pedido .sils-pedido__titulo {
		font-size: var(--sils-txt-2xl, 3rem);
	}

	.sils-pedido__datos {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 2.4rem;
	}
}