/**
 * Botón "Crear diseño" que sustituye al de añadir al carrito.
 * Mismo lenguaje visual que las tarjetas del landing (landing.css).
 */

.c42k-design-button {
	--c42k-orange: #e84924;
	--c42k-orange-dark: #a62000;

	cursor: pointer;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.95rem;
	line-height: 1.2;
	color: #fff;
	background: var(--c42k-orange);
	border: 0;
	border-radius: 5px;
	padding: 14px 22px;
	transition: background 0.18s ease;
}

.c42k-design-button:hover,
.c42k-design-button:focus {
	background: var(--c42k-orange-dark);
	color: #fff;
}

.c42k-design-button__arrow {
	transition: transform 0.18s ease;
}

.c42k-design-button:hover .c42k-design-button__arrow {
	transform: translateX(4px);
}

/* Ficha de producto */
.c42k-design-button-wrap {
	margin: 1.5em 0;
}

.c42k-design-button--single {
	padding: 16px 28px;
	font-size: 1.05rem;
}

/* Listados: el tema suele dar por hecho un enlace .button en el bucle */
.c42k-design-button--loop {
	padding: 10px 16px;
	font-size: 0.85rem;
}

/* ---------- Formas de empezar, en la ficha de la prenda ----------
   Colección 42K / plantillas / desde cero: una tarjeta por cada forma de
   empezar que tenga la prenda, en tres columnas. Mismo lenguaje que el
   landing: etiqueta negra a escuadra con el tiempo, y "Recomendado" como
   etiqueta naranja aparte.

   Las columnas dependen del ancho del propio bloque, no del de la ventana:
   en la ficha va dentro de una columna del 45 %, y lo que importa es cuánto
   sitio tiene ahí.                                                          */

.c42k-prenda-vias {
	--c42k-orange: #e84924;
	--c42k-line: #e2e2e2;
	--c42k-muted: #5d5d5d;

	margin: 1.5em 0;
	container-type: inline-size;
}

.c42k-prenda-vias__titulo {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #222;
	margin: 0 0 0.75em;
}

.c42k-prenda-vias__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
}

@container (min-width: 30rem) {
	/* Una columna por tarjeta, sean las que sean: con una vía oculta quedan
	   dos a medias, no dos tercios y un hueco. */
	.c42k-prenda-vias__lista {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
	}
}

/* Tarjeta a escuadra. El texto crece para que los tres botones queden
   alineados abajo aunque una explicación ocupe más líneas que otra. */
.c42k-prenda-via {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #f3f3f3;
	padding: 1rem;
}

/* Los botones de las vías son iguales en todas: mismo color, alto y letra,
   sea un enlace al editor o el botón que abre la colección. */
.c42k-prenda-via > .c42k-design-button {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	box-sizing: border-box;
	height: 48px;
	margin-top: 1rem;
	padding: 0 10px;
	border: 0;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

/* Las vías que no son la recomendada: botón secundario (blanco con borde de tinta). */
.c42k-design-button.c42k-design-button--secundario {
	color: #222;
	background: #fff;
	box-shadow: inset 0 0 0 1px #222;
}

.c42k-design-button.c42k-design-button--secundario:hover,
.c42k-design-button.c42k-design-button--secundario:focus-visible {
	color: #fff;
	background: #222;
}

/* Foco de teclado propio en botones y enlaces del customizador. */
.c42k-design-button:focus-visible,
.c42k-boton-diseno:focus-visible,
.c42k-coleccion__modelo a:focus-visible,
.c42k-coleccion__cerrar:focus-visible,
.c42k-borrador__borrar:focus-visible {
	outline: 2px solid #a62000;
	outline-offset: 2px;
}

.c42k-prenda-via__etiquetas {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.5rem;
}

.c42k-prenda-via__tiempo,
.c42k-prenda-via__recomendada {
	display: inline-block;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1;
	color: #fff;
	background: #222;
	padding: 4px 10px;
	border-radius: 0;
}

.c42k-prenda-via__recomendada {
	background: #a62000;
}

.c42k-prenda-via__titulo {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #222;
	margin: 0 0 0.25rem;
}

.c42k-prenda-via__texto {
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--c42k-muted);
	margin: 0;
	flex-grow: 1;
}

.c42k-prenda-vias__nota {
	font-size: 0.875rem;
	color: var(--c42k-muted);
	margin: 0.75rem 0 0;
}

/* ---------- Modelos de la Colección 42K ----------
   Popover que abre "Colección 42K" cuando la prenda tiene modelos de
   colección: una tarjeta con foto por modelo. Centrado y a escuadra, como
   las tarjetas de las vías.                                                 */

.c42k-coleccion {
	--c42k-orange: #e84924;

	width: min(56rem, calc(100vw - 2rem));
	max-height: calc(100dvh - 2rem);
	overflow: auto;
	margin: auto;
	padding: 1.5rem;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: #222;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.c42k-coleccion::backdrop {
	background: rgba(17, 17, 17, 0.55);
}

.c42k-coleccion__cabecera {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.c42k-coleccion__titulo {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	text-transform: uppercase;
	color: #222;
	margin: 0;
}

.c42k-coleccion__cerrar {
	width: 40px;
	height: 40px;
	flex: none;
	border: 0;
	background: #f3f3f3;
	color: #222;
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
}

.c42k-coleccion__cerrar:hover,
.c42k-coleccion__cerrar:focus-visible {
	background: #222;
	color: #fff;
}

.c42k-coleccion__texto {
	font-size: 0.9375rem;
	color: #5d5d5d;
	margin: 0.5rem 0 1.25rem;
}

.c42k-coleccion__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
	gap: 1rem;
}

.c42k-coleccion__modelo a {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #f3f3f3;
	color: inherit;
	text-decoration: none;
	transition: background 0.18s ease;
}

.c42k-coleccion__modelo a:hover,
.c42k-coleccion__modelo a:focus-visible {
	background: #ebebeb;
}

.c42k-coleccion__foto {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	overflow: hidden;
	background: #fff;
}

.c42k-coleccion__foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.c42k-coleccion__modelo a:hover .c42k-coleccion__foto img {
	transform: scale(1.04);
}

.c42k-coleccion__sin-foto {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 4rem;
	font-weight: 200;
	color: var(--c42k-orange);
}

.c42k-coleccion__nombre {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 0.75rem 0.75rem 0.15rem;
}

/* Si no caben en una línea, el texto baja entero debajo de las muestras. */
.c42k-coleccion__colores {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.3;
	color: #5d5d5d;
	padding: 0 0.75rem 0.85rem;
}

.c42k-coleccion__muestras {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 3px;
}

.c42k-coleccion__cuantas {
	white-space: nowrap;
}

.c42k-coleccion__muestra {
	width: 18px;
	height: 18px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}


/* ---------- "Tus diseños de esta prenda" ---------- */

.c42k-my-designs {
	--c42k-orange: #e84924;
	--c42k-line: #e6e6e6;
	--c42k-muted: #6b6b6b;

	margin: 2.5em 0;
	padding-top: 1.5em;
	border-top: 1px solid var(--c42k-line);
}

.c42k-my-designs__title {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.15rem;
	margin: 0 0 0.35em;
}

.c42k-my-designs__intro {
	color: var(--c42k-muted);
	font-size: 0.9rem;
	margin: 0 0 1.25em;
}

.c42k-my-designs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.c42k-design-card {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	border: 1px solid var(--c42k-line);
	border-radius: 0;
	padding: 14px;
	background: #fff;
}

.c42k-design-card__image {
	flex: 0 0 72px;
}

.c42k-design-card__image img {
	width: 72px;
	height: auto;
	border-radius: 0;
	display: block;
}

.c42k-design-card__body {
	min-width: 0;
}

.c42k-design-card__name {
	font-size: 0.95rem;
	font-weight: 400;
	margin: 0 0 4px;
	line-height: 1.3;
}

.c42k-design-card__meta {
	color: var(--c42k-muted);
	font-size: 0.8rem;
	margin: 0 0 4px;
}

.c42k-design-card__total {
	font-size: 0.9rem;
	margin: 0 0 10px;
}

.c42k-design-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.c42k-design-card__link {
	font-size: 0.82rem;
	font-weight: 500;
	color: var(--c42k-orange);
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

.c42k-design-card__link:hover {
	color: #a62000;
}

/* Que ninguna descripción larga desborde la fila. */
.wc-block-cart-item__product,
.wc-block-components-product-metadata {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* =========================================================================
   Carrito y checkout sin dinero
   =========================================================================

   Esto no es una tienda: es un presupuesto. El cliente diseña, manda la
   solicitud y el precio se le pasa después. Enseñar importes aquí solo
   confunde — y ahora mismo saldrían a 0 €, porque los diseños entran por
   debajo del mínimo de 10 unidades y no hay tramo de precio aplicable.

   Todo va acotado a .woocommerce-cart y .woocommerce-checkout para no tocar
   los precios de ningún otro sitio. Lo único que se conserva del panel
   lateral es el botón de solicitar el presupuesto.
   ====================================================================== */

/* ---------- Importes, en cualquiera de sus formas ---------- */

.woocommerce-cart .wc-block-components-formatted-money-amount,
.woocommerce-checkout .wc-block-components-formatted-money-amount,
.woocommerce-cart .wc-block-components-product-price,
.woocommerce-checkout .wc-block-components-product-price,
.woocommerce-cart .wc-block-cart-item__prices,
.woocommerce-cart .wc-block-cart-item__total,
.woocommerce-cart .wc-block-cart-items__header-total,
.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
.woocommerce-checkout .wc-block-components-order-summary-item__individual-prices,
.woocommerce-cart .wc-block-components-totals-item,
.woocommerce-checkout .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-totals-footer-item,
.woocommerce-checkout .wc-block-components-totals-footer-item {
	display: none !important;
}

/* ---------- Bloques de resumen económico ---------- */

.wp-block-woocommerce-cart-order-summary-heading-block,
.wp-block-woocommerce-cart-order-summary-subtotal-block,
.wp-block-woocommerce-cart-order-summary-fee-block,
.wp-block-woocommerce-cart-order-summary-discount-block,
.wp-block-woocommerce-cart-order-summary-shipping-block,
.wp-block-woocommerce-cart-order-summary-taxes-block,
.wp-block-woocommerce-cart-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wp-block-woocommerce-checkout-order-summary-subtotal-block,
.wp-block-woocommerce-checkout-order-summary-fee-block,
.wp-block-woocommerce-checkout-order-summary-discount-block,
.wp-block-woocommerce-checkout-order-summary-shipping-block,
.wp-block-woocommerce-checkout-order-summary-taxes-block,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wp-block-woocommerce-cart-express-payment-block,
.wp-block-woocommerce-checkout-express-payment-block,
.wp-block-woocommerce-cart-accepted-payment-methods-block {
	display: none !important;
}

/* Nota: el botón de solicitar presupuesto no lleva ninguna regla a propósito.
   No se oculta en ningún sitio, así que no hay nada que deshacer — y forzarle
   un display le rompería la maquetación flex que trae WooCommerce. */

/* ---------- Contador del carrito en la cabecera ---------- */

/* El número de prendas sobre el icono de "Presupuesto" (la palabra la pone el
   tema): se queda; el importe no se enseña en ningún sitio. */
.wc-block-mini-cart__amount {
	display: none !important;
}

/* Las fotos grandes son solo del presupuesto: el carrito lateral tiene una
   columna de 80 px y la foto se le comía el texto. */
.wp-block-woocommerce-mini-cart-contents .wc-block-cart-item__image img {
	width: 80px;
	height: auto;
}

.wp-block-woocommerce-mini-cart-contents .wc-block-cart-item__product {
	min-width: 0;
}

/* El carrito lateral recorta el HTML de cada dato (dejaba "Color 1…"): ahí
   basta con el diseño y las unidades. Colores, textos y logos se ven en el
   presupuesto y en la ficha técnica. */
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-details > span:has(.e42k-chips, .e42k-detalle) {
	display: none !important;
}

/* Lo mismo que en el presupuesto: un dato por línea y los dos botones. */
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-details > span {
	display: block;
	margin: 0 0 0.2rem;
	font-size: 0.875rem;
}

.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-details > span > span[aria-hidden="true"] {
	display: none;
}

/* ---------- Carrito y checkout clásicos, por si se cambiara ---------- */

.woocommerce-cart .shop_table .product-price,
.woocommerce-cart .shop_table .product-subtotal,
.woocommerce-cart .cart_totals,
.woocommerce-checkout .order-total,
.woocommerce-checkout .cart-subtotal,
.woocommerce-cart td.product-price,
.woocommerce-cart th.product-price,
.woocommerce-cart td.product-subtotal,
.woocommerce-cart th.product-subtotal {
	display: none !important;
}

/* ---------- Carrito lateral (mini-cart) ----------
   Usa las mismas clases que el carrito, pero está en la cabecera de todas las
   páginas, así que queda fuera de .woocommerce-cart y necesita sus propias
   reglas. Se cuelga de la raíz del desplegable.                            */

.wp-block-woocommerce-mini-cart-contents .wc-block-components-formatted-money-amount,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-price,
.wp-block-woocommerce-mini-cart-contents .wc-block-cart-item__prices,
.wp-block-woocommerce-mini-cart-contents .wc-block-cart-item__total,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-totals-item,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-totals-footer-item,
.wc-block-mini-cart__footer .wc-block-components-totals-item,
.wc-block-mini-cart__footer-subtotal {
	display: none !important;
}

/* Los botones del pie del desplegable se quedan: son la salida del carrito. */

/* ---------- La cantidad no se toca desde el carrito ----------
   Un diseño es un diseño: las unidades se cierran al pedir el presupuesto,
   no aquí. Se oculta solo el selector; el botón de eliminar se queda.       */

.wc-block-components-quantity-selector {
	display: none !important;
}

.wc-block-cart-item__quantity {
	display: flex;
	justify-content: flex-start;
}

/* ---------- Colores del diseño en el carrito (editor 3D) ---------- */
.e42k-chips {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px 6px;
	vertical-align: middle;
}

.e42k-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 8px 2px 3px;
	border: 1px solid #e3e5e8;
	border-radius: 999px;
	background: #fff;
	font-size: 0.78em;
	line-height: 1.5;
	white-space: nowrap;
}

.e42k-chip__muestra {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	flex: none;
}

.e42k-chip b {
	font-weight: 700;
}

.e42k-chip i {
	font-style: normal;
	color: #6c717a;
}


/* ---------- "Mis diseños": los diseños a medias de este navegador ----------
   Tarjeta por diseño (miniatura, estado, acciones) y el aviso de que solo
   viven en este navegador. Ver assets/js/mis-disenos.js.                    */

.c42k-mis-disenos {
	--c42k-orange: #e84924;
	margin: 1.5rem 0 3rem;
}

.c42k-mis-disenos__aviso {
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--c42k-orange);
	background: #fff4ec;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #222;
}

.c42k-mis-disenos__aviso strong {
	display: block;
	margin-bottom: 0.25rem;
}

.c42k-mis-disenos__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

.c42k-borrador {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	gap: 1rem;
	align-items: center;
	padding: 0.75rem;
	background: #f3f3f3;
}

.c42k-borrador__foto {
	width: 96px;
	height: 96px;
	background: #fff;
	overflow: hidden;
}

.c42k-borrador__foto img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.c42k-borrador__datos {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
}

.c42k-borrador__estado {
	justify-self: start;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	background: #222;
	padding: 2px 8px;
}

.c42k-borrador__nombre {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
}

.c42k-borrador__detalle,
.c42k-borrador__fecha {
	font-size: 0.875rem;
	color: #5d5d5d;
}

.c42k-borrador__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-end;
	align-items: center;
}

.c42k-boton-diseno {
	display: inline-block;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 0.95rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: var(--c42k-orange);
	padding: 9px 14px;
	border-radius: 5px;
	transition: background 0.18s ease;
}

.c42k-boton-diseno:hover,
.c42k-boton-diseno:focus-visible {
	background: #a62000;
	color: #fff;
}

.c42k-boton-diseno--claro {
	color: #222;
	background: #fff;
	box-shadow: inset 0 0 0 1px #222;
}

.c42k-boton-diseno--claro:hover,
.c42k-boton-diseno--claro:focus-visible {
	background: #222;
}

.c42k-borrador__borrar {
	border: 0;
	background: none;
	color: #5d5d5d;
	text-decoration: underline;
	font: inherit;
	font-size: 0.875rem;
	cursor: pointer;
	padding: 6px;
}

.c42k-mis-disenos__pie,
.c42k-mis-disenos__vacio {
	margin-top: 1.25rem;
	color: #5d5d5d;
}

/* Número de diseños a medias junto a "Mis diseños" en el menú. */
.c42k-contador {
	display: inline-grid;
	place-items: center;
	min-width: 1.35em;
	height: 1.35em;
	padding: 0 0.35em;
	margin-left: 0.25em;
	border-radius: 999px;
	background: #a62000;
	color: #fff;
	font-size: 0.75em;
	line-height: 1;
	vertical-align: 0.15em;
}

@media (max-width: 640px) {
	.c42k-borrador {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.c42k-borrador__foto {
		width: 72px;
		height: 72px;
	}

	.c42k-borrador__acciones {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}

	/* El primer botón ocupa la fila; "Seguir editando" y "Borrar" debajo. */
	.c42k-borrador__acciones > :first-child {
		flex: 1 1 100%;
		justify-content: center;
	}

	.c42k-mis-disenos__aviso {
		padding: 0.75rem 1rem;
		font-size: 0.875rem;
	}

	/* Bajo las líneas del presupuesto: el botón a todo el ancho. */
	.e42k-seguir {
		display: flex;
		justify-content: center;
		text-align: center;
	}
}

/* ---------- Líneas del presupuesto (carrito de bloques) ----------
   Cada dato en su línea, sin la descripción genérica de la prenda, con la
   vista previa del diseño más grande y "Editar diseño · Ficha técnica" como
   dos botones al final.                                                    */

.wc-block-cart-items .wc-block-components-product-metadata__description,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-metadata__description {
	display: none;
}

/* Los datos llegan como <span> seguidos con un separador " / ": uno por línea y sin separador. */
.wc-block-cart-items .wc-block-components-product-details > span,
.wc-block-cart-items .wc-block-components-product-details li {
	display: block;
	margin: 0 0 0.3rem;
}

.wc-block-cart-items .wc-block-components-product-details > span > span[aria-hidden="true"] {
	display: none;
}

.wc-block-cart-items .wc-block-components-product-details__name {
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8125rem;
	color: #5d5d5d;
}

.wc-block-cart-items .wc-block-components-product-details__acciones .wc-block-components-product-details__name,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-details__acciones .wc-block-components-product-details__name {
	display: none;
}

.wc-block-cart-items .wc-block-components-product-details__acciones {
	margin-top: 0.6rem;
}

.wc-block-cart-items .wc-block-components-product-details__acciones a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 12px;
	margin: 0 0.4rem 0.4rem 0;
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px #222;
	color: #222;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.18s ease, color 0.18s ease;
}

.wc-block-cart-items .wc-block-components-product-details__acciones a:hover,
.wc-block-cart-items .wc-block-components-product-details__acciones a:focus-visible {
	background: #222;
	color: #fff;
}

@media (min-width: 700px) {
	.wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
		width: 140px;
	}

	.wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image img {
		width: 140px;
		height: auto;
	}
}

/* Bajo las líneas: seguir con la equipación. */
.e42k-seguir {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin: 1rem 0 0;
	padding: 0 16px;
	background: #f3f3f3;
	color: #222;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.18s ease;
}

.e42k-seguir:hover,
.e42k-seguir:focus-visible {
	background: #ebebeb;
	color: #222;
}

/* ---------- Presupuesto sin precios ----------
   No hay importes: fuera la cabecera de la tabla (con su columna "Total"
   vacía) y el bloque de totales de la columna lateral, que dejaban marcos y
   líneas sin nada dentro. En su lugar va el resumen de chips.js.            */

.wc-block-cart-items__header,
.wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart__totals-title {
	display: none !important;
}

.e42k-resumen {
	margin: 0 0 1rem;
	padding: 1rem;
	background: #f3f3f3;
}

.e42k-resumen__titulo {
	margin: 0 0 0.35rem;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #222;
}

.e42k-resumen__cuenta {
	margin: 0 0 0.5rem;
	font-family: "Dosis", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #222;
}

.e42k-resumen__nota {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #5d5d5d;
}

/* Unidades editables en cada línea. */
.e42k-unidades {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.e42k-unidades select {
	min-height: 36px;
	padding: 0 2rem 0 0.6rem;
	border: 1px solid #222;
	border-radius: 0;
	background-color: #fff;
	color: #222;
	font: inherit;
	font-size: 0.9375rem;
}

.e42k-unidades select:focus-visible {
	outline: 2px solid #a62000;
	outline-offset: 2px;
}

.e42k-unidades-estado {
	font-size: 0.8125rem;
	color: #5d5d5d;
}

.e42k-unidades-estado.error {
	color: #a62000;
}