/* ================================
   BOTONERA DINÁMICA WOOCOMMERCE
   ================================ */

.bd-botonera { 
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    margin: 0 auto 20px !important;
    gap: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.bd-botonera .bd-btn { 
    flex: 1 1 0 !important;             /* cada botón ocupa ancho igual */
    min-width: 150px !important;        /* no se achican demasiado */
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;        /* sin esquinas redondeadas */
    padding: 10px 15px !important;
    cursor: pointer !important;
    text-align: center !important;
    margin: 0 !important;
    white-space: nowrap !important;     /* texto en una sola línea */
    box-sizing: border-box !important;
}

.bd-botonera .bd-btn.active { 
    background: #000 !important;
    color: #fff !important;
}

.bd-ver-todo {
    display: block !important;
    margin: 20px auto 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: bold !important;
    background: #0F172A !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    width: fit-content !important;
    border-radius: 0 !important;        /* sin bordes redondeados */
}

.bd-ver-todo:hover {
    background: #333 !important;
}

.bd-loading {
    text-align: center !important;
    font-style: italic !important;
    padding: 20px !important;
}