/* Estilos de botones WooCommerce y personalizados */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce .button,
.wcs-custom-button {
    background-color: var(--wcs-bg, #000000);
    color: var(--wcs-text, #ffffff);
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s ease-in-out;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.wcs-custom-button:hover {
    opacity: 0.8;
}

/* Estilos dinámicos para títulos */
/* Estilo para títulos de WooCommerce */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6 {
    letter-spacing: var(--wcs-spacing);
}
.dosku-banner-buttons a {
    letter-spacing: var(--wcs-spacing);
}