/*
 * Reglas de WooCommerce para el checkout y el Order (10-oct-2026). Reemplaza a assets/woo/css/twenty-twenty.css
 * (la hoja de WooCommerce para Twenty Twenty, que se servia como woocommerce-general): solo las reglas que
 * alcanzaban a algun elemento del checkout o del Order (auditadas contra el DOM real), en el mismo orden.
 * Se carga en el lugar de woocommerce-general (antes del CSS inline de WooCommerce), ver functions.php.
 */

.woocommerce form .form-row { padding: 3px; margin: 0px 0px 6px; }

.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s; opacity: 0; }

.woocommerce form .form-row label { line-height: 2; }

.woocommerce form .form-row .input-text {
	font-family: inherit;
	font-weight: 400;
	letter-spacing: normal;
	padding: 0.5em;
	display: block;
	background-color: var(--wc-form-color-background,#fff);
	border: var(--wc-form-border-width) solid var(--wc-form-border-color);
	border-radius: var(--wc-form-border-radius);
	color: var(--wc-form-color-text,#000);
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	line-height: normal;
	height: auto;
}

.woocommerce form .form-row .input-text:focus { border-color: currentcolor; }

.woocommerce form .form-row textarea { height: 4em; line-height: 1.5; box-shadow: none; }

.woocommerce form .form-row .required { color: var(--wc-red); font-weight: 700; text-decoration: none; visibility: hidden; border: 0px !important; }

.woocommerce form .form-row .optional { visibility: visible; }

.woocommerce form .form-row ::-webkit-input-placeholder { line-height: normal; }

body { --wc-form-border-color: #dcd7ca; --wc-form-border-radius: 4px; }

.woocommerce form .form-row .woocommerce-input-wrapper .input-text { font-size: 1.6rem; border-color: rgb(220, 215, 202); }

.woocommerce form.woocommerce-form-login label, .woocommerce form.woocommerce-form-login p { font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; }

.woocommerce form.woocommerce-form-login input { border: 1px solid rgb(221, 221, 221); }

.woocommerce .woocommerce-form-login__rememberme { margin: 1rem 0px 3rem; }

.woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th { word-break: normal; }

.woocommerce-checkout .woocommerce-billing-fields h3 { margin-top: 4rem; }

.woocommerce-checkout form[name="checkout"] { display: table; width: 100%; }

.woocommerce-checkout .blockUI.blockOverlay { position: relative; }

.woocommerce-checkout .blockUI.blockOverlay::before {
	height: 1em;
	width: 1em;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -0.5em;
	margin-top: -0.5em;
	content: "";
	animation: 1s ease-in-out 0s infinite normal none running spin;
	background: url("../images/icons/loader.svg") center center / cover;
	line-height: 1;
	text-align: center;
	font-size: 2em;
	color: rgba(0, 0, 0, 0.75);
}

.woocommerce-checkout form .col2-set { width: 50%; float: left; padding-right: 1.5vw; }

.woocommerce-checkout form .col2-set .col-1, .woocommerce-checkout form .col2-set .col-2 { float: none; width: 100%; }

.woocommerce-checkout form .col2-set input { border: 1px solid rgb(221, 221, 221); }

.woocommerce-checkout form .col2-set label {
	font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif;
	letter-spacing: normal;
}

.woocommerce-checkout form .col2-set p { margin-bottom: 1.15em; }

.woocommerce-checkout form #order_review_heading { margin-top: 4rem; }

.woocommerce-checkout form #order_review, .woocommerce-checkout form #order_review_heading { width: 50%; padding-left: 1.5vw; float: right; clear: right; }

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table { margin-top: 2.85rem; border: 0px; }

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table td, .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table th { border: 0px; }

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table thead { display: none; }

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table tbody::after { content: ""; display: block; height: 2rem; }

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .woocommerce-Price-amount { font-weight: 700; }

.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .cart-subtotal, .woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .order-total { border-top: 1px solid rgb(221, 221, 221); }

.woocommerce-checkout .woocommerce-form-login p.form-row.form-row-first, .woocommerce-checkout .woocommerce-form-login p.form-row.form-row-last { float: none; }

.woocommerce-checkout input#coupon_code { padding-top: 1.55rem; padding-bottom: 1.59rem; border: 1px solid rgb(221, 221, 221); }

.woocommerce-checkout button[name="apply_coupon"] { padding-top: 1.55rem; padding-bottom: 1.8rem; font-size: 1.6rem; }

.woocommerce-checkout-review-order-table td { padding: 1rem 0.5em; }

.woocommerce-checkout-review-order ul { margin: 2rem 0px 3rem; padding-left: 0px; }

.woocommerce-checkout-review-order #place_order { width: 100%; }

.wc_payment_method { list-style: none; }

.wc_payment_method .payment_box { padding: 1rem; background: rgb(238, 238, 238); }

.wc_payment_method .payment_box p:first-child { margin-top: 0px; }

.wc_payment_method .payment_box p:last-child { margin-bottom: 0px; }

.wc_payment_method > label:first-of-type { display: block; margin: 1rem 0px; }

.wc_payment_method > label:first-of-type img { max-height: 24px; max-width: 200px; float: right; }

.wc_payment_method label { cursor: pointer; }

.wc_payment_method input.input-radio[name="payment_method"] { display: none; }

.wc_payment_method input.input-radio[name="payment_method"] + label { font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; }

.wc_payment_method input.input-radio[name="payment_method"] + label::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid rgb(255, 255, 255);
	box-shadow: rgb(109, 109, 109) 0px 0px 0px 2px;
	background: rgb(255, 255, 255);
	margin-left: 4px;
	margin-right: 1.2rem;
	border-radius: 100%;
	transform: translateY(2px);
}

.wc_payment_method input.input-radio[name="payment_method"]:checked + label::before { background: rgb(85, 85, 85); }

.wc_payment_methods .payment_box p { font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; font-size: 1.6rem; }

.woocommerce-terms-and-conditions-wrapper { margin-bottom: 5rem; }

.woocommerce-order-overview { margin-bottom: 2rem; }

.woocommerce-table--order-details { margin-bottom: 2rem; }

.woocommerce section { padding-top: 2rem; padding-bottom: 0px; }

@media only screen and (max-width: 768px) {
	.woocommerce-checkout form .col2-set { width: 100%; float: none; padding-right: 0px; }
}

@media only screen and (max-width: 768px) {
	.woocommerce-checkout form .col2-set .col-1, .woocommerce-checkout form .col2-set .col-2 { float: none; width: 100%; }
}

@media only screen and (max-width: 768px) {
	.woocommerce-checkout form #order_review_heading { margin-top: 4rem; }
}

@media only screen and (max-width: 768px) {
	.woocommerce-checkout form #order_review, .woocommerce-checkout form #order_review_heading { width: 100%; padding-left: 0px; float: none; }
}

@media only screen and (max-width: 768px) {
	.woocommerce-checkout form table tbody td.product-total { text-align: end; }
}

@media only screen and (max-width: 768px) {
	.woocommerce-checkout form table tfoot .cart-subtotal td, .woocommerce-checkout form table tfoot .order-total td { text-align: end; }
}

@media only screen and (min-width: 768px) {
	.woocommerce table.shop_table tbody tr, .woocommerce-page table.shop_table tbody tr { font-size: 0.88889em; }
}

@media only screen and (min-width: 768px) {
	.woocommerce-checkout #site-content .woocommerce { max-width: 1600px; padding: 0px 6vw; margin: 0px auto; }
}

.woocommerce-info {
	margin-bottom: 5rem;
	margin-left: 0px;
	background: rgb(238, 238, 238);
	color: rgb(17, 17, 17);
	border-top: 3px solid var(--wc-green);
	font-size: 0.88889em;
	font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif;
	list-style: none;
	overflow: hidden;
	width: 100%;
}

.woocommerce-info { padding: 1.5rem 3rem; display: flex; justify-content: space-between; align-items: center; }

.woocommerce-info { border-color: var(--wc-blue); }
