.site-branding {
    max-width: 1350px !important;
    margin: auto !important;
    padding: 0 25px;
}
p,h1,h2,h3,h4,div,span {
    color: #000;
    margin: 0 !important;
}

#hero-container {
    background: #fff9ea;
    padding: 50px 0;
}

#shop-content {
    padding: 50px 0;
}

.card-product, .sidebar {
    box-shadow: rgba(0, 0, 0, 0.75) 1px 3px 10px -5px;
    border-radius: 10px;
    height: fit-content;
    position: relative;
}

.card-product img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card-product h4, .category h4 {
    font-size: 20px;
}
.container-category {
    width: fit-content;
    position: absolute;
    right: 10px;
    top: 10px;
}

#woocommerce-product-search-field {
    width: 100%;
}

.type {
    width: fit-content;
    padding: 5px 10px;
    background: #ef8b33;
    border-radius: 100px;
    font-size: 14px;
    color: #fff;
}

.checkud:hover {
  margin-top: -5px;
  transition: margin-top 0.5s 1ms;
  /*background: #ef8b33 !important;*/
}

/* style the button */
.checkud{
    margin-top: 0;
    transition: margin-top 0.5s 1ms;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    animation: colorChange 3s infinite; /* Cambia cada 3 segundos */
}

.pagination-button {
    /*background: #ef8b33;*/
    padding: 0px 5px;
    margin: 0 5px;
    color: #fff !important;
    border-radius: 5px;
}

.search-button {
    margin-top: 0;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.active {
    color: #0073aa !important;
}

/* animation of change color */
/*@keyframes colorChange {
    0% { background-color: #0073e6; }
    25% { background-color: #ef8b33; }
}*/