/* --- FIX DEL CHECKOUT ROTO --- */
.woocommerce-checkout .col2-set {
    display: flex !important;
    gap: 40px;
    width: 90%;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    width: 50% !important;
    float: left !important;
}

.woocommerce-checkout .form-row {
    width: 100%;
    display: block;
}
/* --- FIX: Texto blanco ¡ú negro en Checkout --- */
.woocommerce-checkout,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout label,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
    color: #000 !important;
}

/* Texto dentro de campos */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout select,
.woocommerce-checkout textarea::placeholder {
    color: #000 !important;
}

/* Descripci¨®n del producto y totales */
.woocommerce-checkout .shop_table,
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .order-total span,
.woocommerce-checkout .cart-subtotal span {
    color: #000 !important;
}
/* --- FIX: texto blanco ¡ú negro en SELECT y OPTIONS --- */

/* Texto visible del select */
.woocommerce-checkout select {
    color: #000 !important;
}

/* Opciones internas */
.woocommerce-checkout select option {
    color: #000 !important;
    background: #fff !important; /* asegura contraste */
}

/* Placeholder de selects tipo "Seleccione..." */
.woocommerce-checkout select:invalid {
    color: #555 !important;
}
.woocommerce-checkout select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
/* --- FIX SELECT2: Texto blanco ¡ú negro --- */

/* Texto mostrado en el campo cerrado */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
}

/* Texto dentro de las opciones del dropdown */
.select2-container--default .select2-results__option {
    color: #000 !important;
    background: #fff !important;
}

/* Highlight al seleccionar (azul) */
.select2-container--default .select2-results__option--highlighted {
    color: #fff !important;
    background: #004aad !important;
}

/* Fondo del campo */
.select2-container .select2-selection--single {
    background-color: #fff !important;
    border: 2px solid #004aad !important;
    border-radius: 10px !important;
    height: 48px !important;
}

/* Alineaci¨®n vertical del texto */
.select2-selection__rendered {
    line-height: 48px !important;
}
.select2-selection__arrow {
    height: 48px !important;
}
/* GRID GLOBAL */
.gbss-store-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
    margin-top: 30px;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
    .gbss-store-grid {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 26px;
    }
}

@media (max-width: 768px) {
    .gbss-store-grid {
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }
}

@media (max-width: 520px) {
    .gbss-store-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
/* Color del texto del SELECT */
.gbss-filter-select {
    color: #000 !important; /* negro */
}

/* Color de las opciones dentro del desplegable */
.gbss-filter-select option {
    color: #000 !important;
}