/* =========================================================
   LA PUNTADA — CARRITO + CHECKOUT
   WooCommerce Blocks + Classic
   Version 3.0
========================================================= */


/* =========================================================
   BASE
========================================================= */

body.woocommerce-cart,
body.woocommerce-checkout {
	background:
		linear-gradient(
			180deg,
			#fbf8f4 0%,
			#ffffff 34%
		);
}

body.woocommerce-cart #lp-main,
body.woocommerce-checkout #lp-main {
	min-height: 72vh;
}

body.woocommerce-cart .lp-page,
body.woocommerce-checkout .lp-page {
	padding-bottom: 90px;
}

body.woocommerce-cart .lp-page__header,
body.woocommerce-checkout .lp-page__header {
	padding-top: 42px;
}

body.woocommerce-cart .lp-page__title,
body.woocommerce-checkout .lp-page__title {
	max-width: 920px;
	margin: 0;
	color: var(--lp-text);
	font-size: clamp(46px, 5.4vw, 72px);
	font-weight: 620;
	line-height: .96;
	letter-spacing: -.06em;
}

body.woocommerce-cart .lp-page__content,
body.woocommerce-checkout .lp-page__content {
	padding-top: 32px;
}


/* =========================================================
   HEADER — PROTEGER DE LOS ESTILOS DE WOOCOMMERCE
========================================================= */

body.woocommerce-cart .lp-header__cta,
body.woocommerce-checkout .lp-header__cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;

	width: auto !important;
	min-width: 132px !important;
	min-height: 44px !important;

	padding: 0 20px !important;

	border: 0 !important;
	border-radius: 999px !important;

	background: var(--lp-text) !important;
	color: #fff !important;

	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1 !important;

	text-decoration: none !important;

	visibility: visible !important;
	opacity: 1 !important;
}

body.woocommerce-cart .lp-header__cta span,
body.woocommerce-checkout .lp-header__cta span {
	display: inline !important;
	color: inherit !important;
	visibility: visible !important;
	opacity: 1 !important;
}

body.woocommerce-cart .lp-header__cta-arrow,
body.woocommerce-checkout .lp-header__cta-arrow {
	display: inline-block !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3 {
	color: var(--lp-text);
}

.woocommerce-cart a,
.woocommerce-checkout a {
	color: var(--lp-text);
}

.woocommerce-cart p,
.woocommerce-checkout p {
	color: var(--lp-muted);
}


/* =========================================================
   ANCHO GENERAL
========================================================= */

.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
	width: 100%;
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
}


/* =========================================================
   CHECKOUT — SOLO CHILE
========================================================= */

/*
 * WooCommerce debe estar configurado para vender
 * únicamente en Chile.
 */

body.woocommerce-checkout
.wc-block-components-address-form__country,
body.woocommerce-checkout
.wc-block-components-country-input {
	display: none !important;
}


/* =========================================================
   CHECKOUT PRINCIPAL
========================================================= */

.wc-block-checkout {
	color: var(--lp-text);
}

.wc-block-components-sidebar-layout {
	align-items: flex-start !important;
	gap: 52px !important;
}

.wc-block-checkout__main {
	padding-right: 0 !important;
}


/* =========================================================
   TARJETAS DEL FORMULARIO
========================================================= */

.wc-block-checkout__main
.wc-block-components-checkout-step {
	margin-bottom: 24px !important;

	padding: 26px 24px !important;

	border: 1px solid var(--lp-border);
	border-radius: 22px;

	background: rgba(255,255,255,.97);

	box-shadow:
		0 10px 28px rgba(33,29,26,.025);
}

.wc-block-components-checkout-step__heading {
	margin-bottom: 22px !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-title {
	margin: 0 !important;

	color: var(--lp-text) !important;

	font-size: 21px !important;
	font-weight: 690 !important;
	line-height: 1.15 !important;

	letter-spacing: -.025em;
}


/* =========================================================
   ESPACIADO INTERNO DEL FORMULARIO
========================================================= */

body.woocommerce-checkout
.wc-block-components-address-form {
	display: grid !important;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 15px 12px !important;

	align-items: start;
}

body.woocommerce-checkout
.wc-block-components-address-form > * {
	min-width: 0;
	margin: 0 !important;
}


/*
 * Campos que deben ocupar ancho completo.
 */

body.woocommerce-checkout
.wc-block-components-address-form__address_1,

body.woocommerce-checkout
.wc-block-components-address-form__address_2,

body.woocommerce-checkout
.wc-block-components-address-form__state,

body.woocommerce-checkout
.wc-block-components-address-form__city,

body.woocommerce-checkout
.wc-block-components-address-form__country {
	grid-column: 1 / -1;
}


/* =========================================================
   INPUTS
========================================================= */

.wc-block-components-form
.wc-block-components-text-input,
.wc-block-components-text-input {
	position: relative;

	width: 100%;

	margin: 0 !important;
}

.wc-block-components-text-input input,
.wc-block-components-form
.wc-block-components-text-input input,
.wc-block-components-combobox-control input {
	width: 100% !important;
	min-height: 58px !important;

	padding:
		22px
		14px
		8px !important;

	border: 1px solid #9b958f !important;
	border-radius: 14px !important;

	background: #fff !important;
	color: var(--lp-text) !important;

	font-family: inherit !important;
	font-size: 13px !important;
	line-height: 1.3 !important;

	box-shadow: none !important;

	transition:
		border-color .18s ease,
		box-shadow .18s ease;
}

.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input:focus {
	outline: 0 !important;

	border-color: var(--lp-text) !important;

	box-shadow:
		0 0 0 3px rgba(168,125,99,.10) !important;
}


/* =========================================================
   LABELS FLOTANTES
========================================================= */

.wc-block-components-text-input label,
.wc-block-components-combobox-control label {
	position: absolute !important;

	top: 9px !important;
	left: 14px !important;

	margin: 0 !important;

	color: #756f69 !important;

	font-size: 9.5px !important;
	font-weight: 650 !important;
	line-height: 1 !important;

	transform: none !important;
	transform-origin: left top !important;

	pointer-events: none;

	z-index: 3;
}

.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus + label,
.wc-block-components-combobox-control.is-active label {
	top: 9px !important;

	font-size: 9.5px !important;

	transform: none !important;
}


/* =========================================================
   SELECTS / REGIÓN / COMUNA
========================================================= */

.wc-block-components-combobox {
	width: 100%;
}

.wc-block-components-combobox-control {
	position: relative;

	width: 100%;

	margin: 0 !important;
}

.wc-block-components-combobox-control
.wc-block-components-combobox-control__control {
	position: relative;

	width: 100%;
	min-height: 58px !important;

	border: 1px solid #9b958f !important;
	border-radius: 14px !important;

	background: #fff !important;

	overflow: visible !important;

	box-shadow: none !important;
}

.wc-block-components-combobox-control
.wc-block-components-combobox-control__control input {
	min-height: 56px !important;

	padding:
		22px
		46px
		8px
		14px !important;
}

.wc-block-components-combobox-control__suggestions-container {
	z-index: 1000 !important;
}


/* =========================================================
   TEXTO "AÑADIR APARTAMENTO..."
========================================================= */

.wc-block-components-address-form
.wc-block-components-address-form__address_2-toggle {
	margin: 4px 0 3px !important;

	color: var(--lp-muted) !important;

	font-size: 11px !important;
	line-height: 1.4 !important;
}


/* =========================================================
   CHECKBOXES
========================================================= */

.wc-block-components-checkbox {
	display: flex !important;
	align-items: center !important;

	gap: 10px !important;

	margin-top: 4px !important;
}

.wc-block-components-checkbox label {
	margin: 0 !important;

	color: var(--lp-text) !important;

	font-size: 11px !important;
	line-height: 1.4 !important;
}


/* =========================================================
   ENVÍO
========================================================= */

.wc-block-checkout__shipping-option {
	overflow: visible !important;
}

.wc-block-components-shipping-rates-control {
	border-radius: 15px;
}

.wc-block-components-shipping-rates-control__package {
	padding: 0 !important;
}

.wc-block-components-shipping-rates-control
.wc-block-components-radio-control__option {
	padding: 17px !important;
}


/* Estado sin dirección */

.wc-block-components-shipping-rates-control
.wc-block-components-shipping-rates-control__no-results,

.wc-block-checkout__shipping-option
.wc-block-components-notice-banner {
	padding: 20px !important;

	border: 0 !important;
	border-radius: 13px !important;

	background: #f7f6f4 !important;

	color: var(--lp-muted) !important;

	text-align: center;
}


/* =========================================================
   PAGO
========================================================= */

.wc-block-checkout__payment-method {
	overflow: visible !important;
}

.wc-block-components-radio-control {
	overflow: visible !important;
}

.wc-block-components-radio-control__option {
	position: relative;

	display: flex !important;
	align-items: flex-start !important;

	width: 100%;

	margin: 0 0 10px !important;

	padding: 17px !important;

	border: 1px solid var(--lp-border);
	border-radius: 16px;

	background: #fff;

	overflow: visible !important;

	transition:
		border-color .18s ease,
		box-shadow .18s ease;
}

.wc-block-components-radio-control__option:has(
	input:checked
) {
	border-color: var(--lp-text);

	box-shadow:
		0 0 0 1px var(--lp-text);
}

.wc-block-components-radio-control__input {
	position: relative !important;

	top: auto !important;
	left: auto !important;

	flex: 0 0 auto !important;

	width: 18px !important;
	height: 18px !important;

	margin:
		1px
		11px
		0
		0 !important;
}

.wc-block-components-radio-control__label {
	flex: 1 1 auto !important;

	min-width: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	color: var(--lp-text) !important;

	font-size: 12px !important;
	font-weight: 680 !important;
	line-height: 1.4 !important;

	overflow: visible !important;
	text-indent: 0 !important;
}

.wc-block-components-radio-control-accordion-option {
	overflow: visible !important;
}

.wc-block-components-radio-control-accordion-content {
	margin:
		12px
		0
		0
		29px !important;

	padding:
		0
		2px
		2px !important;

	color: var(--lp-muted) !important;

	font-size: 11px !important;
	line-height: 1.6 !important;
}


/* =========================================================
   NOTA DEL PEDIDO
========================================================= */

.wc-block-checkout__order-notes {
	margin-top: 6px !important;
}


/* =========================================================
   TÉRMINOS
========================================================= */

.wc-block-checkout__terms {
	margin-top: 18px !important;
	margin-bottom: 10px !important;

	color: var(--lp-muted) !important;

	font-size: 10.5px !important;
	line-height: 1.55 !important;
}


/* =========================================================
   BOTÓN FINAL
========================================================= */

.wc-block-checkout
.wc-block-components-button,
.wc-block-cart
.wc-block-components-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 56px;

	padding: 0 24px !important;

	border: 0 !important;
	border-radius: 999px !important;

	background: var(--lp-text) !important;
	color: #fff !important;

	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 760 !important;
	line-height: 1 !important;

	text-decoration: none !important;

	box-shadow:
		0 11px 25px rgba(33,29,26,.13);

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		opacity .2s ease;
}

.wc-block-checkout
.wc-block-components-button:hover,
.wc-block-cart
.wc-block-components-button:hover {
	transform: translateY(-1px);

	box-shadow:
		0 15px 31px rgba(33,29,26,.17);
}

.wc-block-checkout__actions_row {
	margin-top: 16px !important;
}

.wc-block-checkout__actions_row
.wc-block-components-checkout-place-order-button {
	width: 100% !important;
	min-height: 62px !important;

	margin-top: 4px !important;

	font-size: 15px !important;
}

.wc-block-checkout__actions_row
.wc-block-components-checkout-return-to-cart-button {
	background: transparent !important;
	color: var(--lp-muted) !important;

	box-shadow: none !important;

	font-size: 11px !important;
}


/* =========================================================
   RESUMEN DEL PEDIDO
========================================================= */

.wc-block-checkout__sidebar {
	position: sticky;

	top: 118px;

	padding: 20px !important;

	border: 1px solid var(--lp-border);
	border-radius: 22px;

	background: #faf7f3;

	box-shadow:
		0 16px 36px rgba(33,29,26,.045);
}

.wc-block-components-order-summary {
	background: transparent;
}

.wc-block-components-order-summary-item {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.wc-block-components-order-summary-item__image img,
.wc-block-cart-item__image img {
	border-radius: 12px;
}

.wc-block-components-order-summary-item__quantity {
	border-color: #fff !important;

	background: var(--lp-text) !important;
	color: #fff !important;

	box-shadow:
		0 0 0 2px #faf7f3 !important;
}

.wc-block-components-product-name {
	color: var(--lp-text) !important;

	font-weight: 680 !important;

	text-decoration: none !important;
}

.wc-block-components-product-metadata {
	color: var(--lp-muted) !important;

	font-size: 10px !important;
	line-height: 1.5 !important;
}


/* =========================================================
   TOTALES
========================================================= */

.wc-block-components-totals-wrapper {
	border-color: var(--lp-border) !important;
}

.wc-block-components-totals-item {
	padding-top: 13px !important;
	padding-bottom: 13px !important;
}

.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
	color: var(--lp-text);
}

.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
	font-size: 18px !important;
	font-weight: 780 !important;
}


/* =========================================================
   CUPÓN
========================================================= */

.wc-block-components-totals-coupon__button {
	min-height: 45px !important;
}


/* =========================================================
   CART BLOCK
========================================================= */

.wc-block-cart {
	color: var(--lp-text);
}

.wc-block-cart__main {
	padding-right: 28px !important;
}

.wc-block-cart__sidebar {
	padding: 22px !important;

	border: 1px solid var(--lp-border);
	border-radius: 22px;

	background: #faf7f3;

	box-shadow:
		0 14px 34px rgba(33,29,26,.04);
}

.wc-block-cart-items__row {
	border-color: var(--lp-border) !important;
}

.wc-block-components-quantity-selector {
	min-height: 40px;

	border-color: var(--lp-border) !important;
	border-radius: 999px !important;

	background: #fff;
}

.wc-block-cart-item__remove-link {
	color: var(--lp-muted) !important;

	font-size: 10px !important;

	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.wc-block-cart__submit-button {
	width: 100% !important;
	min-height: 58px !important;

	font-size: 15px !important;
}

.wc-block-cart__submit-container {
	background: rgba(255,255,255,.97);
}


/* =========================================================
   CLASSIC FORM CONTROLS
========================================================= */

.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="email"],
.woocommerce-cart input[type="tel"],
.woocommerce-cart input[type="number"],
.woocommerce-cart input[type="password"],
.woocommerce-cart select,
.woocommerce-cart textarea,

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
	width: 100%;

	min-height: 52px;

	padding: 0 14px;

	border: 1px solid var(--lp-border);
	border-radius: 14px;

	background: #fff;
	color: var(--lp-text);

	font: inherit;

	box-shadow: none;
}

.woocommerce-cart textarea,
.woocommerce-checkout textarea {
	min-height: 110px;

	padding-top: 13px;

	resize: vertical;
}


/* =========================================================
   MENSAJES
========================================================= */

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error {
	margin: 0 0 18px;

	padding: 14px 17px;

	border: 1px solid var(--lp-border);
	border-radius: 15px;

	background: #fff;
	color: var(--lp-text);

	box-shadow: var(--lp-shadow-sm);
}

.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message {
	border-color: rgba(112,128,107,.22);

	background: var(--lp-green-soft);
}


/* =========================================================
   CLASSIC CART
========================================================= */

.woocommerce-cart table.shop_table {
	width: 100%;

	margin: 0 0 28px;

	border: 1px solid var(--lp-border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 22px;

	background: #fff;

	overflow: hidden;
}

.woocommerce-cart table.shop_table th {
	padding: 15px;

	color: var(--lp-muted);

	font-size: 10px;
	font-weight: 800;

	text-transform: uppercase;
	letter-spacing: .08em;
}

.woocommerce-cart table.shop_table td {
	padding: 15px;

	border-top: 1px solid var(--lp-border);

	color: var(--lp-text);
}

.woocommerce-cart .product-thumbnail img {
	width: 82px;

	border-radius: 13px;
}

.woocommerce-cart .product-name a {
	font-weight: 720;

	text-decoration: none;
}

.woocommerce-cart .quantity .qty {
	width: 65px;

	min-height: 44px;

	text-align: center;
}


/* =========================================================
   CLASSIC CHECKOUT
========================================================= */

.woocommerce-checkout form.checkout {
	display: grid;

	grid-template-columns:
		minmax(0,1fr)
		minmax(380px,.72fr);

	gap: 40px 48px;

	align-items: start;
}

.woocommerce-checkout #customer_details {
	width: 100%;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	width: 100%;

	float: none;

	padding: 24px;

	border: 1px solid var(--lp-border);
	border-radius: 20px;

	background: #fff;
}

.woocommerce-checkout #customer_details .col-2 {
	margin-top: 18px;
}

.woocommerce-checkout #order_review {
	padding: 24px;

	border: 1px solid var(--lp-border);
	border-radius: 22px;

	background: #faf7f3;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

	.wc-block-components-sidebar-layout {
		gap: 30px !important;
	}

	.wc-block-checkout__sidebar {
		top: 100px;
	}

	.woocommerce-checkout form.checkout {
		grid-template-columns:
			minmax(0,1fr)
			minmax(330px,.75fr);

		gap: 30px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	body.woocommerce-cart .lp-page,
	body.woocommerce-checkout .lp-page {
		padding-bottom: 48px;
	}

	body.woocommerce-cart .lp-page__header,
	body.woocommerce-checkout .lp-page__header {
		padding-top: 28px;
	}

	body.woocommerce-cart .lp-page__title,
	body.woocommerce-checkout .lp-page__title {
		font-size: 42px;

		line-height: .98;
	}

	body.woocommerce-cart .lp-page__content,
	body.woocommerce-checkout .lp-page__content {
		padding-top: 22px;
	}


	/* HEADER */

	body.woocommerce-cart .lp-header__cta,
	body.woocommerce-checkout .lp-header__cta {
		display: none !important;
	}


	/* CHECKOUT STACK */

	.wc-block-components-sidebar-layout {
		display: block !important;
	}

	.wc-block-checkout__main {
		width: 100% !important;
	}

	.wc-block-checkout__sidebar {
		position: static;

		width: 100% !important;

		margin-top: 24px;

		padding: 17px !important;

		border-radius: 19px;
	}


	/* TARJETAS */

	.wc-block-checkout__main
	.wc-block-components-checkout-step {
		margin-bottom: 20px !important;

		padding:
			22px
			18px !important;

		border-radius: 20px;
	}

	.wc-block-components-checkout-step__heading {
		margin-bottom: 20px !important;
	}

	.wc-block-components-checkout-step__title,
	.wc-block-components-title {
		font-size: 20px !important;
	}


	/* FORMULARIO */

	body.woocommerce-checkout
	.wc-block-components-address-form {
		grid-template-columns: 1fr !important;

		gap: 12px !important;
	}

	body.woocommerce-checkout
	.wc-block-components-address-form > * {
		grid-column: 1 !important;
	}


	/* INPUTS */

	.wc-block-components-text-input input,
	.wc-block-components-form
	.wc-block-components-text-input input,
	.wc-block-components-combobox-control input {
		min-height: 58px !important;
	}


	/* PAGO */

	.wc-block-components-radio-control__option {
		padding:
			16px
			15px !important;
	}

	.wc-block-components-radio-control-accordion-content {
		margin-left: 29px !important;
	}


	/* BOTÓN */

	.wc-block-checkout__actions_row
	.wc-block-components-checkout-place-order-button {
		min-height: 60px !important;
	}


	/* CART */

	.wc-block-cart__main {
		padding-right: 0 !important;
	}

	.wc-block-cart__sidebar {
		margin-top: 18px;

		padding: 18px !important;

		border-radius: 19px;
	}

	.wc-block-cart-items__row {
		grid-template-columns:
			78px
			minmax(0,1fr) !important;
	}

	.wc-block-cart__submit-container {
		padding:
			10px
			max(14px, env(safe-area-inset-right))
			calc(10px + env(safe-area-inset-bottom))
			max(14px, env(safe-area-inset-left));

		border-top: 1px solid var(--lp-border);

		background: rgba(255,255,255,.97);

		backdrop-filter: blur(14px);
	}


	/* CLASSIC */

	.woocommerce-checkout form.checkout {
		display: block;
	}

	.woocommerce-checkout #customer_details .col-1,
	.woocommerce-checkout #customer_details .col-2 {
		padding: 18px;

		border-radius: 18px;
	}

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

	body.woocommerce-cart .lp-page__title,
	body.woocommerce-checkout .lp-page__title {
		font-size: 37px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.wc-block-checkout
	.wc-block-components-button,

	.wc-block-cart
	.wc-block-components-button {
		transition: none !important;
	}

}/* =========================================================
   LA PUNTADA — PEDIDO RECIBIDO
   MOBILE SAFE / SIN DESBORDE
========================================================= */

body.woocommerce-order-received {
	overflow-x: hidden;
}

body.woocommerce-order-received .lp-page,
body.woocommerce-order-received .lp-page__content,
body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce-order {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

body.woocommerce-order-received
.woocommerce-order {
	max-width: 980px;
	margin:
		0
		auto
		80px;
}


/* TÍTULO */

body.woocommerce-order-received
.lp-page__title {
	overflow-wrap: anywhere;
}


/* MENSAJE PRINCIPAL */

body.woocommerce-order-received
.woocommerce-thankyou-order-received {
	margin:
		0
		0
		26px;

	padding: 20px 22px;

	border:
		1px
		solid
		rgba(112,128,107,.20);

	border-radius: 18px;

	background: var(--lp-green-soft);

	color: var(--lp-text);

	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
}


/* RESUMEN PEDIDO */

body.woocommerce-order-received
.woocommerce-order-overview {
	display: grid !important;

	grid-template-columns:
		repeat(4, minmax(0,1fr));

	gap: 0;

	width: 100% !important;

	margin:
		0
		0
		32px !important;

	padding: 0 !important;

	border:
		1px
		solid
		var(--lp-border);

	border-radius: 20px;

	background: #fff;

	overflow: hidden;

	list-style: none !important;
}

body.woocommerce-order-received
.woocommerce-order-overview li {
	float: none !important;

	width: auto !important;

	min-width: 0;

	margin: 0 !important;

	padding: 18px !important;

	border-right:
		1px
		solid
		var(--lp-border);

	border-bottom: 0;

	color: var(--lp-muted);

	font-size: 9px !important;
	line-height: 1.35;

	text-transform: uppercase;
	letter-spacing: .055em;

	overflow-wrap: anywhere;
}

body.woocommerce-order-received
.woocommerce-order-overview li:last-child {
	border-right: 0;
}

body.woocommerce-order-received
.woocommerce-order-overview strong {
	display: block;

	margin-top: 5px;

	color: var(--lp-text);

	font-size: 17px !important;
	font-weight: 720;
	line-height: 1.15;

	text-transform: none;
	letter-spacing: -.02em;

	overflow-wrap: anywhere;
}


/* DETALLES BANCARIOS */

body.woocommerce-order-received
.wc-bacs-bank-details {
	margin-top: 34px;
}

body.woocommerce-order-received
.wc-bacs-bank-details-heading {
	margin:
		0
		0
		20px;

	font-size:
		clamp(30px,4vw,46px);

	line-height: 1;
	letter-spacing: -.04em;
}

body.woocommerce-order-received
.wc-bacs-bank-details-account-name {
	margin:
		0
		0
		16px;

	font-size: 20px;
	line-height: 1.15;

	overflow-wrap: anywhere;
}

body.woocommerce-order-received
.wc-bacs-bank-details
ul.order_details {
	display: grid !important;

	grid-template-columns:
		repeat(3,minmax(0,1fr));

	gap: 0;

	width: 100% !important;

	margin: 0 !important;

	padding: 0 !important;

	border:
		1px
		solid
		var(--lp-border);

	border-radius: 20px;

	background: #fff;

	overflow: hidden;

	list-style: none !important;
}

body.woocommerce-order-received
.wc-bacs-bank-details
ul.order_details li {
	float: none !important;

	width: auto !important;
	min-width: 0;

	margin: 0 !important;

	padding: 18px !important;

	border-right:
		1px
		solid
		var(--lp-border);

	border-bottom:
		1px
		solid
		var(--lp-border);

	color: var(--lp-muted);

	font-size: 9px !important;
	line-height: 1.35;

	text-transform: uppercase;
	letter-spacing: .055em;

	overflow-wrap: anywhere;
	word-break: break-word;
}

body.woocommerce-order-received
.wc-bacs-bank-details
ul.order_details li:nth-child(3n) {
	border-right: 0;
}

body.woocommerce-order-received
.wc-bacs-bank-details
ul.order_details strong {
	display: block;

	margin-top: 5px;

	color: var(--lp-text);

	font-size: 16px !important;
	font-weight: 700;
	line-height: 1.25;

	text-transform: none;
	letter-spacing: -.01em;

	overflow-wrap: anywhere;
	word-break: break-word;
}


/* DETALLES DE PEDIDO */

body.woocommerce-order-received
.woocommerce-order-details,
body.woocommerce-order-received
.woocommerce-customer-details {
	width: 100%;
	max-width: 100%;

	margin-top: 32px;

	box-sizing: border-box;
}


/* =========================================================
   PEDIDO RECIBIDO — TABLET
========================================================= */

@media (max-width: 900px) {

	body.woocommerce-order-received
	.woocommerce-order-overview {
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

	body.woocommerce-order-received
	.woocommerce-order-overview li {
		border-bottom:
			1px
			solid
			var(--lp-border);
	}

	body.woocommerce-order-received
	.woocommerce-order-overview li:nth-child(2n) {
		border-right: 0;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details {
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details li:nth-child(3n) {
		border-right:
			1px
			solid
			var(--lp-border);
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details li:nth-child(2n) {
		border-right: 0;
	}

}


/* =========================================================
   PEDIDO RECIBIDO — MOBILE
========================================================= */

@media (max-width: 767px) {

	body.woocommerce-order-received
	.lp-page {
		width: 100%;

		padding-bottom: 50px;

		overflow: hidden;
	}

	body.woocommerce-order-received
	.lp-page__header,
	body.woocommerce-order-received
	.lp-page__content {
		width: 100%;

		max-width: 100%;

		padding-left: 20px !important;
		padding-right: 20px !important;

		margin-left: auto !important;
		margin-right: auto !important;

		box-sizing: border-box;
	}

	body.woocommerce-order-received
	.lp-page__title {
		max-width: 100%;

		font-size: 43px !important;
		line-height: .98 !important;

		letter-spacing: -.05em !important;

		overflow-wrap: normal;
	}

	body.woocommerce-order-received
	.woocommerce {
		width: 100%;

		margin: 0 !important;

		padding: 0 !important;
	}

	body.woocommerce-order-received
	.woocommerce-order {
		width: 100%;

		margin:
			0
			auto
			50px !important;

		padding: 0 !important;
	}

	body.woocommerce-order-received
	.woocommerce-thankyou-order-received {
		padding: 17px;

		border-radius: 16px;

		font-size: 15px;
	}


	/* RESUMEN */

	body.woocommerce-order-received
	.woocommerce-order-overview {
		grid-template-columns: 1fr !important;

		border-radius: 17px;
	}

	body.woocommerce-order-received
	.woocommerce-order-overview li,
	body.woocommerce-order-received
	.woocommerce-order-overview li:nth-child(2n) {
		width: 100% !important;

		padding: 15px 16px !important;

		border-right: 0 !important;

		border-bottom:
			1px
			solid
			var(--lp-border) !important;

		box-sizing: border-box;
	}

	body.woocommerce-order-received
	.woocommerce-order-overview li:last-child {
		border-bottom: 0 !important;
	}

	body.woocommerce-order-received
	.woocommerce-order-overview strong {
		font-size: 17px !important;
	}


	/* BANCARIOS */

	body.woocommerce-order-received
	.wc-bacs-bank-details {
		width: 100%;

		margin-top: 30px;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details-heading {
		max-width: 100%;

		font-size: 36px !important;
		line-height: .98;

		overflow-wrap: anywhere;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details-account-name {
		font-size: 19px;

		overflow-wrap: anywhere;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details {
		grid-template-columns: 1fr !important;

		width: 100% !important;

		border-radius: 17px;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details li,
	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details li:nth-child(2n),
	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details li:nth-child(3n) {
		width: 100% !important;

		min-width: 0;

		padding: 15px 16px !important;

		border-right: 0 !important;

		border-bottom:
			1px
			solid
			var(--lp-border) !important;

		box-sizing: border-box;

		white-space: normal !important;

		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details li:last-child {
		border-bottom: 0 !important;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details
	ul.order_details strong {
		max-width: 100%;

		font-size: 16px !important;

		white-space: normal !important;

		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}

}


/* =========================================================
   MUY PEQUEÑO
========================================================= */

@media (max-width: 390px) {

	body.woocommerce-order-received
	.lp-page__header,
	body.woocommerce-order-received
	.lp-page__content {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.woocommerce-order-received
	.lp-page__title {
		font-size: 38px !important;
	}

	body.woocommerce-order-received
	.wc-bacs-bank-details-heading {
		font-size: 32px !important;
	}

}