@media (hover: hover) and (pointer: fine) {
  a[data-wp-on--click="woocommerce/product-collection::actions.viewProduct"] img {
    transition: transform 0.4s ease !important;
  }

  a[data-wp-on--click="woocommerce/product-collection::actions.viewProduct"]:hover img {
    transform: scale(1.1) !important;
  }
}

.wp-block-button__link {
  display: inline-block;
  width: auto;
  max-width: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 30px;
  background-color: #313131;
  color: #ffffff;
  text-align: center;
  white-space: normal;
}

@media (max-width: 767px) {
  .wp-block-button__link {
    font-size: 16px !important;
    padding: 10px 20px !important;
    border-radius: 30px !important;
    width: 100% !important;
    max-width: 280px; /* o el valor que se vea bien */
    margin: 0 auto;
    display: block;
    text-align: center;
    white-space: normal; /* permite salto de línea natural si es necesario */
  }
}
/* 1) Mata el color de los bordes de Astra SOLO en páginas de producto */
body.single-product,
body.woocommerce-page {
  --ast-border-color: transparent !important;
}

/* 2) Breadcrumbs y separadores superiores */
.ast-breadcrumbs,
.woocommerce-breadcrumb {
  border: none !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

/* 3) Tabs y paneles (Descripción / Información adicional) */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none !important;
  box-shadow: none !important;
}

/* 4) Otros separadores/bordes que suelen aparecer arriba o abajo */
hr,
.wp-block-separator,
.woocommerce div.product .product_meta,
.woocommerce div.product .summary,
.woocommerce .related,
.woocommerce .upsells {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

p.price {
  font-size: 14px;
  color: #cc0000;
}

ins span bdi {
  color: #000000;
  font-size: 24px;
}

del span bdi {
  font-size: 14px;
  color: #cc0000;
  
}
/* Ocultar desktop en mobile y mobile en desktop */
.banner-desktop,
.banner-desktop img {
    display: block !important;
}
.banner-mobile,
.banner-mobile img {
    display: none !important;
}

/* MOBILE */
@media (max-width: 767px) {

    /* Ocultar desktop COMPLETAMENTE */
    .banner-desktop,
    .banner-desktop img,
    .banner-desktop figure,
    .wp-block-image.banner-desktop {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Mostrar mobile */
    .banner-mobile,
    .banner-mobile img,
    .wp-block-image.banner-mobile {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
    }
}