.single-product.product_cat-cuidado-vegetal .plant-related,
.single-product.product_cat-suscripciones .plant-related,
.single-product.product_cat-calendarios .plant-related {
    display: none;
}

.single-product.product_cat-calendarios .detail-product,
.single-product.product_cat-suscripciones .detail-product,
.single-product.product_cat-mesas-de-cultivo .detail-product {
    flex-basis: 10% !important;
}


/* Añadiendo el ícono al pseudo-elemento ::after */
.single-product button.alt::after,
.single-product input[type="button"].alt::after,
.single-product input[type="reset"].alt::after,
.single-product input[type="submit"].alt::after,
.single-product .button.alt::after,
.single-product .widget-area .widget a.button.alt::after,
.single-product .add_to_cart_button::after {
    content: "\279C";
    /* Carácter Unicode para una flecha a la derecha */
    content: "\1F331";
    /* Asegúrate de que tu página esté codificada en UTF-8 */
    font-family: "Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji", "sans-serif";
    /* Usa una fuente que soporte emojis */
    color: transparent;
    text-shadow: 0px 0px 0px white;
    display: inline-block;
    margin-left: 16px;
    /* Espacio entre el texto y el ícono */
    transition: transform 0.3s ease;
    /* Efecto suave para el hover */
}

/* Rotar el ícono cuando se pasa el ratón por encima del botón */
.single-product button.alt:hover::after,
.single-product input[type="button"].alt:hover::after,
.single-product input[type="reset"].alt:hover::after,
.single-product input[type="submit"].alt:hover::after,
.single-product .button.alt:hover::after,
.single-product .widget-area .widget a.button.alt:hover::after,
.single-product .add_to_cart_button:hover::after {
    transform: translateX(2px);
    /*Mueve el ícono hacia la derecha cuando se hace hover */
    /*escalar el ícono para que se vea más grande */
    /* transform: scale(1.2); */
    /* text-shadow: 0px 0px 0px var(--main-button); */
}

.single-product .family.section.wp-block-huertobio-product-family {
    background-color: var(--background-light);
    padding: 2em;
    border-radius: 2em;
}

.wc-block-product-gallery-thumbnails {
    max-height: 120px;
    overflow: hidden;
    border-radius: 1.5em;
}

.wc-block-product-gallery-thumbnails__thumbnail {
    border: 0px none transparent;
}

.wc-block-product-gallery-large-image .wc-block-product-gallery-large-image__inner-blocks {
    height: calc(100% - 2em);
    left: 1em;
    top: 1em;
    width: calc(100% - 2em);
}