/* Fondo del sitio migrado desde tu sitio anterior. */
body {
    background-color: rgba(0, 0, 0, 0.95);
    background-image: url('https://ss-cnt-001c.esmsv.com/r/content/host1/1ac8eac7ac04f83776c5ab646f29ff4b/editor/112.png');
    background-repeat: repeat-y;
    background-position: center center;
    background-size: auto;
}

#catalogPage .product-grids {
        background-color: #000000!important;
    }
#catalogPage .item-details {
    background-color: #000000!important;
}

.container,
.top-area {
    background: #000 !important;
    color: #fff !important;
}

.container,
.container * {
    color: #fff !important;
}

.bg-white {
    background-color: #000 !important;
}

/* Títulos */
.title,
h1,
h2,
h3,
.price {
    color: #fff !important;
    opacity: 1 !important;
}

/* SKU */
.product-info .d-flex span {
    color: #fff !important;
}

.btn-return {
    color: #fff !important;
    background: transparent !important;
}

.btn-return:hover {
    color: #ccc !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
}

#catalogPage .text-444 {
    color: #ffffff !important;
}

/* Contenedor de categorías */
#myUL {
    background-color: #000 !important;
}

/* Todos los enlaces de categorías */
#myUL li a {
    color: #fff !important;
    background: transparent !important;
}

/* Hover */
#myUL li a:hover {
    color: #ccc !important;
}

/* Si hay subcategorías */
#myUL .ul-subcategory {
    background-color: #000 !important;
}

#myUL .ul-subcategory li a {
    color: #fff !important;
}
.container-category,
.container-category p {
    background-color: #000 !important;
    color: #fff !important;
}

/* Variantes de productos */
li[wire\:click] {
    background-color: #000 !important;
    color: #fff !important;
}

li[wire\:click] .subtitle-filter {
    color: #fff !important;
}

li[wire\:click] i {
    color: #fff !important;
}

#catalogPage .text-444,
#catalogPage .text-444 *,
.text-444,
.text-444 * {
    color: #fff !important;
}

.bg-white {
   color: #ffffff;
}

/* Texto */
.text-paginator,
.text-paginator span {
    color: #fff !important;
}

/* Select */
.text-paginator .form-select {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* Opciones del desplegable */
.text-paginator .form-select option {
    background-color: #000 !important;
    color: #fff !important;
}

.bg-white {
    background-color: #000 !important;
}

.text-gray,
.text-444 {
    color: #fff !important;
}

.single-product a {
    color: rgb(255, 255, 255);
}

.container, .container * {
    color: #ffffff !important;
    background-color: #000000;
}

 #catalogPage .breadcrumb-catalogo a.text-444,
#catalogPage .breadcrumb-catalogo span.text-444,
#catalogPage .breadcrumb-catalogo .text-444,
#catalogPage .breadcrumb-catalogo i {
    color: #fff !important;
}

.text-444,
.text-gray,
.text-muted,
.text-secondary,
.text-black,
.text-dark {
    color: #fff !important;
}

.text-444 a,
.text-gray a,
.text-muted a,
.text-secondary a {
    color: #fff !important;
}

.form-control {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #666 !important;
}

.form-control::placeholder {
    color: #ccc !important;
}

.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #000 !important;
    color: #fff !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5l6.5 6 6.5-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 12px;
}

#nav-grid .single-product .product-info h4.title.text-444 {
    color: #fff !important;
}

/* Fondo del modal */
.modal-content {
    background-color: #000 !important;
    color: #fff !important;
}

/* Encabezado */
.modal-header {
    background-color: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

/* Cuerpo */
.modal-body {
    background-color: #000 !important;
    color: #fff !important;
}

/* Títulos y textos */
.modal-title,
.title-filter,
.modal-content p,
.modal-content span,
.modal-content li,
.modal-content a {
    color: #fff !important;
}

/* Enlaces */
.modal-content a {
    text-decoration: none;
}

/* Separadores */
.single-widget {
    border-bottom: 1px solid #333 !important;
}

/* Flechas e íconos */
.modal-content i {
    color: #fff !important;
}

/* Botón "Limpiar filtros" */
#clear-filters {
    color: #fff !important;
}