/*
Theme Name: Market3

WooCommerce styles override
*/



.page-description {
    margin-top: 4.5em;
}

.archive.woocommerce .term-description {
    margin-bottom: 1.7em;
}

ul.products {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

ul.products li {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 893px) {
ul.products.columns-2 { column-gap: 5%; }
ul.products.columns-2 li { width: 47.5%; }
ul.products.columns-3 { column-gap: 3.7%; }
ul.products.columns-3 li { width: 30.866%; }
ul.products.columns-4 { column-gap: 32px; }
ul.products.columns-4 li { width: 286px; }
ul.products.columns-5 { column-gap: 1.8%; }
ul.products.columns-5 li { width: 18.56%; }
ul.products.columns-6 { column-gap: 1.2%; }
ul.products.columns-6 li { width: 15.666%; }
}

figure.loop-product-image {
    width: 100%;
    margin: 0;
	position: relative;
	filter: brightness(0.97) contrast(1.02);
}

figure.loop-product-image img {
    width: 100%;
	height: 100%;
    object-fit: contain;
	aspect-ratio: auto;
}

@media screen and (min-width: 893px) {
ul.products.columns-2 figure.loop-product-image, ul.products.columns-2 figure.loop-product-image img { height: 330px; }
ul.products.columns-3 figure.loop-product-image, ul.products.columns-3 figure.loop-product-image img { height: 280px; }
ul.products.columns-4 figure.loop-product-image, ul.products.columns-4 figure.loop-product-image img { height: 286px; }
ul.products.columns-5 figure.loop-product-image, ul.products.columns-5 figure.loop-product-image img { height: 180px; }
ul.products.columns-6 figure.loop-product-image, ul.products.columns-6 figure.loop-product-image img { height: 130px; }
}


@media screen and (max-width: 893px) {
ul.products {
	column-gap: 12px;
	row-gap: 12px;
}
ul.products li {
	width: calc(50% - 6px);
}
ul.products figure.loop-product-image, ul.products figure.loop-product-image img {
	height: 140px;
}
ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    gap: 12px;
}
.loop-product-content {
    padding: 0 8px 8px;
}
ul.products li a.product_type_simple, ul.products li a.added_to_cart {
    padding: 5px;
    height: 36px;
}
}

ul.products span.onsale {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background-color: var(--wp--preset--color--accent);
    color: #fff;
    line-height: 1.2;
    padding: 0.35em 0.6em 0.3em;
    border-radius: 1em;
    font-size: 0.65em;
}

ul.products li a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: inherit;
	display: flex;
    flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.loop-product-content {
    display: flex;
    flex-direction: column;
    margin: 1em 0 0;
	height: 100%;
    justify-content: space-between;
	
}

.loop-product-content p.brand {
    margin: 0;
    color: var(--wp--preset--color--gray-100);
    font-size: var(--wp--preset--font-size--extra-small);
    letter-spacing: 0.2em;
}

h2.woocommerce-loop-product__title {
    font-size: var(--wp--preset--font-size--medium);
    margin: 0.2em 0 0.4em;
}

.loop-product-content  p.descripcion-gen {
    color: var(--wp--preset--color--gray-100);
    letter-spacing: 1px;
    flex: auto;
    line-height: 1.4;
    font-size: var(--wp--preset--font-size--small);
}

ul.products li span.price {
    margin-top: 1.1em;
}




/*--------------------------------------------------------------
# Other
--------------------------------------------------------------*/

button[disabled] {
    opacity: 0.25;
    cursor: auto;
}




/*--------------------------------------------------------------
# Nav subcategorías
--------------------------------------------------------------*/

ul.subcats {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

ul.subcats li {
    line-height: 1.4;
}

ul.subcats a {
    color: inherit;
    font-size: var(--wp--preset--font-size--intermedia);
}

ul.subcats a:hover {
    color: var(--wp--preset--color--accent);
}



/*--------------------------------------------------------------
# Header cart
--------------------------------------------------------------*/

.cart-link {
    position: relative;
}

span.cart-qty {
    position: absolute;
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    top: -7px;
    right: -8px;
    font-size: 12px;
    margin: 0;
    line-height: 1;
    padding: 4px;
    border-radius: 10px;
    width: 20px;
	height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 893px) {
span.cart-qty {
    font-size: 10px;
    width: 17px;
	height: 17px;
}
}




/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/

nav.woocommerce-pagination {
    margin-top: 3em;
}

ul.page-numbers {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 0.5em;
}

ul.page-numbers .page-numbers {
	color: var(--wp--preset--color--contrast);
    border: 2px solid var(--wp--preset--color--contrast);
    height: 1.8em;
    width: 1.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--wp--preset--font-size--intermedia);
    border-radius: 0.3em;
    font-weight: 600;
}

ul.page-numbers .page-numbers.current, ul.page-numbers .page-numbers:hover {
	color: #fff;
    background-color: var(--wp--preset--color--contrast);
}




/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/

@media screen and (min-width: 893px) {
.product-summary-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 64px;
	position: relative;
}
.product-summary-container .summary {
	width: calc(50% - 32px);
	transition: all 0.35s ease-in-out;
}
.product-summary-container .product-images {
    width: calc(50% - 32px);
	transition: all 0.35s ease-in-out;
}
}

.product-summary-container {
	position: relative;
}

.product-summary-container span.onsale {
    position: absolute;
    top: 12px;
    left: 165px;
    z-index: 1;
    background-color: var(--wp--preset--color--accent);
    color: #fff;
    line-height: 1.2;
    padding: 0.25em 0.6em;
    border-radius: 1em;
}

span.onsale.especial {
	background-color: var(--wp--preset--color--complementary) !important;
}

span.onsale.especial.extra-tag {
    top: 50px;
}

ul.products span.onsale.especial.extra-tag {
    top: 33px;
}

.price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.5em;
}

.price ins {
    background-color: transparent;
}

.price del {
    color: #ccc;
    font-weight: 400;
}

@media screen and (max-width: 893px) {
.single-product span.onsale {
    left: 85px;
}
span.onsale.especial.extra-tag {
    top: 40px !important;
}
}






/*--------------------------------------------------------------
# Single - summary
--------------------------------------------------------------*/

p.marca {
    margin: 0;
    color: var(--wp--preset--color--gray-100);
    font-size: var(--wp--preset--font-size--small);
    letter-spacing: 0.2em;
}

h1.product_title.entry-title {
    font-size: var(--wp--preset--font-size--xx-large);
    font-weight: 500;
    margin: 0 0 0.5em;
	line-height: 1.25;
}

p.descripcion-generica {
    color: var(--wp--preset--color--gray-100);
    letter-spacing: 1px;
}

.single-product p.price {
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--gray-100);
    letter-spacing: 1px;
	margin: 0 0 0.6em 0;
}

.summary p.stock {
    display: none;
}

@media screen and (max-width: 893px) {
.summary.entry-summary {
    margin-top: 3em;
}
h1.product_title.entry-title {
    font-size: var(--wp--preset--font-size--x-large);
    margin: 0 0 0.3em;
}
.single-product form.cart .q-special {
    margin-bottom: 0.5em;
}

}




/*--------------------------------------------------------------
# Single - main image
--------------------------------------------------------------*/

.woocommerce-product-gallery__wrapper {
    border: 1px solid var(--wp--preset--color--gray-300);
    margin-bottom: 10px;
}

.woocommerce-product-gallery__wrapper a {
    display: block;
    line-height: 0;
}



/*--------------------------------------------------------------
# Single - gallery
--------------------------------------------------------------*/

.product-gallery {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-gallery figure {
    width: calc(50% - 5px);
	height: 289px;
    margin: 0;
}

.product-gallery a {
	display: block;
    width: 100%;
    height: 100%;
}

.product-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 893px) {
a.gallery-trigger {
    display: none;
}
}

@media screen and (max-width: 893px) {
a.gallery-trigger {
    color: #fff;
    background-color: var(--wp--preset--color--contrast);
    padding: 0.7em 1.3em;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    border-radius: 3px;
}
.product-gallery {
    display: none;
}
}




/*--------------------------------------------------------------
# Single - variable attribute selector
--------------------------------------------------------------*/

.type-std .selector-custom {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}

.type-std .selector-custom .att-option {
    cursor: pointer;
	position: relative;
	padding-left: 1.4em;
	font-size: var(--wp--preset--font-size--intermedia);
}

.type-std .selector-custom .att-option:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0.4em;
    width: 0.9em;
    height: 0.9em;
    border: 2px solid var(--wp--preset--color--gray-200);
    border-radius: 1em;
}

.type-std .selector-custom .att-option.current:before {
	background-color: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
}

.type-std  p.chosen-attr {
    background-color: var(--wp--preset--color--gray-300);
    margin: 1.3em 0;
    padding: 0.4em 1em;
    line-height: 1.3;
}

.woocommerce-variation-price span.price {
    font-size: var(--wp--preset--font-size--x-large);
	margin-bottom: 0.6em;
}

.hidden-variations-form table.variations {
    display: none;
}

.hidden-variations-form .reset_variations_alert {
    display: none;
}



/*--------------------------------------------------------------
# Single - variable attribute selector - COLOR
--------------------------------------------------------------*/

.custom-attr-selector.type-color {
    margin: 1.2em 0 2.2em;
}

.custom-attr-selector.type-color h4 {
    margin: 0 0 0.7em;
}

.type-color .selector-custom {
	display: flex;
    flex-direction: row;
	gap: 10px;
}

.type-color .selector-custom .att-option {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    cursor: pointer;
    position: relative;
    border: 4px solid #eee;
}

.type-color .selector-custom .att-option.current {
    border-color: #fafafa;
}

.type-color .selector-custom .att-option.current:before {
    position: absolute;
    content: '';
    top: -5px;
    left: -5px;
    width: 38px;
    height: 38px;
    border: 1px solid var(--wp--preset--color--contrast);
    border-radius: 44px;
}





/*--------------------------------------------------------------
# Single - Add to cart form
--------------------------------------------------------------*/

.single-product form.cart, .single-product .woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
    gap: 1.3em;
    margin: 0 0 2em;
}

a.comprar-ahora {
    background-color: var(--wp--preset--color--accent);
    text-transform: unset;
    font-weight: 400;
    padding: 0.8em;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 0.3em;
	border: 1px solid var(--wp--preset--color--accent);
	max-width: 360px;
}

.single-product button.single_add_to_cart_button.button {
    background-color: var(--wp--preset--color--contrast);
	color: #fff;
    text-transform: unset;
    font-weight: 400;
    padding: 0.8em;
    min-width: 360px;
}

@media screen and (max-width: 893px) {
.single-product button.single_add_to_cart_button.button {
    min-width: 100%;
}	
}



/*--------------------------------------------------------------
# Single - sections
--------------------------------------------------------------*/

.single-box {
    margin: 3.8em 0 3.5em;
    max-width: 400px;
    padding: 1em 1.5em;
    /* background-color: var(--wp--preset--color--gray-300); */
    background: linear-gradient(135deg, #ddd 0%, #eee 99%);
    border-radius: 10px;
}

.std-item {
    margin-bottom: 3.5em;
}

.std-item table {
    border-collapse: collapse;
}

.std-item table tr > * {
    padding: 0.5em 0.6em;
	border: 1px solid var(--wp--preset--color--gray-300);
}

.std-item table tr > *:first-child {
    font-weight: 600;
}

.std-item table tr > *:first-child b {
    font-weight: inherit;
}




/*--------------------------------------------------------------
# Shortcode "producto"
--------------------------------------------------------------*/

.producto.oferta a {
    display: flex;
    gap: 10px;
	align-items: center;
	color: inherit;
}

.producto.oferta figure {
    margin: 0;
    width: 300px;
    height: 210px;
}

.producto.oferta figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0.97) contrast(1.02);
}

.producto.oferta .p-cont {
    width: calc(100% - 310px);
}

.producto.oferta h4 {
    margin: 0 0 0.7em;
    font-weight: 400;
}

.producto.oferta span.price {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    margin: 0.6em 0;
}

@media screen and (max-width: 893px) {
.producto.oferta a {
    gap: 12px;
    flex-direction: column;
}
.producto.oferta figure {
    margin: 0;
    width: 100%;
    height: 90px;
}
.producto.oferta .p-cont {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
	
}




/*--------------------------------------------------------------
# Woocommerce quantity-buttons
--------------------------------------------------------------*/

.q-special {
    display: grid;
    grid-template-columns: 4fr 5fr 4fr;
    width: 8em;
    height: 2.46em;
    border: 1px solid var(--wp--preset--color--gray-100);
    font-size: 1em;
}

.q-special input {
    border: none;
	font-size: 0.95em;
    font-weight: 500;
    text-align: right;
	/* border-left: 1px solid var(--wp--preset--color--gray-200); */
    /* border-right: 1px solid var(--wp--preset--color--gray-200); */
	outline: none;
	text-align: center;
    padding: 0.3em;
}

.q-special input::-webkit-outer-spin-button, .q-special input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}

.q-special span {
    position: relative;
    cursor: pointer;
	/* background-color: var(--wp--preset--color--gray-300); */
}

.q-special span::before, .q-special span::after {
    position: absolute;
    content: '';
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: var(--wp--preset--color--contrast);
	top: 50%;
    left: 50%;
}

.q-special span::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.q-special span.btn-plus::before {
    width: 0.7em;
    height: 2px;
}
.q-special span::after {
    width: 2px;
    height: 0.7em;
}






/*--------------------------------------------------------------
# Sidebar - Catalog sorting
--------------------------------------------------------------*/

.widget-sorting {
    display: flex;
    align-items: center;
    gap: 7px;
	justify-content: space-between;
}

.widget-sorting h3 {
    margin: 0 !important;
}

select.orderby {
    border: none;
    background-color: transparent;
	outline: none;
	padding-right: 0.4em;
	font-size: var(--wp--preset--font-size--intermedia);
}

@media only screen and (min-width: 981px) {
select.orderby {
    width: 210px;
}
}



/*--------------------------------------------------------------
# Sidebar - Price filter
--------------------------------------------------------------*/

aside#secondary .wc-block-product-filter-price-slider .text input[type=text] {
    border-color: var(--wp--preset--color--gray-200);
    padding: 7px 8px 6px;
    max-width: 100px;
    font-weight: 500;
    line-height: 1;
}



/*--------------------------------------------------------------
# Sidebar - Filters
--------------------------------------------------------------*/

aside#secondary .wp-block-woocommerce-product-filter-clear-button button {
    border: none;
    color: #fff;
    background-color: var(--wp--preset--color--contrast);
    font-size: var(--wp--preset--font-size--small);
    letter-spacing: 1px;
}

aside#secondary .wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
    padding: 2px 2px 2px 8px;
    border: none;
    color: #fff;
    background-color: var(--wp--preset--color--gray-200);
    font-size: var(--wp--preset--font-size--extra-small);
    border-radius: 4px;
}



/*--------------------------------------------------------------
# Sidebar - Filtros en versión móvil
--------------------------------------------------------------*/

@media only screen and (max-width: 981px) {
.tax-product_cat .site-content.left-sidebar {
    display: flex;
    flex-direction: column-reverse;
}
.tax-product_cat .site-content.left-sidebar aside:not(.has-subcategories) > h3.wp-block-heading, .tax-product_cat .site-content.left-sidebar aside:not(.has-subcategories) hr {
    display: none;
}
.tax-product_cat .site-content.left-sidebar aside:not(.has-subcategories) section#block-4 {
    margin-bottom: 1.3em;
}
button.wc-block-product-filters__open-overlay {
    background-color: var(--wp--preset--color--contrast);
    color: #fff;
    padding: 0.45em 0.5em 0.4em;
}
section#sorting {
    border-top: 1px solid var(--wp--preset--color--gray-200);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
}

}




/*--------------------------------------------------------------
# Shop all categories
--------------------------------------------------------------*/

@media only screen and (min-width: 981px) {
.all-categories {
    column-count: 3;
	column-gap: 3.5%;
}
.prod-category {
    -webkit-column-break-inside: avoid;
}
}

.prod-category {
    margin-bottom: 2.2em;
}

.all-categories a {
    color: inherit;
}

.prod-category h3 {
    font-size: 1em;
    font-weight: 600;
	color: #fff;
    background-color: var(--wp--preset--color--accent);
    padding: 0.4em 0.6em 0.45em;
    line-height: 1.2;
    margin: 0 0 0.6em;
}

.prod-category ul {
    list-style-type: none;
    margin: 0 0 0 0.6em;
	padding: 0;
    line-height: 1.7;
}

.prod-category ul li:last-child a {
    text-decoration: underline;
}




/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/

h1.cart-hedline {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
    margin: 0 0 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

h1.cart-hedline img {
    width: 28px;
    height: auto;
}

.custom-cart {
    display: flex;
    gap: 30px;
	margin-top: 4em;
	margin-bottom: 5em;
}

.cc-col-1 {
    width: calc(100% - 422px);
}

.cc-col-2 {
    width: 410px;
}


.custom-cart .cart.woocommerce-cart-form__contents {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}

.custom-cart .cart_item {
    display: grid;
    grid-template-columns: 80px 1fr 86px 34px 105px;
	align-items: center;
	gap: 12px
}


.custom-cart .product-thumbnail {
    width: 66px;
    height: 66px;
}

.custom-cart .product-name {
    line-height: 1.4;
}

.custom-cart .product-name a {
    color: inherit;
}

.custom-cart .q-special {
    width: 86px;
	height: 28px;
    font-size: var(--wp--preset--font-size--intermedia);
    border-radius: 8px;
    overflow: hidden;
    border-color: #ddd;
}

.custom-cart .q-special input {
    font-size: 15px;
    padding: 4px 6px;
    line-height: 1;
    width: 40px;
    border: none;
}

.custom-cart .q-special span {
    background-color: transparent;
}

.custom-cart .q-special span.btn-plus::before {
    width: 7px;
    height: 1px;
}

.custom-cart .q-special span::after {
    width: 1px;
    height: 7px;
}

.custom-cart .product-remove a {
    line-height: 1;
    display: block;
}

.custom-cart .product-remove img {
    width: 17px;
}

.custom-cart .product-subtotal {
    text-align: right;
	font-weight: 600;
}


.custom-cart .actions {
    display: flex;
    justify-content: space-between;
}

.custom-cart .actions > * {
    margin-top: 15px;
}

.custom-cart .actions button[name="update_cart"] {
    display: none;
}

.custom-cart .actions .coupon {
    display: flex;
    gap: 10px;
}

.custom-cart input#coupon_code {
    padding: 0.4em;
}

.custom-cart .actions .button {
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
	min-width: fit-content;
}

.cart-totales.stdbox {
    background-color: var(--wp--preset--color--gray-300);
}

.cart-totales h4 {
    margin: 0.7em 0 1.3em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
}

.cart-totales > div {
    display: flex;
    justify-content: space-between;
}

.cart-totales a.woocommerce-remove-coupon {
    display: block;
    line-height: 1;
    font-size: var(--wp--preset--font-size--small);
    text-align: right;
}

.custom-cart .order-total {
    margin: 1.3em 0;
}

.custom-cart a.checkout-button.button {
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    width: 100%;
    text-align: center;
    padding: 0.6em;
    border-radius: 0.3em;
}

.custom-cart .continuar-comprando a.checkout-button.button {
    color: inherit;
    background-color: #fff;
    border: 1px solid var(--wp--preset--color--gray-200);
}

.cart-totales .wc-proceed-to-checkout {
    margin-bottom: 0.9em;
}

.cart-totales .continuar-comprando {
    margin-bottom: 0.6em;
}


.woocommerce-cart .entry-content {
    margin-bottom: 3em;
}

.woocommerce-cart .cross-sells h2 {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
}

@media screen and (max-width: 893px) {
.custom-cart {
    flex-direction: column;
}
.custom-cart > * {
    width: 100%;
}
.custom-cart .stdbox {
    padding: 20px 12px;
}
.custom-cart .cart.woocommerce-cart-form__contents {
    gap: 36px;
    margin: 20px 0 20px;
}
.custom-cart .cart_item {
    grid-template-columns: 60px 90px 15px 1fr;
	grid-template-areas: 'imagen descrip descrip descrip' 'imagen qty remove monto';
	gap: 0;
}
.custom-cart .product-thumbnail {
	grid-area: imagen;
    width: 50px;
    height: 50px;
}
.custom-cart .product-name {
    grid-area: descrip;
	margin-bottom: 7px;
    line-height: 1.2;
}
.custom-cart .product-quantity {
	grid-area: qty;
}
.custom-cart .product-remove {
	grid-area: remove;
}
.custom-cart .product-remove img {
    width: 15px;
    margin-left: 5px;
    margin-top: 2px;
}
.custom-cart .product-subtotal {
	grid-area: monto;
	font-size: var(--wp--preset--font-size--medium);
}
.custom-cart .actions {
    flex-direction: column;
    margin-top: 3em;
}
.cart-totales > div > p {
    font-size: var(--wp--preset--font-size--medium);
}
.cart-totales > div.order-total > p {
    font-weight: 500;
}
	
}



/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/

ul.checkout-steps {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    gap: 2.6em;
    font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	margin-bottom: 1.6em;
}

ul.checkout-steps li {
	position: relative;
	line-height: 1;
}

ul.checkout-steps li:not(:first-child):before {
	position: absolute;
	content: '';
	width: 21px;
	height: 19px;
	left: -1.6em;
	top: 0.2em;
	background-image: url(../img/caret-right-a.png);
}

ul.checkout-steps a {
    color: var(--wp--preset--color--contrast);
}

ul.checkout-steps li:not(.current) {
    cursor: pointer;
    color: var(--wp--preset--color--gray-200);
}

form.checkout.woocommerce-checkout {
    margin-top: 1.6em;
}

#info {
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.5em;
    background-color: #fff;
    padding: 1em 1.6em;
}

#info .subsection {
    max-width: 800px;
    margin: auto;
}

.checkout span.required, .checkout span.optional {
    display: none;
}

.checkout fieldset {
    padding: 0;
    border: none;
}

.checkout fieldset p {
    float: left;
    width: 100%;
	margin-bottom: 1.7em;
}

.checkout .form-row-first, .checkout .form-row-last {
    width: 47%;
}

.checkout .form-row-last {
    margin-left: 6%;
}

.checkout fieldset p label {
    display: block;
    margin-bottom: 0.6em;
}


.factura_a p#billing_dni_field {
    display: none;
}

.factura_b p#billing_cuit_field {
    display: none;
}

select#billing_tipo_factura {
    width: 100%;
}

.checkout tr.woocommerce-shipping-totals.shipping {
    display: none;
}

#custom-shipping-control {
    display: flex;
    flex-direction: column;
	gap: 7px;
}

.s-method {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.4em;
    line-height: 1;
    align-items: center;
    padding: 0.4em 1em;
	cursor: pointer;
}

.s-method label {
	cursor: pointer;
}

.s-method img {
    width: 28px;
    height: 28px;
    opacity: 0.5;
}

.s-method.chosen-method {
    background-color: #F5F6FF;
    border-color: var(--wp--preset--color--complementary);
}

.s-method.chosen-method img {
    filter: invert(30%) sepia(20%) saturate(7217%) hue-rotate(195deg) brightness(96%) contrast(102%);
	opacity: 1;
}



div#sub-domicilio {
    margin-top: 4em !important;
}

@media screen and (min-width: 893px) {
#sub-domicilio fieldset p:nth-child(3) {
    width: 47%;
    margin-left: 6%;
}
#sub-domicilio fieldset p:nth-child(2) {
    width: 47%;
}
}

p#billing_state_field span.select2-selection.select2-selection--single {
    height: 48px;
    margin: 0;
    border-radius: 0;
    border-color: #ddd;
}

span#select2-billing_state-container {
    color: inherit;
    line-height: 46px;
}

p#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}



#order_review {
    display: flex;
	gap: 36px;
}

#order_review > * {
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.5em;
    background-color: #fff;
    padding: 1em 1.6em;
}

.woocommerce-checkout-payment {
    width: 65%;
	padding: 3em 1.6em !important;
}

.review-order-inner {
    width: calc(35% - 36px);
	padding: 1.6em 1.5em 1.2em !important;
    height: fit-content;
}

table.woocommerce-checkout-review-order-table {
    display: flex;
    flex-direction: column;
	gap: 22px;
    margin: 0;
}

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

table.woocommerce-checkout-review-order-table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

table.woocommerce-checkout-review-order-table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
	line-height: 1.1;
}

.review-order-inner td.product-name {
    display: flex;
    gap: 12px;
    line-height: 1.3;
    font-size: var(--wp--preset--font-size--small);
}

.review-order-inner td.product-name img {
    width: 46px;
    height: 46px;
}

table.woocommerce-checkout-review-order-table tfoot {
    display: flex;
    flex-direction: column;
    width: 100%;
}

table.woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}

table.woocommerce-checkout-review-order-table tfoot tr th {
    width: 70%;
    text-align: left;
    font-weight: normal;
}

table.woocommerce-checkout-review-order-table tfoot tr td {
    width: 30%;
    text-align: right;
}


ul.payment_methods {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul.payment_methods li {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 0.4em;
    line-height: 1.4;
    align-items: center;
    padding: 0 1em 0 1.7em;
	flex-direction: column;
}

ul.payment_methods li.method-selected {
    background-color: #F5F6FF;
    border-color: var(--wp--preset--color--complementary);
}

ul.payment_methods label {
    width: 100%;
    display: flex;
    padding: 0.5em 0;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
	font-weight: 600;
    height: 2.7em;
}

ul.payment_methods label img {
    width: 34px;
    height: 34px;
}

ul.payment_methods .payment_box {
    padding: 0.2em 0;
    width: 100%;
}

ul.payment_methods .payment_box p {
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.4;
}

ul.payment_methods li input[type="radio"] {
    display: none;
}


.woocommerce-terms-and-conditions-wrapper {
    padding: 1.6em 1em;
    display: flex;
    flex-direction: column;
    gap: 0.7em;
}

.woocommerce-terms-and-conditions-wrapper p {
    font-size: var(--wp--preset--font-size--small);
}

button#place_order {
    color: #fff;
    background-color: var(--wp--preset--color--accent);
    width: 100%;
    text-align: center;
    padding: 0.8em;
    border-radius: 0.3em;
    max-width: 400px;
    display: block;
    margin: 2em auto 0;
    text-transform: inherit;
}



form.checkout_coupon.woocommerce-form-coupon {
    display: flex;
    gap: 10px;
}



@media screen and (max-width: 893px) {
ul.checkout-steps li:not(:first-child):before {
    width: 16px;
    height: 15px;
    top: 0.15em;
    background-size: 15px;
}
.checkout fieldset p {
    margin-bottom: 1.2em;
}
.checkout fieldset p label {
    margin-bottom: 0.2em;
}	
p#billing_state_field span.select2-selection.select2-selection--single {
    height: 38px;
}
span#select2-billing_state-container {
    line-height: 36px;
}

p#billing_state_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}
#sub-facturacion .form-row {
    width: 100% !important;
    margin-left: 0;
}
#order_review {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
}
#order_review > * {
    width: 100%;
}
table.woocommerce-checkout-review-order-table tbody {
    gap: 20px;
}
table.woocommerce-checkout-review-order-table tbody tr {
    gap: 20px;
}
ul.payment_methods li {
    padding: 0.6em 1em;
}
ul.payment_methods label {
    line-height: 1.2;
}
ul.payment_methods .payment_box {
    padding: 0;
}
button#place_order {
    margin: 0.7em auto 0;
}
}



/*--------------------------------------------------------------
# Thank you
--------------------------------------------------------------*/

.tp-intro {
    background-color: #fff;
    border: 1px solid var(--wp--preset--color--gray-200);
    border-radius: 10px;
    padding: 3.7em;
    text-align: center;
	margin-top: 2em;
}

.tp-intro > * {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

section#detalles-pedido {
    margin: 4em 0;
}

section#detalles-pedido h2 {
    text-align: center;
    font-size: var(--wp--preset--font-size--x-large);
}

.detalles {
    display: flex;
    width: 100%;
    border-top: 1px solid var(--wp--preset--color--gray-200);
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
	margin-top: 2.6em;
}

.detalles > * {
    width: 50%;
    padding: 2.5em 3em;
}

.detalles > *:not(:last-child) {
    border-right: 1px solid var(--wp--preset--color--gray-200);
}

.detalles img {
	filter: invert(72%) sepia(17%) saturate(1000%) hue-rotate(3deg) brightness(91%) contrast(87%);
	height: 38px;
}

.detalles h3 {
    margin: 0 0 0.6em;
    line-height: 1;
    font-size: var(--wp--preset--font-size--large);
}

.detalles address {
    margin: 0;
    line-height: 1.3;
    font-style: normal;
}




h2.wc-bacs-bank-details-heading {
    display: none;
}

h3.wc-bacs-bank-details-account-name {
    font-size: var(--wp--preset--font-size--medium);
}

ul.wc-bacs-bank-details.order_details.bacs_details {
    margin: 0 0 0 1.2em;
    padding: 0;
}



  
section#lista-pedido {
    margin: 4.5em 0;
    display: flex;
    gap: 65px;
}

section#lista-pedido h3 {
    font-size: var(--wp--preset--font-size--large);
    margin: 0 0 0.7em;
}

.woocommerce-checkout .lista {
    width: 60%;
}

.woocommerce-checkout .lista .custom-cart {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--wp--preset--color--gray-200);
}

.woocommerce-checkout .lista .custom-cart .cart.woocommerce-cart-form__contents {
    width: 100%;
}

.woocommerce-checkout .lista .custom-cart .cart_item {
    grid-template-columns: 80px 1fr 105px;
}

.resumen {
    border: 1px solid var(--wp--preset--color--gray-200);
    padding: 1.5em;
	width: calc(40% - 65px);
}

section#lista-pedido .resumen h3 {
    border-bottom: 1px solid var(--wp--preset--color--gray-200);
    padding-bottom: 0.7em;
    margin-bottom: 1.3em;
}

.resumen div {
    display: flex;
    justify-content: space-between;
    line-height: 1.3;
    padding: 0.2em 0;
}

.resumen div p {
    width: 160px;
    text-align: right;
}


@media screen and (max-width: 893px) {
.tp-intro {
    padding: 2.3em;
    margin-top: 1em;
}	
.tp-intro p.has-xx-large-font-size {
    line-height: 1.2;
}
.detalles > * {
    width: 50%;
    padding: 2em 1.5em;
}
section#lista-pedido {
    gap: 25px;
    flex-direction: column;
}
section#lista-pedido > * {
    width: 100%;
}



}




/*--------------------------------------------------------------
# Notices
--------------------------------------------------------------*/

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    display: flex;
    background-color: var(--wp--preset--color--gray-300);
	border-radius: 10px;
    padding: 1em;
    margin: 2em 0;
    justify-content: space-between;
	align-items: center;
	outline: none;
}

.woocommerce-error {
	color: #fff;
	background-color: var(--wp--preset--color--accent);
}

.woocommerce-error a {
	color: #ddd;
}

.woocommerce-message .button {
    color: #fff;
    background-color: var(--wp--preset--color--contrast);
    line-height: 1.2;
    padding: 0.3em 0.9em;
    border-radius: 1em;
    font-size: var(--wp--preset--font-size--intermedia);
}