:root {
  --theme-color-1: #d96d00;
  --theme-color-2: #222222;
  --theme-color-3: #000;
  --text-detail: #666666;
  --theme-line: #e5e5e5;
  --link: #333333;
  --link-hover: #F7931E;
}

.woocommerce-info {
  margin-top: 1rem;
}
.woo
/*commerce .woocommerce-ordering select,
.woocommerce-result-count
{
    display: none;
}

* Botones woocommerce 1*/

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--theme-color-2);
  color: #fff;
  transition: 0.2s ease;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: var(--link-hover);
  color: #fff;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--theme-color-2);
  color: #fff;
  border-radius: 5px;
  transition: 0.2s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--theme-color-2);
  color: #fff;
}
#single-product-wc #product-wc .woocommerce-message a.button {
  background-color: var(--theme-color-2);
}
#single-product-wc #product-wc .woocommerce-message a.button:hover {
  background-color: var(--wc-link-hover);
}
#wc-cart #continue-wsp {
  background: #25d366;
  padding: 20px;
}
#wc-cart .button {
  background: var(--theme-color-2);
}
#wc-cart .button:hover {
  background-color: var(--theme-color-1);
}

/*
* Botones woocommerce 2
*/

.button.wsp-button-product{
	width: 100%;
	text-align: center;		
}



/* Imagen 2 */
/* Contenedor 1 */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
  padding: 15px 10px;
  /*border-bottom: 3px solid var(--theme-color-2);*/
	background:white;
  border: 1px solid #e6e6e6;
	overflow: hidden;
}
/* Contenedor 2 */
/* Titulo 1 */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  text-align: left;
  font-size: 16px;
  padding: 10px 20px;
  font-weight: 400;
  margin-bottom: 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce ul.products li.product h3:hover {
  color: var(----theme-color-2);
  transition: 0.2s ease;
}

#sidebar-wc ul.product-categories {
  padding: 1.5rem 0rem;
  list-style-type: none;
  background: #fff;
}

#sidebar-wc ul.product-categories li {
  padding: 0.5rem 1.5rem !important;
  border-bottom: solid 1px #7a5e5e1f;
}

#sidebar-wc ul.product-categories li:last-child {
  border: none;
}

#sidebar-wc ul.product-categories a {
  text-decoration: none;
}

#sidebar-wc section {
  padding: 0rem 0rem;
  background: white;
  position: relative;
  box-shadow: 2px 4px 8px 4px #0000001c;
}


/* Productos 1 */
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  width: 70px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
  color: var(--wc-link);
  transition: 0.5s ease;
}
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover {
  color: var(--wc-link-hover);
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
  padding: 5px 0;
  margin: 1rem 0;
}

.woocommerce ul.products li.product .button {
  margin-top: 0.75em;
}
/* Productos 2 */
/* Navegacion 1 */
#product-wc nav.woocommerce-pagination {
  margin-bottom: 2rem;
}
#product-wc nav.woocommerce-pagination ul li span.current {
  background: var(--theme-color-2);
  color: white;
}
#product-wc nav.woocommerce-pagination ul li a,
#product-wc nav.woocommerce-pagination ul li span {
  padding: 0.5em 10px;
  margin: 0 3px;
  border-radius: 50px;
  background: #eee;
  transition: 0.2s ease;
}
#product-wc nav.woocommerce-pagination ul li a:focus,
#product-wc nav.woocommerce-pagination ul li a:hover,
#product-wc nav.woocommerce-pagination ul li span.current {
  background: var(--theme-color-3);
  color: white;
  font-weight: bold;
}
#product-wc nav.woocommerce-pagination ul {
  border: 0;
}
#product-wc nav.woocommerce-pagination ul li {
  border-right: 0;
}
/* Navegacion 2 */
/*
*
***  Tienda Sidebar 2 ***
*
*/
/*
*
*** Single Product Wc 1 ***
*
*/
/* Cart 1 
#product-wc form.cart {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}
#product-wc form.cart .button {
    font-size: 15px;
    font-weight: 600;
    padding: 5px 10px;
}*/


.related.products h2{
	font-weight: 400;
	margin-bottom: 40px;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
	margin-top: 30px;
}

.related.products h2:after{
	  height: 3px;
    width: 60%;
    content: "";
    position: relative;
    margin-top: 15px;
    display: flex;
    background: var(--theme-color-1);
    justify-content: center;
    text-align: center;
	  margin-left: auto;
	  margin-right: auto;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	color: var(--theme-color-2);
	padding: 10px 20px;
	border-radius: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
	padding: 0px;
}

.woocommerce table.shop_attributes th{
	font-weight: 400;
}


.wc-buttons{
	justify-content: space-between;
}
.woocommerce a.button{
	padding: 10px;
}
a.wsp-button-product {
  background: var(--theme-color-1) !important;
  width: max-content !important;
  padding: 12px 20px !important;
  border-radius: 0px !important;
  display: flex !important;
    font-weight: 400 !important;
    font-size: 18px !important;
}

a.wsp-button-product:hover{
	background: var(--theme-color-2) !important;
}
a.wsp-button-product:before {
  content: "";
  display: inline-block;
  background-image: url(../../img/wc-buttons/whatsapp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  filter: grayscale(1) brightness(10);
  margin: -2px 5px 0px 0px;
}


/* Cart 2 */
/* Imagen Grande 1 */
#product-wc .flex-viewport {
  border: 1px solid #dddddd;
}
/* Imagen Grande 2 
#tienda-wc,*/
#single-product-wc {

}

.title-shop-bg{
	background: url(https://decorpetra.com/wp-content/uploads/2023/01/fondo-marmol4.jpg);
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
}

.title-shop-bg .page-title{
	font-size: 30px;
	color: var(--theme-color-2);
	position: relative;
	text-align: center;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.title-shop-bg .page-title:after{
	    height: 3px;
    width: 70%;
    content: "";
    position: relative;
    margin-top: 10px;
    display: flex;
    background: var(--theme-color-1);
    justify-content: center;
    text-align: center;
	  margin-left: auto;
	  margin-right: auto;
}

.title-shop-bg .product_title{
	font-size: 30px;
	color: var(--theme-color-2);
	position: relative;
	text-align: center;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.title-shop-bg .product_title:after{
	    height: 3px;
    width: 70%;
    content: "";
    position: relative;
    margin-top: 10px;
    display: flex;
    background: var(--theme-color-1);
    justify-content: center;
    text-align: center;
	  margin-left: auto;
	  margin-right: auto;
}

#tienda-wc,
#single-product-wc {
  margin-bottom: 2rem;
}

.title-product{
	padding-bottom: 16px;
}
#product-wc .entry-summary {
  background: white;
  padding: 2rem;
}
#product-wc .woocommerce-product-details__short-description table td {
  border: 1px solid #ddd;
  padding: 5px;
}
#product-wc
  .woocommerce-product-details__short-description
  table
  tr:nth-child(even) {
  background-color: #eee;
}
#product-wc
  .woocommerce-product-details__short-description
  table
  tr:nth-child(odd) {
  background-color: #fff;
}
/* Descripcion corta 2 */

.woocommerce div.product form.cart .variations select{
	padding: 15px;
	margin-left: 20px;
}

.woocommerce div.product form.cart .variations td{
	padding: 0px !important;
}

.woocommerce div.product form.cart .variations th label{
	font-weight: 400 !important;
}

.woocommerce div.product form.cart .variations tr:hover{
	background: transparent;
}


/* Descripcion larga 1 */
#product-wc .woocommerce-Tabs-panel {
  background: white;
  padding: 2.5rem;
}
#product-wc .woocommerce-tabs ul.tabs li {
  border: 0;
}
#product-wc .woocommerce-tabs ul.tabs::before {
  border: 0;
}
#product-wc .woocommerce-Tabs-panel ul {
  padding: 0 1.2rem;
}
#product-wc .woocommerce-tabs ul.tabs {
  margin: 0 0 0;
}
#product-wc .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  display: none;
}
#product-wc .woocommerce-Tabs-panel table td {
  border: 1px solid #ddd;
  padding: 5px;
}
#product-wc .woocommerce-Tabs-panel table tr:nth-child(even) {
  background-color: #eee;
}

#product-wc .woocommerce-Tabs-panel table tr:nth-child(odd) {
  background-color: #fff;
}
/* Descripcion larga 2 */
/* Sombra 1 
#product-wc .descripcion-category,
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
#sidebar-wc section,
#product-wc .entry-summary,
#product-wc .woocommerce-Tabs-panel,
#product-wc .woocommerce-tabs ul.tabs li {
    border: solid 1px var(--theme-line);
}*/

li.product:hover {
  /*box-shadow: 2px 4px 8px 4px #0000001c;*/
	box-shadow: 2px 4px 8px 4px #0000001c;
}

/* Sombra 2 */
#product-wc section.related.products .title-related {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 0rem;
}
#product-wc section.related.products .title-related span {
  position: relative;
  padding: 10px 2rem;
  color: var(--theme-color-2);
  line-height: 1;
  display: inline-block;
}
/*
*
*** Single Product Wc 2 ***
*
*/
/*
*
*** Pagina Mi Cuenta 1 ***
*

nav.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {
    margin-top: 2rem;
    border-radius: 8px;
}
nav.woocommerce-MyAccount-navigation ul {
    border: 1px solid #ddd;
    background: var(--theme-color-2);
    padding: 10px;
    color: white;
    list-style: none;
    border-radius: 8px;
}
nav.woocommerce-MyAccount-navigation ul li {
    padding: 5px;
    border-bottom: 1px solid #f5f5f591;
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: white;
}
nav.woocommerce-MyAccount-navigation ul li:hover a {
    color: green;
}
nav.woocommerce-MyAccount-navigation ul li a {
    color: white;
    font-weight: 600;
}
.woocommerce-MyAccount-content {
    background: whitesmoke;
    padding: 10px;
}
/*
*
*** Pagina Mi Cuenta 2 ***
*
*/
/*
*
*** Pagina Carrito 1 ***
*
*/
#wc-cart form.woocommerce-cart-form {
  margin-top: 2rem;
}
#wc-cart #content table.cart img,
#wc-cart table.cart img {
  width: 80px;
  border: 1px solid #ddd;
}
#wc-cart #continue-wsp:before {
  content: "";
  display: inline-block;
  background-image: url(../../img/wc-buttons/whatsapp.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin: -1px 5px -5px -2px;
  filter: invert(0) brightness(100);
}
/*
*
*** Pagina Carrito 2 ***
*
*/
/*
*
*** Pagina Finalizar Compra 1 ***
*
*/
form.woocommerce-checkout .woocommerce-input-wrapper {
  width: 100%;
}
/*
*
*** Pagina Finalizar Compra 2 ***
*
*/

/* BREADCRUMBS */

.woocommerce .woocommerce-breadcrumb {
    font-weight: 500;
    background-color: #252525;
    padding: 45px;
    text-align: center;
    margin-bottom: 45px;
    display: none;
}
.woocommerce .woocommerce-breadcrumb a{
  color: var(--theme-line);
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--link-hover);
}
*/

/* COLUMNAS DE LOS PRODUCTOS*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: left;
  margin: 0px;

  position: relative;
  width: 25%;
  margin-left: 0;
}

/* FILTRO Y CANTIDAD DE PRODUCTOS */

ul.products.columns-4 {
 /* padding-top: 30px !important;*/
}

.orderby {
  padding: 10px;
  outline: none;
  margin-top: -10px;
}

/* OCULTAR PRECIO PRODUCTOS EN OFERTA*/

span.price {
  text-align: left;
  color: var(--theme-color-1) !important;
  font-size: 1rem !important;
  margin-bottom: 15px !important;
  margin-top: 6px;
  font-weight: 600 !important;
  padding: 0px 20px;
}

/* BANER DE LA TIENDA */

/*.woocommerce-products-header {
  box-sizing: content-box;
  width: 100%;
  /*background: #252525 !important;*/
	background: rgb(158,0,93);
/*background: linear-gradient(90deg, rgba(158,0,93,1) 0%, rgba(251,201,102,1) 100%);*/
	background-image:;
  color: white;
  padding: 65px !important;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}*/

/* CARRITO */

/* Input Cupon */
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 180px;
}

/* Paddin Boton Finalizar Compra */
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  padding: 0.5em;
}

/* Tabla de Productos */
td.product-name a {
  text-decoration: none;
}

/* SINGLE PRODUCT */

/* Title Product 1 */
.woocommerce div.product .product_title {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 0px;
}

.woocommerce div.product .title-product{
	border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ==========================================================================
   Galería de producto — corrección del slider
   Síntoma: la 1.ª imagen se ve, pero al elegir otra miniatura el área queda en
   blanco (la imagen SÍ se descarga, pero el "track" horizontal de flexslider no
   se desplaza porque el CSS del pack fuerza max-width:100% en la figura).
   Solución: apilar todos los slides en la misma celda y mostrar solo el activo
   (comportamiento tipo "fade"), sin depender del desplazamiento horizontal.
   Acotado a la galería para no afectar el resto del layout.
   ========================================================================== */

/* La pista de slides ya no necesita ancho N×: todos van en la misma celda. */
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport ul.slides {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important; /* anula el translate del track */
  display: block !important;
}

/* Cada slide ocupa el 100% y se apila en la misma posición. */
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out;
  z-index: 0;
}

/* Solo el slide activo es visible. */
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image.flex-active-slide {
  position: relative !important; /* el activo define la altura del viewport */
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

/* La imagen siempre a tamaño completo dentro del slide. */
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image a,
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
  display: block;
  width: 100%;
  height: auto;
}

/* El viewport ajusta su alto a la imagen activa (anula el height fijo en línea). */
.woocommerce-product-gallery .flex-viewport {
  height: auto !important;
}

/* Product Thumbnail */
.woocommerce-product-gallery__image .flex-active-slide {
  border: solid 3px var(--theme-color-3);
}

figure.woocommerce-product-gallery__wrapper{
  border: 1px solid #e6e6e6;
}

/* Product Galery */
ol.flex-control-nav.flex-control-thumbs li {
  padding: 8px;
}

ol.flex-control-nav.flex-control-thumbs li img {
  border: solid 1px var(--theme-line);
}

/* Descripcion corta */

.woocommerce-product-details__short-description {
  margin-bottom: 2rem;
}

/* Formulario */

.woocommerce div.product form.cart {
  margin-bottom: 1em;
}

/* Botones de productos */

form.cart {
    display: flex !important;
    flex-wrap: wrap !important; /* Permite que los elementos bajen a la siguiente línea */
    flex-direction: row !important; /* Quitamos el row-reverse para ordenarlos a nuestro gusto */
    gap: 15px 0px !important; 
}

form.cart .quantity {
    order: 1 !important;
    flex: 0 0 auto !important; /* Mantiene el tamaño que necesite la cajita, sin estirarse */
}

form.cart button.single_add_to_cart_button {
    order: 2 !important;
    flex: 1 !important; /* Ocupará todo el espacio restante al lado de la cajita de cantidad */
}

form.cart > div:last-of-type {
    order: 3 !important;
    flex: 0 0 100% !important; /* Al pedirle el 100% del ancho, se ve obligado a saltar a la fila de abajo */
    width: 100% !important;
    margin-top: 5px !important; /* Un poco de respiro visual por la parte de arriba */
}

/* Precio */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--theme-color-1);
  font-size: 1.8em;
  font-weight: 700;
}

/* Cantidad */
form.cart input {
  width: 100% !important;
  height: 36px;
}

form.cart input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
}

form.cart input[type="number"]:focus {
  outline: none;
}
/* Agregar al Carrito */
form.cart button {
  width: 100%;
}

/* Product Meta */
.product_meta {
  margin-top: 20px;
  padding-top: 15px;
  border-top: solid 1px var(--theme-line);
}

/* Description */

.description_tab.active {
  border-bottom: solid 3px var(--theme-color-2) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none;
  display: none;
}

/* Descripcion corta 2 */
/* Descripcion larga 1 */
#product-wc .woocommerce-Tabs-panel {
  background: white;
  padding: 2.5rem;
  border-top: solid 1px var(--theme-line);
  box-shadow: 2px 4px 8px 4px #0000001c;
}
#product-wc .woocommerce-tabs ul.tabs li {
  border: 0;
}
#product-wc .woocommerce-tabs ul.tabs::before {
  border: 0;
}
#product-wc .woocommerce-Tabs-panel ul {
  padding: 0 1.2rem;
}
#product-wc .woocommerce-tabs ul.tabs {
  margin: 0 0 0;
}
#product-wc .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  display: none;
}
#product-wc .woocommerce-Tabs-panel table td {
  border: 1px solid #ddd;
  padding: 5px;
}
#product-wc .woocommerce-Tabs-panel table tr:nth-child(even) {
  background-color: #eee;
}

#product-wc .woocommerce-Tabs-panel table tr:nth-child(odd) {
  background-color: #fff;
}

.related.products {
  text-align: center;
}


.related.products ul.products.columns-4 {
  border-top: none;
  margin-bottom: 2rem;
}

/* THNAKYOU PAGE */

.woocommerce-table__product-table.product-total{
  display: none;
}
.woocommerce-table__product-total.product-total{
  display: none;
}
tfoot{
  display: none;
}
.woocommerce-order-overview__total.total{
  display: none;
}
.woocommerce-order{
  padding: 45px 0px;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
  color: var(--theme-color-2);
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.payment-data{
  display: none;
}

.payment-data-int{
  border: solid 1px var(--theme-line);
  padding: 25px;
}


/* TABLA DE CARRITO */

table.shop_table.shop_table_responsive{
	background: white;
}

.cart-collaterals.mt-3{
	display: none;
}


.summary.entry-summary{
    border: 1px solid #e6e6e6;
}

.wspp-cart{
	padding: 20px;
}