:root {
    /* -------------------------
       Palette (colores base)
       ------------------------- */
    --palette-white: #ffffff;
    --palette-white-hover: #ddd;
    --palette-black: #000000;
    --palette-black-hover: #333;
    --palette-primary: #1e1e1c;
    /* color principal / accent */
    --palette-secondary: #efc34c;
    /* secundario */
    --palette-hover: #1e1e1c;
    /* hover background */
    --palette-third: #f0e8d4;
    /* tercero */
    --palette-fourth: #a87358;
    /* cuarto */
    --palette-fifth: #FDF9ED;
    /* quinto */
    --palette-accent: #efc34c;
    /* cuarto */
    --palette-muted: #020202;
    /* hover text muted */
    --palette-disabled-bg: #9d9d9c;
    --palette-disabled-color: #f6f6f6;
    --palette-text-gray: #9d9d9c;
    /* primary active color */
    /* header */
    --pallete-upper: #1e1e1c;
    --pallete-menu-bg: #1e1e1c;
    --pallete-cartmenu-bg: #F0E8D4;
    --pallete-upper2: #efc34c;

    /* -------------------------
       Semantic (uso genérico)
       ------------------------- */
    /* textos */
    --text-default: var(--palette-black);
    --text-default-hover: var(--palette-black-hover);
    --text-inverse: var(--palette-white);
    --text-inverse-hover: var(--palette-white-hover);
    --text-primary: var(--palette-primary);
    --text-secondary: var(--palette-secondary);
    --text-third: var(--palette-third);
    --text-fourth: var(--palette-fourth);
    --text-muted: var(--palette-muted);
    --text-gray: var(--palette-text-gray);

    /* fondos */
    --bg-surface: var(--palette-white);
    --bg-primary: var(--palette-primary);
    /* CTA principal */
    --bg-secondary: var(--palette-secondary);
    /* CTA secundario / botones */
    --bg-third: var(--palette-third);
    --bg-fourth: var(--palette-fourth);
    --bg-fifth: var(--palette-fifth);
    /* quinto */
    --bg-accent: var(--palette-accent);
    /* acento */
    --bg-hover: var(--palette-hover);
    --bg-muted: #565655;
    /* bg-fifth */
    --bg-disabled: var(--palette-disabled-bg);
    --bg-menu: var(--pallete-menu-bg);
    --bg-cartmenu: var(--pallete-cartmenu-bg);
    --bg-upper: var(--pallete-upper);
    --bg-upper2: var(--pallete-upper2);

    /* bordes */
    --border-primary: var(--palette-primary);
    --border-secondary: var(--palette-primary);
    --border-third: var(--palette-third);
    --border-fourth: var(--palette-fourth);
    --border-hover: var(--palette-hover);
    --border-surface: var(--bg-surface);

    /* estados / utilitarios */
    --state-active-bg: #FDF9ED;
    /* color primary-active */
    --state-disabled-color: var(--palette-disabled-color);

    /* -------------------------
       Component specific
       ------------------------- */
    /* search */
    --search-bg: var(--palette-third);

    /* clock */
    --clock-bg: var(--bg-secondary);
    --clock-contrast-bg: var(--bg-surface);
    --clock-color: var(--text-default);
    --clock-color-alt: var(--text-secondary);

    /* footer */
    --footer-bg: var(--bg-primary);
    --footer-input-border: var(--bg-primary);

    /* boxes / badges */
    --box-dto-bg: var(--bg-primary);
    --retiro-text: #212121;
    --retiro-bg: var(--bg-surface);
    --envio-gratis-text: #212121;
    --envio-gratis-bg: var(--bg-primary);
    --dto-bg: var(--bg-primary);
    --dto-text: #212121;

    /* category / cart / user */
    --category-bg: var(--bg-primary);
    --cart-bg: var(--bg-primary);
    --user-bg: var(--bg-secondary);

    /* inputs / buttons */
    --btn-radius: 5px;
    --btn-padding: 10px 20px;

    /* compat: clock color variant used elsewhere (typo safe) */
    --color-clock-secondary: var(--clock-color-alt);
    --color-clocksecondary: var(--clock-color-alt);

    /* -------------------------
       Legacy mapping (mantener compatibilidad)
       ------------------------- */
    /* --color-white: var(--text-inverse);
    --color-black: var(--text-default);
    --color-primary: var(--text-primary);
    --color-secondary: var(--text-secondary);
    --color-third: var(--text-inverse);
    --color-fourth: var(--bg-accent);
    --color-hover: var(--text-muted);
    --color-primary-active: var(--state-active-bg);
    --bg-third: var(--bg-surface);
    --bg-fourth: var(--bg-surface);
    --bg-fifth: var(--bg-muted);
    --color-disabled: var(--state-disabled-color);

    --bg-search: var(--search-bg);

    --bg-clock: var(--clock-bg);
    --bg-clock-secondary: var(--clock-contrast-bg);
    --color-clock: var(--clock-color);
    --color-clock-secondary: var(--clock-color-alt);

    --bg-footer: var(--footer-bg);
    --border-inputfooter: var(--footer-input-border);

    --bg-boxdto: var(--box-dto-bg);
    --color-retiro: var(--retiro-text);
    --bg-retiro: var(--retiro-bg);
    --color-envioGratis: var(--envio-gratis-text);
    --bg-envioGratis: var(--envio-gratis-bg);
    --bg-dto: var(--dto-bg);
    --color-dto: var(--dto-text);

    --bg-category: var(--category-bg);
    --bg-cart: var(--cart-bg);
    --bg-user: var(--user-bg); */
}

body {
    font-family: "Cabin", sans-serif !important;
}

.facebook-button {
    display: none !important;
}

/* home */
.brand-slider {
    display: none;
}

.home-categories-name {
    font-family: "Cabin";
    font-weight: normal !important;
}

/* Header */
.upper {
    background: var(--bg-upper);
}

.upper2 {
    background: var(--bg-upp2);
}

a#mdf_cp,
a#mdf_cp_nogeo {
    color: var(--text-secondary) !important;
}

#modal-search-predictive .modal-header {
    background: var(--bg-primary);
}

.SEARCH_BOX fieldset {
    border: solid 1px var(--search-bg);
}

.SEARCH_BOX .search_submit {
    background: var(--search-bg);
    right: 0px !important;
    top: 0px !important;
}

.CART_BOX .cart-button .items {
    background: var(--bg-secondary);
    color: var(--text-inverse);
    border: solid 1px var(--border-primary);
}

.CART_BOX .cart-window .btn {
    background: var(--bg-secondary);
    color: var(--text-default);
}

.CART_BOX .cart-window .btn:hover {
    background: var(--bg-hover) !important;
    border-color: var(--bg-hover) !important;
    color: var(--text-inverse);
}

.setp p {
    font-weight: normal;
}

#modal_cp .oca-cp {
    color: var(--text-primary);
    padding: 5px;
}

#modal_cp .modal__close {
    background: var(--bg-secondary);
    color: var(--text-default);
    border: solid 1px var(--border-secondary);
}

#modal_cp .modal__close:hover {
    background: var(--bg-hover);
    color: var(--text-inverse);
    border-color: var(--border-hover);
}

#mmenu .mmenuHeader {
    background: var(--footer-bg);
}

.navbar-default .navbar-brand {
    margin-top: 10px;
}

.cp-container.visible-xs.visible-sm {
    margin-top: 15px;
}

.menu-main #menu-width>li:first-child>a {
    color: var(--text-inverse);
}

.MENU_MAIN .nav>li>a:hover::before,
.MENU_MAIN .nav>li:hover>a::before {
    background-color: var(--text-primary);
}

#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a:hover {
    color: var(--text-muted) !important;
}

.menu-main .nav>li.eventos>a {
    color: var(--text-inverse) !important;
    text-align: center;
    margin-left: 20px;
    padding: 5px;
}

#modal-search-predictive #result-predictive .title {
    color: var(--text-primary);
}

#modal-search-predictive .btnViewAll button,
#modal-search-predictive .btnViewAll a {
    background: var(--bg-secondary) !important;
    color: var(--text-default) !important;
    border: solid 1px var(--text-default) !important;
}

#modal-search-predictive .btnViewAll button:hover,
#modal-search-predictive .btnViewAll a:hover {
    background: var(--bg-hover) !important;
    border-color: var(--border-hover) !important;
    color: var(--text-inverse) !important;
}

#modal-search-predictive #container-predictive .box_image {
    max-height: 200px;
}

.owl-dots .active {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
}

#modal-search-predictive .category_container a:hover {
    color: var(--text-muted);
}

#container-predictive h2 {
    color: var(--text-primary);
}

/* menu */

.menu-main #menu-width>li:first-child>a>* {
    margin-inline: 3px;
}

.menu-main .nav>li>a:hover::before,
.menu-main .nav>li:hover>a::before {
    background-color: var(--text-secondary);
}

.menu-main #menu-width .dropdown-submenu:hover #categories .prods:hover {
    background: var(--bg-primary) !important;
    color: var(--text-inverse) !important;
}

.menu-main #menu-width .dropdown-submenu:hover #categories .prods:hover .dropdown-menu {
    min-height: 350px !important;
}

.menu-main #menu-width .dropdown-submenu:hover #categories {
    min-height: 350px !important;
}

/* reloj */

.Clock {
    background: var(--clock-bg);
}

.Clock h1 {
    color: var(--clock-color);
}

.Clock h2 {
    color: var(--clock-color);
}

.Clock h3 {
    color: var(--clock-color);
}


.Clock .counter {
    background: var(--clock-contrast-bg);
    box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.18);
}

.Clock .counter .reloj {
    width: 100% !important;
}

/* Footer */
footer .upper {
    background: var(--footer-bg);
}

.form-newsletter input.form-control {
    border: solid 1px var(--footer-input-border);
    z-index: 0;
    position: relative;
}

.form-control:focus:not(.autocomplete-search) {
    border: solid 1px var(--footer-input-border) !important;
    border-color: var(--footer-input-border) !important;
}

.form-newsletter button {
    background: var(--bg-secondary);
    color: var(--text-default);
    z-index: 1;
}

.grecaptcha-badge {
    z-index: 2;
}

.form-newsletter button:hover {
    background: var(--bg-hover);
    border-color: var(--border-hover);
    color: var(--text-inverse);
}

footer .menu_footer h4 {
    color: var(--text-fourth);
}

footer .menu_footer ul li a:hover {
    color: var(--text-muted);
}

footer .socials {
    justify-content: start;
}

/* box  */

.badge-financiacion {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-secondary) !important;
}

.PRODUCT_BOX {
    /* outline: 1px solid #e5e5e5; */
}

/* badge envio gratis  ************************/
.badge-enviogratis,
.badge-retiraya {
    color: var(--text-primary);
    border-color: var(--state-active-bg);
    font-size: 13px;
    background-color: var(--state-active-bg);
    display: flex;
    padding: 2px 5px;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: auto;
    line-height: 1em;
    border-radius: 5px;
}

.badge-retiraya {
    color: var(--retiro-text);
    background-color: var(--retiro-bg);
}

.BUTTONBUY,
input[type="submit"] {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-secondary) !important;
    color: var(--text-default) !important;
    /* padding: 10px 20px !important; */
}

._buttonInfinite {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-default) !important;
    padding: 10px 20px !important;
}


.Cart .BUTTONBUY {
    background: var(--bg-secondary);
    color: var(--text-de);
    border: 1px solid var(--border-secondary);
}

._buttonInfinite:hover {
    background: var(--bg-primary) !important;
    border: var(--border-primary) !important;
    color: var(--text-inverse) !important;
    padding: 10px 20px !important;
}

.BUTTONBUY:not(._buttonInfinite):hover,
input[type="submit"]:hover {
    background: var(--bg-primary) !important;
    color: var(--text-inverse) !important;
    border-color: var(--border-primary) !important;
}

.Cart .BUTTONBUY:hover {
    background: var(--bg-primary) !important;
    color: var(--text-inverse) !important;
    border-color: var(--border-primary) !important;
}

.price {
    margin-bottom: 15px !important;
}

.price_wrapper {
    height: 80px;
    justify-content: center;
    align-items: center;
}

.badge-dto {
    padding: 5px;
    margin-left: 0 !important;
    background: var(--dto-bg);
    color: var(--dto-text);
}

.badge-new {
    background: var(--box-dto-bg) !important;
}

.badge-preventa {
    color: var(--text-primary) !important;
    background: linear-gradient(129.21deg,
            var(--clock-bg) 0%,
            var(--clock-bg) 33.33%,
            var(--clock-bg) 66.67%,
            var(--clock-bg) 100%),
        #ffffff !important;
    border-color: var(--text-primary) !important;
}

.cuotaBox {
    align-items: start !important;
    min-height: 65px;
}

.PRODUCT_BOX .price_wo_taxes {
    float: left !important;
    min-height: 30px;
    margin: 5px 0 !important;
    color: var(--text-fourth) !important;
}

.Product .QUANTITY {
    justify-content: start !important;
}

.Product .QUANTITY .BUTTONBUY {
    /* height: 33.5px !important;
    left: 10px !important; */
}

.PRODMENU .BUTTONBUY {
    display: none !important;
}

.PRODUCT_BOX .box_data {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.listview .PRODUCT_BOX .box_data {
    margin: 10px !important;
}

.listview .PRODUCT_BOX .price_wo_taxes {
    text-align: right !important;
}

.listview .B2B.QUANTITY {
    justify-content: end !important;
}

#infiniteContent {
    display: flex;
    flex-direction: column;
}

a.BUTTONBUY._buttonInfinite {
    border-radius: 50px !important;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: var(--text-muted);
}

/* Pagina de categoria */
.accordion-body:not(.filter-1):not(.filter-2) .filter_area a:not(.vm):hover,
.accordion-body:not(.filter-1):not(.filter-2) .filter_area a:not(.vm).checked {
    color: var(--text-fourth);
}

.accordion-body:not(.filter-1):not(.filter-2) .filter_area a:not(.vm):hover::after,
.accordion-body:not(.filter-1):not(.filter-2) .filter_area a:not(.vm).checked::after {
    background: var(--bg-fourth);
    border-color: var(--border-fourth);
}

.noUi-handle {
    background: var(--bg-secondary) !important;
}

.noUi-connect {
    background: var(--bg-hover) !important;
}

.btn-default.filterprices {
    background: var(--bg-secondary) !important;
}

.btn-default.filterprices:hover {
    background: var(--bg-hover) !important;
}

.filter-2 .filter_area a:hover {
    border-color: var(--text-primary);
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: var(--bg-secondary);
}

.tooltip-inner {
    background: var(--bg-secondary);
}

.filter_applied a {
    border: 1px solid var(--border-fourth) !important;
    color: var(--text-fourth) !important;
    background: var(--text-inverse) !important;
    margin-top: 10px;
}

.filter_applied a:hover {
    border: 1px solid var(--border-fourth) !important;
    background: var(--bg-fourth) !important;
    color: var(--text-inverse) !important;
}

/* PDP */

.linkDescription {
    color: var(--text-primary);
}

.linkDescription:hover {
    color: var(--text-primary);
}

a.btn-calc2 {
    color: var(--text-primary);
}

#containetPostalCode #searchPostalCode .input-group .searchPC {
    background: var(--bg-primary);
}

#containetPostalCode #txtSearchPostalCode {
    color: var(--text-primary);
}

.TabShippingPickupContainer .titlePC a,
.titleAllStore a {
    color: var(--text-primary);
}

.TabShippingPickupContainer .titlePC h5 {
    font-weight: normal;
}

.BUY .BUTTONBUY.b1,
.BUY .BUTTONBUY.b2 {
    padding: 15px 0 !important;
}

.BUY .BUTTONBUY.b1 {
    background: var(--bg-secondary);
    font-weight: bold !important;
}

.BUY .BUTTONBUY.b2 {
    background: var(--bg-fifth) !important;
    border: 1px solid var(--bg-fourth) !important;
    color: var(--text-fourth) !important;
    font-weight: bold !important;
}

.BUY .BUTTONBUY.b1:hover,
.BUY .BUTTONBUY.b1:focus,
.BUY .BUTTONBUY.b1:active {
    background: var(--bg-hover);
    color: var(--text-default);
}

.BUY .BUTTONBUY.b2:hover,
.BUY .BUTTONBUY.b2:focus,
.BUY .BUTTONBUY.b2:active {
    background: var(--bg-fourth) !important;
    border: 1px solid var(--border-fourth) !important;
    color: var(--text-third) !important;
}

.bloques-info svg {
    display: none;
}

.bloques-info .btn-calc {
    display: none;
}

div#RELATED.anchor {
    max-width: 100% !important;
}

.PRODMENU .prodmenu-nav li.active a::before,
.PRODMENU .prodmenu-nav li a:hover:before {
    background: var(--text-primary);
}

.PRODUCT_BOX_RELATED_PDP .badge-financiacion {
    width: 145px;
}

#shipping-option .shipping-PDP li label .sh_price,
#shipping-option .gratis {
    color: var(--text-primary);
    padding-left: 5px;
}

.map-container-PDP .container-store a:hover,
#panelTabShippingPickup .nav-tabs>li a:hover {
    color: var(--text-primary);
}

/* Modales */

.modal-title {
    margin-left: 10px;
}

.modal-title h4 {
    font-weight: normal;
}

.modal-header {
    background: var(--footer-bg);
}

#all-sucursales-pickup .pickup-now-title h4.pickup-now-txt .now {
    color: var(--text-primary);
}

.modal-footer .btn {
    background: var(--bg-secondary);
    color: var(--text-default);
}

.modal-footer .btn:hover {
    background: var(--bg-hover) !important;
    border-color: var(--border-hover) !important;
    color: var(--text-inverse);
}

.modal-body .BUTTONBUY {
    background: var(--bg-secondary);
}

.modal-body .BUTTONBUY:hover {
    background: var(--bg-hover);
}

.modal-body .form-group a {
    color: var(--text-primary);
}

/* Sucursales */

.selxnombre {
    background: var(--bg-primary);
}

.selectors-container h4 {
    opacity: 1 !important;
    font-weight: normal !important;
}

/* cart */

.backsite a {
    color: var(--text-default) !important;
    font-weight: normal;
}

.backsite.bk2.add a {
    color: var(--text-fourth) !important;
    font-size: 1.3em;
    font-weight: bold;
}

.backsite a:hover {
    color: var(--text-default) !important;
}


.backsite.bk2.add a:hover {
    color: var(--text-fourth) !important;
}

.Cart.Index .BUTTONBUY {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--bg-primary) !important;
    color: var(--text-default);

}

.cupon_wrapper .cupon button {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--bg-primary) !important;
    color: var(--text-default);
}


.Cart aside .BUTTONBUY:hover,
.cupon_wrapper .cupon button:hover {
    background: var(--bg-hover) !important;
    border-color: var(--bg-hover) !important;
}

.Cart .alert-danger {
    /* background-image: linear-gradient(to bottom,var(--bg-fifth) 0,var(--bg-cartmenu) 100%); */
    background: var(--bg-fifth);
    color: var(--text-fourth);
    border: 1px solid #eee;
    font-size: 1.15em;
}

.Cart .alert-danger span {
    font-weight: bold;
    font-size: 1.2em;
}

.cupon_wrapper .cupon input {
    background: transparent;
}

.loginbuttons a {
    color: var(--text-primary);
}

.loginbuttons a:hover {
    color: var(--text-secondary);
}

body.Cart #wrap>.container>.row>aside .card.violet,
body.Cart #wrap>.container>.row>div .card.violet,
.card.violet.no-shadow {
    background: var(--state-active-bg);
    border: 1px solid var(--border-fourth);
}

.cupon_wrapper .cupon .title {
    color: var(--text-fourth);
    font-weight: normal;
}

.cupon_wrapper .cupon #cupon.in,
.cupon_wrapper .cupon #cupon.collapsing {
    background: transparent;
}

.cupon_wrapper .cupon button {
    font-weight: normal;
}

#total-section .subt {
    color: var(--text-primary);
}

#total-section .dto {
    color: var(--text-primary);
}

#total-section .total {
    color: var(--text-primary);
}

.form-control {
    font-weight: normal;
    font-family: "Cabin", sans-serif;
}

.GuestForm>h3 {
    font-weight: normal;
}

#_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
    font-weight: normal;
}

.btn-color-mode-switch>label.btn-color-mode-switch-inner:after {
    background: var(--bg-fourth);
}

.cart-lupa-cp {
    background: var(--bg-secondary);
}

.cart-lupa-cp:hover {
    background: var(--bg-hover) !important;
}

.ship-postal-code-idk {
    color: var(--text-primary) !important;
}

.ship-postal-code-idk:hover {
    color: var(--text-secondary) !important;
}

.container_close a {
    color: var(--text-primary);
}

body.Cart.Order aside h3 {
    color: var(--text-fourth);
}

.selected-postalcode {
    color: var(--text-primary);
}

#SHIPPING .item span {
    font-size: 13px;
}

#ship-send label {
    background: var(--state-active-bg);
}

#ship-send label.active {
    border-color: var(--border-fourth);
    background: var(--state-active-bg);
}

#ship-send label .sh_price {
    color: var(--text-primary);
    margin-left: 0;
    font-size: 20px;
}

.gratis {
    color: var(--text-primary);
    font-weight: normal;
}

.btn-submit {
    background: var(--bg-secondary);
    color: var(--text-default);
    border: 1px solid var(--border-primary) !important;
}

.btn-submit:hover,
.btn-submit:active {
    background: var(--bg-hover);
}

/* select:focus > option:checked {
    background-color: var(--bg-secondary) !important;
    color: var(--text-inverse) !important;
} */

.checkStep::before {
    background: var(--bg-secondary);
}

.SwitchOn {
    background: var(--bg-secondary) !important;
}

#backToGrouper {
    background: var(--bg-fourth) !important;
}

.Cart .buttonNext input {
    max-width: unset !important;
}

.Cart .buttonNext input,
.jumbotron .btn {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-default) !important;
}

.Cart .buttonNext input:hover {
    background: var(--bg-hover) !important;
}

.Cart .jumbotron .btn:hover {
    background: var(--bg-hover) !important;
}

.Cart.Process .BUTTONBUY {
    height: 50px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Cart.Process .FAQ .faq-info,
.Cart.Process #user-section .user_email,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.data_container .sub.dto,
.buy_ok .info.cancelada h3 {
    color: var(--text-primary) !important;
    font-family: "Cabin";
    font-weight: bold;
}

.Cart .datosUser div a {
    color: var(--text-fourth);
}

.buy_ok .info ul li:before {
    color: var(--text-secondary);
}

.Cart.Process .pedido span {
    background-color: var(--cart-bg);
    color: var(--text-inverse);
}

.Cart.Process .pedido span strong {
    color: var(--text-inverse);
}

.Cart.Process .pedido span::after {
    border-top: 12px solid var(--cart-bg);
}

#ShippingUpdate .user_wrapper h3 {
    color: var(--text-primary);
}

#USER_DATA .userinfo {
    color: var(--cart-bg);
}

.Favs #product_list span .BUTTONBUY {
    display: none;
}

.btbottom .btn {
    font-size: 1em;
    background: var(--bg-secondary) !important;
    height: 40px;
    line-height: 37px;
}

.datosUser.default {
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    background: var(--state-active-bg);
    border: 1px solid var(--border-fourth);
}

.datosUser.default::before {
    color: var(--bg-fourth);
}

.User .datosUser.default::before {
    color: var(--text-primary);
}

#SHIPPING .active .item,
#PAYMETHOD .sps-options li.selected {
    background: var(--bg-surface) !important;
    border-color: var(--text-inverse) !important;
}

.paymethodBox.active .item {
    border: 3px solid var(--border-fourth) !important;
    background: var(--state-active-bg) !important;
}

.paymethodBox.active .item span span {
    font-weight: bold !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.paymethodBox .item span span {
    font-size: 18px !important;
}

.div-submit-paymethod {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#PAYMETHOD .item span em {
    font-weight: normal !important;
}


/* calculadora */
#c-pagoModal .modal-body {
    background: var(--text-inverse) !important;
}

#paytabs [id*="btn_"].active {
    border-bottom: 1px solid var(--text-primary) !important;
}

.conteiner_Close button {
    background: var(--bg-secondary);
}

.conteiner_Close button:hover {
    background: var(--bg-hover);
}

#mapa .mapa-list li a.active {
    border: 2px solid var(--text-primary);
}

#mapa .mapa-list li a:hover,
#mapa .mapa-list li a.active {
    background: var(--state-active-bg);
    border-color: var(--border-fourth);
}

#mapa .mapa-list .loc-SubText {
    color: var(--text-primary);
}

.loc-type.propio::before {
    background-image: url(/Content/Images/pin-envio-rdo.svg);
}

/* user */

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary,
#SiteShippingUpdate .modal-body .BUTTONBUY,
.Orders .user_wrapper table .btn-default {
    background: var(--bg-secondary);
}

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary:hover,
#SiteShippingUpdate .modal-body .BUTTONBUY:hover,
.Orders .user_wrapper table .btn-default:hover {
    background: var(--bg-hover) !important;
}

#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button {
    color: var(--text-primary);
}

#_modalRegister #User.modal-dialog .modal-content .user_wrapper h4 {
    color: var(--text-default);
    font-weight: normal;
}

h5.logueado span {
    color: var(--text-primary);
}

.User .menu_tree a:hover {
    border-color: var(--text-primary) !important;
}

.totalorders {
    margin-top: 10px;
    color: var(--bg-secondary);
}

.Orders .user_wrapper table th {
    padding: 5px !important;
    background: var(--bg-primary);
    color: var(--text-inverse);
}

.table>thead>tr>th {
    text-align: center;
    vertical-align: middle;
}

.table>tbody>tr>td {
    text-align: center;
    vertical-align: middle;
}

.Orders .user_wrapper>h3.titleName strong {
    color: var(--text-primary);
}

.data_container .subtotales .sub.total.lightblue {
    color: var(--clock-color-alt);
}

/* paginas de contenido */

.faq_list .item>a {
    border-color: var(--text-primary);
    color: var(--text-primary);
}

.faq_list .item .tab-pane {
    border-color: var(--text-primary) !important;
}

.long_desc a {
    color: var(--text-primary);
}

.pcms-contact.btn {
    background: var(--bg-secondary);
    padding: 12px 10px;
}

.pcms-contact.btn:hover {
    background: var(--bg-hover) !important;
}

.b-servicios .item {
    margin-block: 10px;
    flex-wrap: nowrap;
}

/* Responsive */
@media (min-width: 1599px) {}

@media (min-width: 1439px) {}


@media (max-width: 1270px) {
    .b-servicios .item .icono {
        height: 80px !important;
        width: 80px !important;
    }

    .item .texto {
        text-align: center;
    }
}

@media (max-width: 1199px) {
    #categs-slider .owl-stage-outer {
        display: block !important;
    }

    .b-servicios .item {
        flex-direction: row !important;
        max-width: 300px !important;
        justify-content: space-between !important;
    }
}

@media (max-width: 991px) {
    #categs-slider .owl-stage-outer {
        display: block !important;
    }

    .btfilter-open {
        background: var(--category-bg);
    }

    .xheader {
        background: var(--category-bg);
    }

    .PRODMENU .dropdown {
        background: var(--category-bg);
    }

    .PRODMENU .dropdown ul li a {
        background: var(--bg-secondary) !important;
        color: var(--text-inverse) !important;
        border-top: 1px solid var(--text-secondary);
    }

    .PRODMENU .dropdown ul li a:focus,
    .PRODMENU .dropdown ul li a:hover,
    .PRODMENU .dropdown ul li a.active {
        background: var(--bg-secondary) !important;
        color: var(--text-inverse) !important;
        border-top: 1px solid var(--text-secondary);
    }

    .conteiner-img .txt {
        font-size: 13px;
    }

    .pull-right {
        float: none !important;
    }
}

@media (max-width: 767px) {
    #categs-slider .owl-stage-outer {
        display: block !important;
    }

    .PRODUCT_BOX:hover h3 {
        color: var(--text-muted) !important;
    }

    .browse_area1 {
        background: var(--category-bg);
    }

    .conteiner-img .txt {
        font-size: 13px;
    }

    .Cart header {
        background: var(--bg-primary);
    }

    .stepsHeader_mobile {
        padding-top: 10px;
    }

    .Cart.Order .backsite a {
        color: var(--text-inverse) !important;
    }

    .filter_mobile div {
        color: var(--text-primary);
    }

    .stepsHeader_mobile_move {
        background: var(--cart-bg);
    }

    .stepsHeader {
        background: var(--cart-bg);
    }

    .User .menu_tree a {
        background: var(--user-bg);
    }

    .User .menu_tree a:hover {
        background: var(--bg-secondary);
    }

    .Clock .main .info {
        color: var(--clock-color-alt);
    }

    .Clock .counter .reloj {
        width: 100% !important;
    }

    .PRODUCT_BOX h3 {
        margin-bottom: unset;
    }

    .b-servicios .banner-item {
        width: 100% !important;
    }
}

@media (min-width: 767px) {
    .PRODUCT_BOX:hover h3 {
        color: var(--text-muted) !important;
    }
}

@media (max-width: 479px) {
    #categs-slider .owl-stage-outer {
        display: block !important;
    }

    .newsletter .form-newsletter {
        width: 100% !important;
    }

    .gridview .PRODUCT_BOX h3 {
        text-align: center;
        height: 45px;
    }

    .badge-dto {}

    .PRODUCT_BOX h3 {
        max-width: 131px;
    }

    .BUY .innerbanner span {
        text-align: left;
    }

    .PRODUCT_BOX_RELATED_PDP .badge-financiacion {
        width: 110px;
    }

    #ui_Resumen_mobile .card.violet {
        border: 1px solid var(--bg-secondary) !important;
    }

    #ui_Total_mobile {
        background: var(--bg-surface);
    }

    .Drop_Up_mobile:hover {
        color: var(--text-primary);
    }

    .badge-financiacion {
        width: 110px !important;
    }

    .b-servicios .banner-item {
        width: 100% !important;
    }

    .b-servicios .icono {
        height: 75px !important;
        width: 75px !important;
        margin: 0 !important;
    }

    .item .texto {
        width: 190px !important;
    }
}

.PRODUCT_BOX .price {
    margin-bottom: 5px !important;
}

.PRODUCT_BOX .price_wo_taxes {
    margin: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #616161;
    width: 100%;
    text-align: center;
    order: 4;
}

.PRODUCT_BOX_RELATED_PDP .price_wo_taxes {
    justify-content: start;
    text-align: left;
    margin-top: 0;
}

.PRODUCT_BOX .price_wo_taxes span {
    margin-left: 5px;
}

/*Precio sin impuestos*/
.caja .price_wo_taxes {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #616161;
    order: 4;
    width: 100%;
}

.caja .price_wo_taxes span {
    margin-left: 5px;
}

.price_wrapper {
    height: unset !important;
}

@media (max-width: 767px) {
    .form-newsletter input.form-control {
        height: 50px !important;
    }
}

@media (max-width: 479px) {
    .PRODUCT_BOX h3 {
        max-width: unset;
    }

    .form-newsletter button {
        border: 1px solid var(--border-secondary);
        border-radius: 100px;
        height: 40px !important;
        top: 2px !important;
    }

    .form-newsletter input.form-control {
        height: 43px !important;
    }
}

.row_line {
    border-top: 2px solid var(--border-fourth) !important;
}

/* Diseño personlizado - puede no ir */

.BUTTONBUY,
.Clock .counter,
.SEARCH_BOX fieldset,
.form-newsletter input.form-control,
.BUY .BUTTONBUY.b1,
.BUY .BUTTONBUY.b2,
.PRODMENU .BUTTONBUY,
.CART_BOX .cart-window .btn,
.Process .jumbotron .btn.BUTTONBUY,
.post-user-create,
.btn-default {
    /* border-radius: 5px !important; */
}

.Favs #product_list .BUTTONBUY {
    color: var(--text-default) !important;
    border-radius: 20px !important;
}

.Favs #product_list .BUTTONBUY :hover {
    color: var(--text-inverse) !important;
}


.btn-default,
.btn-primary {
    background: var(--bg-secondary) !important;
    color: var(--text-default) !important;
    border: 1px solid var(--text-default) !important;
    /* border-radius: 5px !important; */
}

.btn-default:hover,
.btn-primary:hover {
    background: var(--bg-hover) !important;
    color: var(--text-inverse) !important;
    border-color: var(--bg-hover) !important;
    /* border-radius: 5px !important; */
}

.newsletter h3 span,
.newsletter p {
    color: var(--text-inverse);
}

#list-shipping ol li label .info-shipping span.gratis {
    color: var(--bg-hover) !important;
}

.SEARCH_BOX .search_submit:hover svg {
    opacity: 1 !important;
}

.Cart header,
.Cart header .main {
    background: var(--bg-cartmenu);
}

header .main {
    background: var(--bg-menu);
}


#CP span {
    color: var(--text-inverse) !important;
}

.nav>li>a>img {
    filter: invert(1);
}

.LOGIN_BOX .login-button .i-login,
.CART_BOX .cart-button .i-cart {
    filter: invert(1);
}

.menu-main .nav>li>a {
    color: var(--text-inverse);
}

.menu-main .nav>li>a:focus,
.menu-main .nav>li>a:hover,
.menu-main .nav>li:hover>a {
    text-decoration: none;
    background-color: transparent !important;
    color: var(--text-inverse-hover) !important;
}

.form-newsletter button {
    border: 1px solid var(--border-secondary);
    border-radius: 100px;
    height: 46px;
    top: 2px;
    right: 3px;
    width: 128px;
}

.Clock .main .info {
    font-weight: 600 !important;
    font-family: "Cabin";
    color: var(--clock-color-alt);
}

.Clock .main .unit {
    color: var(--text-secondary);
    font-family: "Cabin" !important;
    font-weight: bold !important;
}

.box_data.ajax .badge-dto,
.price_onepayment .badge-dto.money,
.BUY .price_wrapper .badge-dto {
    background: var(--bg-white) !important;
    color: var(--text-fourth) !important;
}

.price_onepayment .sinTachado {
    color: #59585a !important;
    font-family: "Cabin" !important;
    font-weight: bold !important;
}

.price_onepayment .sinTachadoTitulo {
    color: #59585a !important;
    font-family: "Cabin" !important;
    font-weight: normal !important;
}

.banner-item img {
    max-height: 635px;
}

ul.shipping-PDP label {
    color: var(--text-default) !important;
    font-weight: unset;
}

ul.shipping-PDP label .specs {
    color: var(--text-secondary) !important;
    padding-left: 5px;
}

.BUY .price_wrapper .price_wo_taxes {
    font-weight: bold;
    font-size: 12px;
}

label {
    color: var(--text-default) !important;
    font-weight: 400 !important;
}

#backToGrouper label {
    font-weight: normal !important;
    color: var(--text-inverse) !important;
}

#categs-slider .owl-stage-outer {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
}

/* banner 4 iconos */
.main-slider {
    margin-bottom: 30px !important;
}

.b-servicios {
    padding-top: 15px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
}

.b-servicios .banner-item {
    width: 80% !important;
    flex-wrap: wrap;
}

.item .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.item .texto a {
    color: var(--text-primary);
}

a[title="Boton de arrepentmiento"] {
    background-color: var(--bg-accent) !important;
    border: 1px solid var(--bg-primary) !important;
    color: var(--text-default) !important;
}

a[title="Boton de arrepentmiento"]:hover {
    background-color: var(--bg-primary) !important;
    color: var(--text-inverse) !important;
}

/* socials */

.socials {
    margin-block: 20px;
    justify-content: center;
    width: 150px !important;
}

.socials i {
    font-size: 18px;
    margin-right: 15px;
    color: var(--text-fourth) !important;
}

.socials i:hover {
    color: var(--bg-accent) !important;
}

/* 
footer .menu_footer h4 {
    margin: 0;
    font-size: 12px;
} */



/* B2B */

.codeid:not(.Product .codeid) {
    position: absolute;
    top: 10px;
    background: var(--bg-secondary);
    z-index: 2;
}

.codeid .sku:not(.Product .codeid .sku) {
    color: var(--text-inverse) !important;
    padding: 3px 7px;
}

/* .B2B .REGISTRO {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-default) !important;
}

.B2B .REGISTRO:hover, .B2B .REGISTRO:focus, .B2B .REGISTRO:active {
    background: var(--bg-hover) !important;
    border-color: var(--border-hover) !important;
    color: var(--text-inverse) !important;
} */

.caja .REGISTRO {
    max-width: 300px !important;
    margin-top: 15px !important;
}

.PRODUCT_BOX .REGISTRO {
    max-width: 250px !important;
    margin-top: 15px !important;
}

.Product .long_desc,
.Product .short_desc {
    padding: unset;
    padding-block: 20px;
}


.LOGIN_BOX .login-button strong {
    color: var(--text-inverse) !important;
}

.LOGIN_BOX .login-button strong:hover {
    color: var(--text-secondary) !important;
}


@media (max-width: 476px) {

    .LOGO,
    .LOGO-FOOTER img {
        width: 50px !important;
    }
}

@media (min-width: 477px) {

    .LOGO,
    .LOGO-FOOTER img {
        width: 75px !important;
    }
}

@media (mmin-width: 767px) {

    .LOGO,
    .LOGO-FOOTER img {
        width: 96px !important;
    }
}

@media (min-width: 1199px) {

    .LOGO,
    .LOGO-FOOTER img {
        width: 75px !important;
    }
}

.Clock h3:before {
    filter: invert(1);
}

.gratis {
    color: var(--text-secondary) !important;
}

small.shippingMethod-detail-small::before {
    background-image: unset !important;
    content: unset !important;
}

#ship-send label.active .nombre-envio {
    font-weight: normal;
}

.hamburguer span {
    background: var(--text-inverse);
}

.LOGIN_BOX .login-button::after {
    color: var(--text-inverse);
}

.Cart .form-control {
    height: 50px !important;
}

.long_desc h2 {
    color: var(--text-fourth) !important;
}



.BOX .REGISTRO.BUTTONBUY {
    border-radius: 20px !important;
}


/* Procees Order */

.Cart.Process .jumbotron h2 {
    font-weight: bold !important;
    font-family: "Cabin", sans-serif !important;
}

.Cart.Process .data_container .product {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
}

.Cart.Process .data_container .product .d-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.data_col1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
    justify-content: space-between !important;
}

.data_col1>* {
    margin-block: 2px !important;
}

.data_col1 .qty {
    color: var(--text-gray) !important;
    font-size: 12px !important;
}

.Cart.Process .data_row.sector-info>div::before {
    top: 0 !important;
}

.sector-info>* {
    margin-block: 10px !important;
}

.sector-info .data_col1 h4 {
    font-weight: bold !important;
}

.data_container span {
    font-family: "Cabin", sans-serif !important;
}

.btn_seguir {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-inverse) !important;
}

.Compare .corner,
.Compare thead th {
    background: var(--bg-primary) !important;
    color: var(--text-inverse) !important;
}

.Compare table .BUTTONBUY,
.Orders .user_wrapper .buttonBack {
    border-radius: 20px !important;
}

.tr_buy .BUTTONBUY {
    font-size: 1.05em !important;
    margin: 0 auto;
    padding: 6px 14px !important;
    float: unset;
}


.setp circle.currentStep {
    background: var(--bg-fourth) !important;
}

.setp circle.checkStep {
    width: 0 !important;
    height: 0 !important;
    border-radius: unset !important;
    border: unset !important;
    background: transparent !important;
    margin: 0px 10px 0px 0px !important;
    order: 1;
}

.checkStep::before {
    background: var(--bg-secondary);
    content: '✔';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: transparent;
    color: #e5b35a;
    border-radius: 50%;
    margin-right: 0px;
    font-size: 12px;
    top: -10px;
    left: -15px;
    font-size: 18px;
}


.info-container {
    display: flex;
    align-items: center;
    /* Alineación vertical perfecta */
    gap: 10px;
    /* Espacio entre icono y texto */
    font-family: "Cabin", sans-serif;
    color: #808080;
    padding-bottom: 10px;
    /* Color gris oscuro suave */
}

.info-container .icon {
    font-size: 18px;
    /* Tamaño del icono */
    color: #acacac;
    /* Color del pin ligeramente más claro */
}

.info-container .text {
    font-size: 17px;
    margin: 0;
    font-weight: 400;
    /* Peso normal de la fuente */
}


[id*="Quantity_"] a {
    background: #e8e8e8;
}

#cart-table a.remove {
    background: #616060;
    width: 20px;
    border-radius: 50%;
}

#cart-table a.remove:before,
#cart-table a.remove:after {
    background-color: #fff;
    left: 5px;
    width: 12px;
}


.PRODUCT_BOX_RELATED_PDP .BUTTONBUY {
    display: none !important;
}