/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/

:root {
    --vt-header-ha: 78px;

    /* surface 1 */
    --surface-1: #f6f6f6;
    --text-1: #232323;

    /* surface 2*/
    --surface-2: #FFFFFF;
    --text-2: #232323;
    --text-2-desc: #888585;

    /* Surface 3: footer y superficies gris antracita */
    --surface-3: rgb(35, 35, 35);
    --surface-3-title-text: #ffffff;
    --surface-3-text: #ffffff;
    --surface-3-color-link: #ffffff;
    --surface-3-color-icon: #ffffff;
    --surface-3-border-color: #d50027;

    /* Surface 4: cabeceras menú burguer */
    --surface-4: #f1f0f0;
    --surface-4-title-text: #232323;
    --surface-4-text: #666;
    --surface-4-color-link: #d50027;
    --surface-4-color-icon: #d50027;
    --surface-4-border-color: #d50027;


    --color-price-1: #d50027;

    --color-link-1: #d50027;
    --color-link-1-hover: #b40d2b;
    --color-link-3-hover: #000000;

    --color-border-1: #d9d9d9;
    --color-border-2: #ffffff;

    /*--color-btn-1-bg: #009100;*/
    --color-btn-1-text: #ffffff;

    --color-btn-2-bg: #030001;
    --color-btn-2-text: #ffffff;

    --color-btn-1-bg: #030001;
    --color-btn-1-text-hover: #ffffff;
    --color-btn-bg-hover: #313131;
    --color-btn-1-bg-hover: #313131;
    --vt-max-weight-content: 1324px;


    --btn-st1-surface: #009100;
    --btn-st1-text: #FFF;

    --btn-st1-surface: #009100;
    --btn-st1-text: #FFF;


    --btn-st1-surface: #009100;
    --btn-st1-text: #FFF;

    --btn-st1-surface: #009100;
    --btn-st1-text: #FFF;

    /* Tipografías */
    --title-font: 'Noto Sans', 'Roboto', sans-serif;
    --paragraph-font: 'Noto Sans', 'Roboto', sans-serif;

    /* Anchos y bordes */
    --main-max-width: calc(100vw - 15%);
    --standard-padding: 20px;
    --no-padding: 0;
    --border-radius-st1: 0;
    --border-radius-st2: 4px;
    --border-radius-st3: 10px;
    --border-radius-st4: 50px;
    --border-radius-st5: 3px;
    /*0.5em*/

}


/* _______________________________________-- ESTILOS GENERALES */

/*
body,*/
html {

    background-color: #dae1f930;
}

body {
    font-family: var(--paragraph-font);
    font-size: 14px;
    line-height: 1.4;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    background-color: var(--surface-1);
    color: var(--text-1);
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    outline-offset: unset;
}

.btn {
    font-size: .85rem;
}

button.btn.btn-primary.btn-card-small.btn-not-stok:hover {
    background: black;
}

/* Agrega un efecto de transición suave al botón */
.btn.btn-primary.btn-card-small {
    transition: transform 0.3s ease;
}

/* Agrega el efecto de escala al botón cuando el mouse está sobre él */
.btn.btn-primary.btn-card-small:hover {
    transform: scale(1.1);
    /* Puedes ajustar el valor según tus preferencias */
    /* También puedes agregar otras propiedades de transformación para diferentes efectos */
}

/* ____________________________________ Header */

#header .header-nav .cart-preview.active {
    background: var(--color-btn-1-bg)
}

a.account:hover {
    color: var(--color-link-1-hover);
}

.user-info .hidden-sm-down:hover {
    color: var(--color-link-1-hover);
}

#contact-link a:hover {
    color: var(--color-link-1-hover);
}


.language-selector button:hover .expand-more,
.language-selector button:hover i.expand-more {
    color: var(--color-link-1-hover);
}

.currency-selector button:hover .expand-more,
.currency-selector button:hover i.material-icons.expand-more {
    color: var(--color-link-1-hover);
}

.user-info a:hover {
    color: var(--color-link-1-hover) !important;
}

.user-info a:hover i.material-icons {
    color: var(--color-link-1-hover) !important;
}


#header .header-nav .blockcart {
    height: 3rem;
    padding: 0.75rem;
    margin-left: 0.9375rem;
    text-align: center;
    white-space: nowrap;
    background: var(--color-btn-1-bg);
}

#header .header-nav .cart-preview .shopping-cart {
    color: var(--color-btn-2-text);
    vertical-align: middle;
}

.header>span.hidden-sm-down {
    color: var(--color-btn-3-text);
}

.header a:hover,
.header a:hover .shopping-cart {
    color: var(--color-link-3-hover);
}

.vt-menu-m.vt-st2 .vt-menu-link.vt-a-0 .vt-menu-lab {
    text-transform: uppercase;
    font-size: 0.73rem;
    /*font-weight: 600;*/
    /*letter-spacing: 0.5px;*/
}


/* ____________________________________ Productos */

.vt-total-products {
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
}

.product-miniature .product-title a {
    font-size: 0.8em;
    font-weight: 700;
    color: var(--text-1);
    text-align: left;
    line-height: 1.2;
    display: block;
    margin-bottom: .2em;
}

.product-miniature .product-title {
    text-align: left;
}

.product-miniature .thumbnail-container .product-thumbnail img {
    border: 1px solid #ececec;
}

.product-miniature span.price {
    font-size: 1.6em;
    color: var(--color-price-1);
}

#product .product-price-and-shipping {
    justify-content: center;
}

article.product-miniature.js-product-miniature:hover {
    border-radius: var(--border-radius-st2);
    box-shadow: 0px 2px 10px 2px #e8e8e8;
}

.product-flags li.product-flag {
    border-radius: var(--border-radius-st1);
    background: var(--color-btn-1-bg);
    font-weight: bold;
    font-size: 15px;
}

.product-miniature .product-description {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 0 18px 1em;
    gap: 5px;

}

.product-miniature .product-price-and-shipping {
    font-weight: 700;
    text-align: left;
    display: flex;
    gap: 0.5em;
    align-items: baseline;
}


.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage {
    background-color: var(--color-btn-2-bg);
    font-weight: bold;
}

.product-flags li.product-flag.on-sale {
    background: var(--color-btn-1-bg-hover)
}

.product-flags li.product-flag.out_of_stock {
    background-color: #acacac;
}

.products article button.wishlist-button-add {
    top: 5px;
    right: 11px;
    padding: 14px;
    color: #c6c6c6;
    background: #ffffff;
    z-index: 2;
}

button.wishlist-button-add:hover {
    background: var(--color-btn-1-bg-hover);
    color: #ffffff;
    transform: scale(1.1);
}

.products article button.wishlist-button-add:hover {
    background: var(--color-btn-1-bg);
    color: #ffffff;
    transform: scale(1.1);
}


.dropdown .expand-more:hover {
    color: var(--color-link-1-hover);
}

.product-miniature .highlighted-informations .quick-view:hover {
    font-size: 0.8rem;
    color: var(--color-link-1-hover);
}

.product-miniature .highlighted-informations .quick-view {
    font-size: 0.8rem;
    font-weight: bold;
    color: var(--color-link-1-hover);
    display: flex;
    justify-content: center;
}

.product-miniature .regular-price {
    color: #ababab;
}

.product-actions .add-to-cart {

    padding-top: 0rem;
    transition: 0.4s;
}

.product-actions .add-to-cart:hover {
    transform: scale(1.05);
}

#products .products-section-title,
.featured-products .products-section-title,
.product-accessories .products-section-title {
    margin: 2.5rem 0;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
}

#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: var(--color-link-1);
}

span.cart-products-count {
    color: var(--color-btn-2-text);
}


#contact-link a:hover {
    color: black;
}

.product-miniature .thumbnail-container,
#product .vtui-pro-res-content,
#product .product-cover img,
#product .page-product-box,
.fancybox-skin {
    border-radius: var(--border-radius-st2);
}

.fancybox-wrap.fancybox-opened {
    width: 95% !important;
    max-width: 410px;
    height: auto;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%);
    left: 50% !important;
}

.fancybox-inner {
    width: 100% !important;
    height: 100% !important;
    min-height: 470px;
}

.fancybox-skin {
    background-color: #fff;
}

/* Botón "Envíanos una consulta" / "Send us your question" */

.page-product-box {
    display: flex;

    padding: 1em 2em;
    justify-content: center;
    background-color: #FFF;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    margin-top: 1em;
}

.fancybox-skin #form_consulta {
    height: auto;
    min-height: 420px;
    max-width: 320px;
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.lgconsultas_button,
.fancybox-skin #submit_consulta {
    border: 1px solid #d6d4d4;
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 18px;
    max-width: 300px;
    margin: 0 auto !important;
    padding: 15px;
    text-align: center;
    height: auto;
    font-weight: bold;
    border-radius: var(--border-radius-st2) !important;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    margin-top: 20px;
    width: 100%;
    max-width: 320px;
}

#form_consulta .condiciones {
    display: flex;
    /* float: left; */
    padding-top: 18px;
    position: absolute;
    color: #000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    flex-direction: column;
    gap: 0.3rem;
    max-width: 320px;
}

#form_consulta .bloque_form {
    height: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

#form_consulta .bloque_form textarea {
    height: 100px;
    width: 100%;
}

#form_consulta .bloque_form input {
    width: 100%;
}


@media (max-width: 768px) {
    .btn-card-small i {
        display: none;
        /* Oculta el icono en dispositivos móviles */
    }

    .btn-card-small {
        font-size: 10px;
        min-height: 1.2rem;
        padding-left: 10px;
    }


}

.sr-date {
    font-size: 11px;
    ;
}

.product-actions .add-to-cart .material-icons {
    display: flex;
    align-items: center;
}


.has-discount .page-content.page-cms ul,
.has-discount p,
.has-discount.product-price,
.page-content.page-cms .has-discount ul {
    color: var(--color-price-1);

    margin-top: 20px;
    font-weight: 700;

}

.has-discount .discount {
    background-color: var(--color-btn-1-bg);
    border-radius: var(--border-radius-st5);
}

#product-availability .product-last-items,
#product-availability .product-unavailable {
    color: var(--color-btn-1-bg);
}

.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover {

    border-radius: var(--border-radius-st2);
    border: solid 0px;
}

.tabs .nav-tabs .nav-link.active {
    color: var(--color-link-1);
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: var(--color-link-1) 3px solid;
}

.vtui-info-pro-sell {

    padding: 0em;
    border: 0;
}

.vtui-pro-head {
    gap: 60px;
}

#product .vtui-pro-head {
    gap: 20px;
}


.product-container span.current-price-value {
    font-size: 33px;
    font-weight: bold;
    display: block;
    line-height: 1;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 2px 2px 2px 2px;
    border-color: #efeeee;
}

input#quantity_wanted {
    border-radius: 6px 0px 0px 6px;
    border-color: #e8e8e8;
}

.tabs {
    padding: 21px;
    margin-top: 2rem;
    background: #fff;
    border-radius: var(--border-radius-st1);
}

img.thumb.js-modal-thumb:hover {
    border-color: #fff !important;
}

p.h4.text-uppercase.block-contact-title.hidden-sm-down {
    color: var(--color-link-1);
}


p.h3.hidden-sm-down {
    color: var(--color-link-1);
    text-transform: uppercase;
}

.btn-primary,
.btn-secondary {
    padding: 0.1rem 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: var(--border-radius-st5);
    min-height: 2.7rem;
}

.btn-card-small {
    /*font-size: 14px;*/
    min-height: 2.7rem;
    min-height: 38px;
    font-weight: bold;
}

.input-wrapper input:focus {
    border: none !important;
    outline: none;
}

.vtui-pro-res {
    padding-top: 0;
}

.vtui-pro-res-content {
    background-color: var(--surface-2);
    color: var(--text-2);
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 15px;
}

#product-details {
    padding-top: 0.5em;
}

@media (min-width: 767px) {
    .vtui-pro-res {
        padding-left: 0;
        padding-right: 0;
    }

    .vtui-pro-res-content {
        padding-left: 1.5em;
        padding-right: 1.5em;
        position: sticky;
        /* Ensure sticky is set */
        top: 100px;
        /* Default top, overridden by JS */
        align-self: flex-start;
        /* Important for sticky to work in flex container */
    }
}

/* UX Improvements */

/* Buy Block Spacing */
.product-actions .control-label {
    margin-bottom: 0.5rem;
    display: block;
    font-weight: 600;
}



/* Price Visibility */
.product-container span.current-price-value {
    font-size: 2.5rem;
    /* Increased size */
    color: var(--color-price-1);
}

/* Technical Sheet (Ficha técnica) */
.data-sheet {
    width: 100%;
    margin-top: 1rem;
}

.data-sheet dt,
.data-sheet dd {
    padding: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.data-sheet dt {
    font-weight: 600;
    color: var(--text-1);
    background: #fafafa;
    width: 40%;
    float: left;
    clear: left;
}

.data-sheet dd {
    float: left;
    width: 60%;
    margin: 0;
}

/* Clearfix for data-sheet */
.data-sheet:after {
    content: "";
    display: table;
    clear: both;
}

/* Add to Cart Button */
.btn.add-to-cart {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}





/* Filtros */

#search_filters .facet .facet-title {
    pointer-events: none;
}

#search_filters .navbar-toggler.collapse-icons {
    display: none;
}


.vtui-subcategory .lab {
    margin-top: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.7rem;
    margin-bottom: 1em;
}

.btn-filter-button {
    background-color: transparent;
    color: var(--text-2);
    font-weight: 600;
    border-radius: var(--border-radius-st2);
}

/* Fin Filtros */

.product-line-grid-body>.product-line-info>.label {

    color: black;
}



.cart-grid.row {
    display: flex;
    align-items: center;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 5px 0px 0px 6px;
    border-color: #eeeded;
}

.product-line-info .has-discount .page-content.page-cms ul,
.has-discount p,
.has-discount.product-price,
.page-content.page-cms .has-discount ul {
    color: var(--color-price-1);

    margin-top: 0px;
    font-weight: 700;
}



body#checkout section.checkout-step.-reachable.-current .step-number {

    background-color: var(--color-btn-1-bg);
}


.block-contact,
.footer-container li a {
    font-size: .875rem;
}

.block-contact {
    color: #000;
}

a.btn.btn-primary:hover {
    color: #fff !important;
    background: #000;
}

@media (min-width: 767px) {

    #search_filters .facet,
    #search_filters_brands .facet,
    #search_filters_suppliers .facet {
        /* margin: 8px;*/
        padding-top: 8px;
        padding-bottom: 8px;
        border: solid 1px rgb(197 197 197 / 30%);
    }
}

/* Product Thumbnail Carousel Styles */

/* Mobile First - Horizontal Layout */

.page-content-thumbs {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    order: 2;
    /* Thumbnails below main image on mobile */
}

.js-qv-mask {
    overflow: hidden;
    position: relative;
    width: 100%;
    /* Height/Width will be set by JS */
}

.product-images.js-qv-product-images {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
}

.thumb-container {
    margin-right: 10px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.thumb-container:last-child {
    margin-right: 0;
}

.thumb-container img.thumb {
    max-width: 100px;
    height: auto;
    cursor: pointer;
}

.carousel-arrow {
    cursor: pointer;
    padding: 5px;
    text-align: center;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    transition: all 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 40px;
    border-radius: 4px;
}

.carousel-arrow-left {
    left: 0;
}

.carousel-arrow-right {
    right: 0;
}

.carousel-arrow:hover {
    background: #eee;
    color: var(--color-link-1);
}

.carousel-arrow.disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.carousel-arrow i {
    font-size: 24px;
}

/* Hide scrollbar */
.js-qv-mask::-webkit-scrollbar {
    display: none;
}

.js-qv-mask {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product-images.js-qv-product-images {
    display: flex;
    flex-direction: row;
    gap: 1em;
    margin: 1em;
}

.vtui-pro-img {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Desktop - Vertical Layout */
@media (min-width: 768px) {
    .vtui-pro-img {
        flex-direction: row;
        gap: 20px;
    }

    .page-content-thumbs {
        flex-direction: column;
        width: 125px;
        order: 0;
        /* Thumbnails on left on desktop */
    }

    .product-images.js-qv-product-images {
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin: 1em;
    }



    .thumb-container {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }

    .thumb-container:last-child {
        margin-bottom: 0;
    }

    .thumb-container img.thumb {
        max-width: 100%;
    }

    .carousel-arrow {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        width: 100%;
        height: 30px;
    }
}

@media only screen and (max-width: 767px) {
    #category #left-column #search_filters {
        padding: 16px;
        /* Ajusta el padding según sea necesario para móviles */
        padding-bottom: 30px;
        /* Ajusta el padding-bottom según sea necesario para móviles */
    }

    div#search_filters_wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    div#search_filter_controls {
        display: flex;
        justify-content: flex-end;
        padding-right: 20px;
    }

    button.btn.btn-secondary.ok {
        background: #cd0a0a;
        color: white;
    }

    .product-flags li.product-flag.on-sale {
        background-color: var(--color-btn-1-bg-hover);
        width: 61% !important;
        border-radius: 20px;
    }

}

#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover {
    color: #000;
}

.product-quantity.clearfix {
    margin-top: 16px;
    margin-bottom: 14px;
}

.product-flags li.product-flag.on-sale {
    background: var(--color-btn-1-bg-hover);
    width: 46%;
    border-radius: 20px;
}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage {
    background-color: var(--color-btn-2-bg);
    font-weight: bold;
    border-radius: 20px;
}

.product-flags {

    padding: 10px 0;
    border-radius: var(--border-radius-st1);
}


#search_filters .ui-widget-header {
    background: var(--color-btn-1-bg);
}

#search_filters .ui-slider .ui-slider-handle {
    width: 0.4em;
    background: #fff;
    border: 1px solid #dfdfdf;
}

a.select-list.js-search-link:hover {
    background: var(--color-btn-1-bg);
    background: #f7f7f7;
    color: #313131;
}

.btn-filter-tab:hover {
    background-color: var(--color-btn-1-bg-hover);
}


#pagenotfound .page-header {
    text-align: center;
}

.text-success {
    color: #df1238 !important;
}

.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {
    color: #df1238;
    font-variation-settings: 'FILL' 1,
        'wght' 800,
        'GRAD' 0,
        'opsz' 24;
}

.custom-radio input[type=radio]:checked+span {
    background-color: #df1238;
}

.password-requirements p {
    display: flex;
    gap: 0.3rem;
    align-items: center;
}

.custom-checkbox-lab {
    align-items: flex-start;
}


.header-a {
    background: #FFF;

}

/***
*
* Menu top
*/

.vt-menu-m ul,
.vt-menu-m li {
    margin: 0;
    padding: 0;
    list-style: none;
}




.vt-menu-m.vt-st1 .vt-menu-content-root {
    display: flex;
    align-items: center;
    gap: 10px;

    scrollbar-width: thin;
    justify-content: space-between;

    max-width: var(--vt-max-weight-content);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 17px;
    margin-bottom: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.vt-menu-m.vt-st1 .vt-a-0 {
    display: flex;
    align-items: center;
    /*background-color: rgb(35, 35, 35);*/
    background-color: #484848;
    color: #FFF;
    /*border-radius: var(--border-radius-st2);*/
    transition: background-color 0.6s, color 0.6s;
    text-decoration: none;
    border-top-right-radius: var(--border-radius-st2);
    border-top-left-radius: var(--border-radius-st2);
    /*height: 48px;*/
    min-height: 48px;
    flex-direction: row-reverse;
}

.vt-menu-m.vt-st1 .vt-li-0.current .vt-a-0,
.vt-menu-m.vt-st1 .vt-a-0:hover {
    background: var(--color-link-1);
    color: #FFF;
    text-decoration: none;
}

.vt-menu-m.vt-st1 .vt-menu-content-root li {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 48px;
    /*width: 14%;*/
}

.vt-menu-m.vt-st1 .vt-a-0 .vt-menu-lab {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    font-size: 0.75em;

    line-height: 13px;
    padding: 5px;

    min-width: 7em;

    font-weight: 800;
    text-transform: uppercase;
    padding-left: 10px;
    text-align: left;
}

.vt-menu-m.vt-st1 .vt-a-0 .vt-menu-img {
    min-width: 4.8em;
    width: 4.8em;
    /*margin: -14px 0px -14px -14px;*/
    background-size: cover;
    background-position: center;
}

.vt-menu-m.vt-st1 .vt-a-0 .vt-menu-img::after {
    content: "";
    display: block;
    padding-top: 75%;
}

.vt-menu-m.vt-st1 .vt-lu-0 {
    display: none;
}

.vt-menu-m.vt-st1 .vt-li-0.st-quedejuguetes .vt-a-0 {
    color: #FFF;
}

@media(max-width:1000px) {

    .vt-menu-m.vt-st1 .vt-a-0 .vt-menu-lab {
        margin: 5px auto;
        width: 100%;
        text-align: center;
    }

    .vt-menu-m.vt-st1 .vt-a-0 .vt-menu-img {
        margin: 5px auto;
        width: 6em;
    }

    .vt-menu-m.vt-st1 .vt-a-0 {
        display: block;
        padding: 1px;
        border-radius: var(--border-radius-st2);
    }
}


@media screen and (max-width: 767px) {
    .touchstart .vt-menu-content-root {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        scroll-behavior: smooth;
    }

    .touchstart .vt-menu-content-root::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari y Edge */
        scroll-behavior: smooth;
    }

    #js-product-list-header {
        text-align: center;
        margin-top: 1em;
    }
}



/******* ST2 *****/
.vt-menu-m.vt-st2 {
    background-color: #b40d2b;
    color: #FFF;
    margin-top: 0px;
    /*overflow: scroll;
    overflow-y: hidden;*/
}

.vt-menu-m.vt-st2 .vt-menu-content-root {
    display: flex;
    max-width: var(--vt-max-weight-content);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    justify-content: flex-end;
    font-family: Lato;
}

.vt-menu-m.vt-st2 .vt-a-0 {
    padding: 0.5em 1em;
    color: currentColor;
    display: block;
    text-decoration: none;
}

.vt-menu-m.vt-st2 .vt-a-0:hover {
    color: #FFF;
    background-color: #464646;
    transition: background-color 0.6s, color 0.6s;
    text-decoration: none;
}


.vt-menu-m.vt-st2 .vt-a-0 {
    white-space: nowrap;
}

/******* ST3 *****/
.vt-menu-m.vt-st3 {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.vt-menu-m.vt-st3 .vt-menu-content-root {
    display: flex;
    align-items: stretch;

    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    justify-content: space-between;

    max-width: var(--vt-max-weight-content);
    margin-left: auto;
    margin-right: auto;
}




.vt-menu-m.vt-st3 {
    background-color: #000000;
    color: #FFF;
    z-index: 20;
}

.vt-menu-m.vt-st3 .vt-a-0 {
    display: block;
    padding: 0.5em 1em;
    color: currentColor;
}

.vt-menu-m.vt-st3 .vt-a-0 .vt-menu-lab {
    display: none;
}

.sort-by-row {
    padding-right: 20px;
}





/***

***/

.header-b:empty {
    display: none;
}

.header-b {
    padding: 15px;
    background-color: var(--surface-2);
    color: var(--text-2);
}

/* Buscador cabecera */

.header-b #search_widget,
.header-a #search_widget {
    width: 100%;
    transition: all 0.2s ease-in;
}


@media (max-width: 768px) {
    .header-a #search_widget {
        background-color: transparent;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;

    }

    .header-a #search_widget.active {
        width: 100%;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 90%;
        z-index: 10;
    }


    .header-a #search_widget .search-inp {
        width: 0;
        opacity: 0;
        transition: width 0.3s, opacity 0.3s;
        display: none;
    }

    .header-a #search_widget .search {
        display: inline-block;
    }

    .header-a #search_widget.active .search-inp {
        width: 150px;
        opacity: 1;
        position: absolute;
        display: flex;
        top: 10px;
        /* Ajusta esto según sea necesario */
        left: 10px;
        /* Ajusta esto según sea necesario */
        z-index: 1000;

    }

    .header-a #search_widget.active .search {
        position: absolute;
        top: 7px;
        /* Ajusta esto según sea necesario */
        right: 10px;
        /* Ajusta esto según sea necesario */
        z-index: 1001;
    }

    body.no-scroll {
        overflow: hidden;
    }

    .background-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /* Ajusta la opacidad según necesites */
        z-index: 900;
        /* Debe estar por debajo del input y botón */
    }

    .background-overlay.active {
        display: block;
    }
}




/* Fin buscador */

.logo-head-prin {
    min-width: 150px;
    max-width: 230px;
    width: 15%;
    margin-right: auto
}


#search .breadcrumb {
    display: none;
}

.breadcrumb {
    margin-bottom: 1em;
}

#search #js-product-list-header {
    text-align: center;
}


@media (max-width: 480px) {

    .logo.img-fluid,
    .logo-head-prin {
        max-width: 100px;
        min-width: 90px;
    }
}


@media(max-width:600px) {
    .header-a-content {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

.block_newsletter form input[type=email] {
    border-radius: var(--border-radius-st5);
}

.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .02rem solid var(--color-btn-1-bg);
    border-color: transparent;
}

.input-group.focus {
    outline: .02rem solid var(--color-btn-1-bg)
}

.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more,
.page-my-account #content .links a:hover i,
.search-widget form button[type=submit] .search:hover,
.top-menu .sub-menu a:hover {
    color: var(--color-btn-1-bg)
}



.h1-mobile {
    display: none;
}

/* Autocompletar campos formularios */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 80px #fff inset !important;
}



.vtui-pro-res-content .h1 {
    display: block;
}

@media (max-width: 767px) {
    .vtui-pro-res-content .h1 {
        font-size: 1.5em;
    }





    .wishlist-button-product {
        margin-left: 0px !important;

    }
}

.product-cover img {
    border-radius: var(--border-radius-st3);
    border: 1px #e4e4e4;
}

#product .vtui-pro-res,
div#empty-product-comment,
#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
    /*border-radius: 10px;*/
    border-radius: var(--border-radius-st1);
}

#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
    margin: 0;
}

#category #left-column #search_filters .facet ul li {
    border: none;
}

div#product-description-short-16903 {
    margin-bottom: 2rem;
}


.vt-menu-m.vt-st1 {
    position: relative;
}

.scroll-arrow {
    position: absolute;
    top: 50%;
    background-color: #FFF;
    border: none;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    display: flex;
    justify-content: center;
    margin-top: -0.5em;

}

.left-arrow {
    left: 0;
}

.right-arrow {
    right: 0;
}

/* Opcional: Estilos para ocultar/mostrar flechas basados en el scroll */
.hidden {
    display: none;
}


#product-details {
    padding-top: 0.5em;
}



.btn-st-add-cart {
    /*background-color: #009100;*/

    background-color: var(--color-btn-1-bg);
    color: #FFF;
}

.btn-st-add-cart:hover {
    /*background-color: #009100;*/
    background-color: var(--color-btn-bg-hover);
    color: #FFF;
}

.btn-add-reserver,
.btn-add-reserver-proxi {
    background-color: #2575d0;
    /*background-color: var(--surface-4-color-link);*/
    color: #FFF;
}

.btn-add-reserver:hover,
.btn-add-reserver-proxi:hover {
    background-color: #2575d0;
    /*background-color: var(--color-btn-bg-hover);*/
    color: #FFF;
}

.product-flags li.product-flag.on-sale {
    border-radius: var(--border-radius-st5);
    background-color: var(--color-btn-1-bg);
    background: var(--color-btn-1-bg);
}

.product-flags li.product-flag.discount {
    border-radius: var(--border-radius-st5);
}

.vtui-main-content .js-content-wrapper .products {
    width: 100%;
}

@media (min-width: 650px) {
    .vtui-main-content .js-content-wrapper .products {
        padding-left: 0em;
        padding-right: 0em;
    }
}

.product-actions .product-prices.js-product-prices {
    padding-top: 0px;
}

/* filtro  */
#search_filter_controls {
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s;
}

/* end filtro */


#category #left-column #search_filters {
    padding: 14px;
    padding-bottom: 50px;
    padding-top: 33px;
}

@media (min-width: 767px) {
    #search_filters {
        height: calc(100vh - var(--vt-header-ha));
        position: sticky;
        top: 20px;
        overflow: hidden;
        scrollbar-width: thin;
    }
}

@media (min-width: 767px) {
    #search_filters_wrapper {
        position: sticky;
        top: var(--vt-header-ha);
    }
}

.vt-li-0.contacto_link .vt-menu-link.vt-a-0 {
    display: flex;
    align-items: center;
    gap: 13px;
}

.material-icons.vt-menu-icon {
    color: var(--btn-st1-surface);
}

/*
.btn-st-not-stock {
    background-color: rgb(213, 0, 39);
}*/
.btn-st-not-stock,
.vt_mobile_help .btn-st-not-stock,
.vt_descktop_help .btn-st-not-stock {
    background-color: rgb(172 172 172);
}

.btn-add-reserver.btn-primary.active,
.btn-add-reserver.btn-primary:active,
.open>.btn-add-reserver.btn-primary.dropdown-toggle,
.btn-add-reserver.btn-primary.focus,
.btn-add-reserver.btn-primary:focus {
    background-color: #2575d0;
    color: #FFF;
}

.btn-st-not-stock:hover,
.vt_mobile_help .btn-st-not-stock:hover,
.vt_descktop_help .btn-st-not-stock:hover {
    background-color: rgb(149, 149, 149);
}


/* _____________________________________________ Listado de productos */

#products .products,
.featured-products .products,
.product-accessories .products {
    grid-gap: 1em;
}

.featured-products .all-product-link {
    display: flex;
    align-items: center;
    border-bottom: 4px solid currentColor;
    color: var(--color-link-1);
    padding-bottom: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0.02rem;
    font-weight: 500;
}

.featured-products .all-product-link:hover {
    text-decoration: none;
}

.featured-products .all-product-link:hover .material-icons {
    text-decoration: underline;
}



.fancybox-item.fancybox-close,
.fancybox-close {
    align-items: center;
    background-color: hsla(0, 0%, 50%, .2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2.5em;
    justify-content: center;
    margin-left: auto;
    padding: .5em;
    width: 2.5em;
    top: 5px;
    right: 5px;
    box-shadow: none;
}


/*____________________________________________--- FOOTER */

#footer {
    padding-top: 0;
    background-color: var(--surface-3);
    color: var(--surface-3-text);
    /*border-top: 10px solid var(--color-link-1);*/
}

#footer .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.footer-container>.container>.row {
    display: flex;
    width: 100%;
    padding: 0;
    justify-content: space-between;
}

#block_myaccount_infos {
    width: 100%;
    padding: 0;
    margin: 0;
}

.footer-container .vt-menu-m.vt-footer-middle-custom {
    width: 68%;
}

.footer-container .vt-menu-m.vt-footer-middle-custom .vt-menu-content-root {
    display: flex;
    width: 100%;
    gap: 2em;
}

.footer-container .vt-menu-m.vt-footer-middle-custom.vt-contact-info {
    width: 32%;
}

.footer-container .vt-menu-m.vt-footer-middle-custom.vt-contact-info .vt-menu-content-root {
    flex-direction: column;
}

.footer-container a:hover {
    color: var(--color-link-1-hover);
}

#footer .blockreassurance {
    padding: 0;
    max-width: unset;
    margin: 0;
    background-color: var(--surface-2);
    color: var(--text-2);
}

#footer .blockreassurance .row:last-of-type {
    display: none;
}

#blockEmailSubscription_displayFooterBefore {
    background-color: var(--surface-3);
    color: var(--surface-3-text);
    padding-top: 4rem;
    padding-bottom: 2rem;
    width: 100%;
    max-width: unset;
    border-top: 10px solid var(--color-link-1);
}

#footer .blockreassurance .row {
    padding: 2em 0;
}

#blockEmailSubscription_displayFooterBefore .row,
#footer .blockreassurance .row,
.footer-container>.container>.row,
.vt-footer-bottom-custom {

    margin: auto;
    max-width: 1240px;
    padding-left: 15px;
    padding-right: 15px;
}


.footer-container li a,
.footer-container .links ul>li a {
    color: var(--surface-3-text);
    color: #cecece;
    font-weight: 400;
}

p.h3.myaccount-title.hidden-sm-down a,
#block_myaccount_infos .myaccount-title a,
.vt-menu-m.vt-footer-middle-custom .vt-menu-g .vt-menu-lab {
    color: var(--surface-3-text);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
}

.footer-container .vt-menu-m.vt-footer-middle-custom .vt-menu-content-root .vt-menu-content {
    gap: 0.8rem;
    display: flex;
    flex-direction: column;
}

.footer-container .vt-menu-m.vt-footer-middle-custom .vt-menu-content-root .vt-menu-g {
    margin-bottom: 1rem;
}

#footer .vt-social-links .vt-menu-content {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
}


#footer .vt-social-links .vt-menu-content .vt-social-links-item .vt-menu-img {
    object-fit: contain;
    object-position: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

/* Grid Footer 1 */
.footer-container>.container>.row>.vt-menu-m.vt-footer-middle-custom .vt-menu-content-root {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.vt-categories {
    grid-area: 1 / 1 / 3 / 2;
}

.manufacturers {
    grid-area: 1 / 2 / 3 / 3;
}

.vt-info {
    grid-area: 1 / 3 / 3 / 4;
}

.vt-shop {
    grid-area: 1 / 4 / 3 / 5;
}

/* Grid Footer 2 */

.footer-container>.container>.row>.vt-menu-m.vt-footer-middle-custom.vt-contact-info .vt-menu-content-root {
    display: block;
    text-align: right;
}

.vt-info-contacto {
    grid-area: 2 / 1 / 4 / 3;
}

.vt-social-links {
    grid-area: 1 / 1 / 2 / 3;
}


.footer-container {
    padding-bottom: 2rem;
    max-width: var(--main-max-width);
    margin: auto;
}

.vt-footer-bottom-custom {
    padding-bottom: 2rem;
}

.footer-container {
    padding-bottom: 2rem;
}

#footer .account-list {
    gap: 0.7rem;
    display: flex;
    flex-direction: column;
}

.vt-footer-txt-simple span {
    font-size: 0.8rem;
    line-height: 1;
}

.account-list a:hover,
.block_newsletter form button[type=submit] .search:hover,
.footer-container li a:hover,
.block_newsletter #block-newsletter-label {
    color: #ffffff;
}

.vt-custom-link.phone-btn .vt-menu-link .vt-menu-lab {
    font-size: 1.5rem;
    font-weight: 500;
}

.vt-footer-bottom-custom-txtCopy .vt-menu-lab,
.block_newsletter form .row .col-xs-12:last-of-type p {
    color: #a6a6a6;
}

.vt-contact-info .vt-social-links,
.vt-contact-info .vt-info-contacto {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


/* Footer bottom */
.vt-footer-bottom-custom {
    border-top: 1px solid #414141;
    padding-top: 2em;
}

.vt-footer-bottom-custom .vt-menu-content-root {
    display: flex;
    justify-content: space-between;
    width: 100%;

}

.vt-footer-bottom-custom-txtCopy.vt-hosted-icons .vt-menu-img {
    height: 50px;
    width: 170px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    object-fit: contain;
    object-position: center;
}

.vt-footer-bottom-custom-txtCopy.vt-hosted-icons .vt-menu-content {
    display: flex;
    gap: 1em;
}

.blockreassurance .block-icon,
.blockreassurance .block-icon img,
.blockreassurance .block-icon svg {
    height: 60px;
}

.blockreassurance .block-title {
    margin-top: 1em;
}

.block_newsletter>.row {
    padding-bottom: 2em;
    border-bottom: 1px solid #414141;
}

.vt-footer-bottom-custom-txtCopy {
    font-size: .825rem;
}


/*____________________________________________ Menú burger */

.vt-menu-root {
    max-width: 380px;
    width: 100%;
    float: left;
    margin: 0;
    height: 100vh;
}

.main-header-menu {
    background-color: #F1F0F0;
}

.main-header-menu .vt-menu-img {
    height: 50px;
    width: 270px;
    background-size: contain;
    background-repeat: no-repeat;
}

.vt-menu-ml .main-header-menu .vt-menu-g {
    background-color: var(--surface-4);
    color: var(--surface-4-text);
}

.vt-menu-ml .material-icons.vt-menu-icon,
.vt-menu-root .vt-menu-link span.material-icons.vt-menu-icon {
    fill: var(--surface-4-color-icon);
    color: var(--surface-4-color-icon);
}

.vt-menu-root .vt-menu-link span.material-icons.vt-menu-icon {
    font-size: 1.6rem;
    font-weight: 500;
}

.vt-menu-ml .vt-menu-link {
    padding: 1rem;
}

.vt-menu-ml .vt-menu-link {
    border-color: #E0E0E0;
    display: flex;

    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;

    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    color: currentColor;
}

.vt-menu-ml .vt-menu-g {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    border-top: 4px solid var(--color-link-1);
}

.contacto_link.vt-phone .vt-menu-link,
.contacto_link.mail .vt-menu-link {
    text-transform: uppercase;
    font-weight: 500;
    color: #b40d2b;
    font-size: 0.9rem;
    letter-spacing: 0.2px;
}

.contacto_link.address .vt-menu-lab {
    font-size: 0.8rem;
    line-height: 1.3;
    padding: 0.9rem 0;
    height: 80px;
}

.vt-menu-ml .main-header-menu .vt-menu-g {
    background-color: #ffffff;
    color: var(--surface-4-text);
}

.vt-menu-ml .main-header-menu .vt-menu-link {
    border: none;
}

.vt-menu-ml .main-header-menu .vt-menu-link:hover {
    background-color: #fff;
}


.row {
    margin-right: 0;
    margin-left: 0;
}

.vt-menu-contact.social-imgs .vt-menu-img,
.contacto_link .vt-menu-img {
    width: auto;
    height: 28px;
    min-width: 52px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.vt-menu-contact.social-imgs .vt-menu-img,
#footer .vt-social-links .vt-menu-content .vt-social-links-item .vt-menu-img {
    height: 25px;
    min-width: 25px;
}

.vt-menu-contact.social-imgs ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    gap: 0.6em;
    margin-top: 0.6em;
}


.contacto_link.mail span.vt-menu-lab,
.contacto_link.vt-phone span.vt-menu-lab {
    color: #b40d2b;
}

.contacto_link.mail span.vt-menu-lab {
    text-transform: none;
}

.contacto_link.vt-phone span.vt-menu-lab {
    font-size: 1.4rem;
}

.vt-menu-ml .vt-menu-head {
    background-color: var(--surface-3);
}

.vt-main-section-link .vt-menu-lab {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.vt-link-social {
    transition: all 0.3s ease;
}

.vt-link-social:hover {
    opacity: 0.7;
}

#footer .vt-social-links .vt-menu-content .vt-social-links-item {
    transition: all 0.3s ease;
    opacity: 0.7;
}

#footer .vt-social-links .vt-menu-content .vt-social-links-item:hover {
    opacity: 1;
}

#category #left-column #search_filters .facet .title {
    top: -35px;
}

#category #left-column #search_filters .facet .h6,
#search_filters .facet .facet-title {
    display: inline-block;
    padding: 1.25rem;
    margin-bottom: 0;
    margin-top: 0;
}


/* Botón de compartir */

.btn-button-share,
.btn-button-share-item,
.btn-copy-link {
    gap: 0.6em;
}

.custom-share-dialog .btn-button-share-item span {
    font-size: 1em;
    text-transform: none;
    font-weight: 700;
}

.vt-menu-ml .vt-link-social .vt-menu-link,
#footer .vt-social-links .vt-menu-content .vt-social-links-item {
    border: 1px solid currentColor;
    border-radius: 100px;
    padding: 0.8rem;
}

.vt-menu-contact.social-imgs {
    padding-bottom: 2em;
}

.custom-share-dialog {
    max-width: 400px;
}

.contact-rich .block a[href^="mailto:"] {
    margin-left: 56px;
    margin-top: 1em;
    position: absolute;
    font-size: 1rem;
}


.my-close-panel-btn {
    /*position: absolute;
    top: 10px;
    right: 10px;
    background-color: #f44336;
    background-color: #313131;
    color: #fff;
    border: none;
    padding: 10px;
    width: 35px;
    height: 35px;
    cursor: pointer;*/
    position: absolute;
    top: 30px;
    right: 30px;
    border: none;
    align-items: center;
    background-color: hsla(0, 0%, 50%, .2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2.5em;
    justify-content: center;
    margin-left: auto;
    padding: .5em;
    width: 2.5em;
    font-weight: 500;
    font-size: 1.1rem;
    font-family: 'Arial';
    color: var(--surface-4-text);
}

#search_filters .ui-widget-header {
    background: #313131;
}



/* Pantalla LOGIN */
.vt-x-win {
    z-index: 10000;
}

.vt-x-win-content .vt-s-roll-bnt.active {
    background-color: #232323;
    color: var(--color-btn-1-text);
    border-radius: 2px;
}

.vt-x-win-content .vt-s-roll-bnt {
    border-radius: var(--border-radius-st5);
}

.vt-x-win-content .vt-s-box-lab {
    border: 1px solid #2d2d2d45;
    border-radius: var(--border-radius-st5);
}

.vt-x-win-content .vt-s-input {
    background-color: transparent !important;
}

.vt-x-win-content .btn-primary,
.form-footer.clearfix .btn-primary {
    color: var(--color-btn-1-text);
    background-color: var(--color-btn-1-bg);
    --color-btn-text-hover: var(--color-btn-1-text-hover);
    --color-btn-bg-hover: #1e1e1e;
    border-color: transparent;
}

.vt-x-win-content .vt-tab-box a {
    width: 100%;
    display: block;
    text-align: center;
}

.vt-win-login .vt-x-win-content,
.register-form {
    border-radius: var(--border-radius-st3);
}

/* Pantalla registro usuario */

.input-group .input-group-btn>.btn[data-action=show-password],
.form-group .form-control {
    border-radius: var(--border-radius-st5);
}

.bg-success {
    background-color: var(--color-btn-1-bg) !important;
}

.form-footer.clearfix .btn-primary:hover,
.input-group-btn:not(:first-child)>.btn:hover {
    background-color: var(--color-btn-bg-hover);
    color: #fff;
}


/* ____________________________________________________ Media Queries */

@media (max-width: 767px) {


    .vtui-subcategory-content {
        padding-left: 10px;
    }

    #search_filters_wrapper {
        padding: 16px !important;
        background: white !important;
    }

    #products .up .btn-secondary,
    #products .up .btn-tertiary {
        color: #ffffff;
        text-transform: inherit;
        background: black;
    }

    .hidden-md-up.text-xs-right.up {
        padding-right: 22px;
    }

    #wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }

    .featured-products .products {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

@media (min-width: 1281px) {
    .vtui-main-left {
        min-width: 280px;
        width: 280px;
    }

    .vtui-subcategory-content {
        flex-wrap: wrap;
    }
}

@media (max-width: 1280px) {
    .vtui-main-left {
        min-width: 250px;
        width: 250px;
    }

    .footer-container>.container>.row {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .vtui-main-left {
        min-width: 100%;
        width: 100%;
    }

    #category #wrapper {
        min-height: auto;
    }

    #blockEmailSubscription_displayFooterBefore .row,
    #blockEmailSubscription_displayFooterBefore .row>div,
    #footer .block_newsletter #block-newsletter-label {
        padding-left: 0;
        padding-right: 0;
    }


}

@media (max-width: 1024px) {
    .footer-container>.container>.row>.vt-menu-m.vt-footer-middle-custom .vt-menu-content-root {

        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-row-gap: 2em;
    }

    .vt-categories {
        grid-area: 1 / 1 / 3 / 2;
    }

    .manufacturers {
        grid-area: 1 / 2 / 3 / 3;
    }

    .vt-info {
        grid-area: 3 / 1 / 5 / 2;
    }

    .vt-shop {
        grid-area: 3 / 2 / 5 / 3;
    }

    .footer-container .vt-menu-m.vt-footer-middle-custom {
        width: 60%;
        max-width: 500px;
    }

    .footer-container .vt-menu-m.vt-footer-middle-custom.vt-contact-info {
        width: 40%;
    }


    .footer-container>.container>.row>.vt-menu-m.vt-footer-middle-custom.vt-contact-info .vt-menu-content-root {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .vt-social-links {
        grid-area: 1 / 1 / 2 / 2;
    }

    .vt-info-contacto {
        grid-area: 2 / 1 / 5 / 2;
    }

    .vt-footer-bottom-custom .vt-menu-content-root {
        gap: 2em;
        flex-direction: column-reverse;
    }
}

@media (min-width: 769px) {

    .vtui-main-left,
    .js-content-wrapper {
        float: left;
    }
}

@media (max-width: 768px) {
    .btn-filter-button svg {
        height: 1.875rem;
    }

    .products-selection .products-sort-order.dropdown,
    .products-selection .filter-button {
        height: 50px;
        max-height: 50px;
    }

    .vtui-pro-img {
        width: 100%;
        max-width: unset;
    }

    .btn-primary,
    .btn-secondary {
        font-size: 0.85rem;
    }

    .vt-menu-m.vt-st2 .vt-menu-content-root {
        justify-content: flex-start;
    }

    #block_myaccount_infos {
        padding-top: 1em;
    }

    .vtui-main-left {
        min-width: 100%;
        width: 100%;
    }

    div#search_filters_wrapper {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        transform: translateX(0%);
        z-index: 100;
        height: calc(100% - 50px);
        transition: all 0.3s ease;
    }

    #category #left-column #search_filters {
        padding-top: 80px;
    }


}

@media (max-width: 600px) {

    .footer-container .vt-menu-m.vt-footer-middle-custom,
    .footer-container .vt-menu-m.vt-footer-middle-custom.vt-contact-info {
        width: 100%;
        max-width: 400px;
    }

    .footer-container>.container>.row {
        flex-direction: column-reverse;
    }

    .footer-container>.container>.row>.vt-menu-m.vt-footer-middle-custom .vt-menu-content-root {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 2em;
    }

    .vt-categories {
        grid-area: 1 / 1 / 2 / 2;
    }

    .manufacturers {
        grid-area: 2 / 1 / 3 / 2;
    }

    .vt-info {
        grid-area: 3 / 1 / 4 / 2;
    }

    .vt-shop {
        grid-area: 4 / 1 / 6 / 2;
    }

    .vt-contact-info .vt-social-links,
    .vt-contact-info .vt-info-contacto {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #block_myaccount_infos {
        margin: 1em 0;
    }

    .block_newsletter>.row {
        border: none;
    }

    .sort-by-row .dropdown-menu {
        right: unset;
        left: 0;
    }

}

@media (max-width: 600px) {

    #products .products,
    .featured-products .products,
    .product-accessories .products {
        grid-gap: 0.5rem;
    }

    .btn-filter-button {
        width: 100%;
        display: flex;
        /*justify-content: space-between;*/
        justify-content: center;
        gap: 1em;
    }

    .btn-filter-button.js-search-toggler {
        max-width: 125px;
        min-width: unset;
    }

    .products-selection .products-sort-order.dropdown .btn-unstyle.btn-filter-button {
        min-width: 200px;
    }

    .products-selection .sort-by-row .sort-by {
        width: 100%;
        align-self: center;
        justify-content: flex-start;
        display: flex;
    }

    .products-selection .sort-by-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 0;
        width: 100%;
    }

    .products-selection .sort-by-row .sort-by {
        grid-area: 1 / 1 / 2 / 3;
    }

    .products-selection .products-sort-order.dropdown {
        grid-area: 2 / 1 / 3 / 2;
    }

    .products-selection .filter-button {
        grid-area: 2 / 2 / 3 / 3;
    }

    .products-selection {
        margin-bottom: 2.25rem;
    }

    .btn-filter-button svg {
        height: 1.8rem;
    }

    .products-selection .sort-by-row i {
        font-size: 1.3rem;
    }

    #category #search_filter_toggler {
        width: 100%;
        justify-content: flex-start;
        gap: 1em;
    }

    .featured-products .products {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }

    .fancybox-inner {
        min-height: 470px;
    }

    button.btn.btn-secondary.ok {
        width: 100%;
        border-radius: 0;
    }

    div#search_filter_controls {
        display: flex;
        justify-content: space-between;
        padding-right: 0;
        align-items: stretch;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        bottom: 0;
    }

    .products-selection .sort-by-row {
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.8rem;
        margin-top: 1em;
    }

}

@media (max-width: 480px) {
    .vt-footer-bottom-custom-txtCopy.vt-hosted-icons .vt-menu-content {
        display: flex;
        gap: 1em;
        flex-direction: column;
    }

    .products-selection .products-sort-order.dropdown .btn-unstyle.btn-filter-button {
        min-width: 145px;
        gap: 0;
    }

    .btn-filter-button.js-search-toggler {
        max-width: 88px;
        min-width: 88px;
        padding: 10px;
        gap: 5px;
    }
}

.footer-container .links ul>li,
.links .title {
    border-bottom: none;
}

.footer-container .links ul {
    background-color: var(--surface-3);
    color: var(--surface-3-text);
}

.footer-container .links ul>li,
.links .title {
    padding: 0;
}

.links .title {
    pointer-events: none;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.links .title .float-xs-right {
    display: none;
}


#product-availability {
    display: inline-flex;
    margin-top: .625rem;
    font-weight: 700;
    align-items: center;
    line-height: 1.2em;
    gap: 0.5em;
}

.btn-st-not-stock {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.btn-st-not-stock .lab_cen {
    display: block;
    text-transform: uppercase;
}

.btn-st-not-stock .lab {
    text-transform: none;
}

.product-actions .add-to-cart {
    min-height: 2.75rem;
    height: auto;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.product-actions .add-to-cart .lab {
    padding-top: 0.2em;
}


.fgrow {
    flex-grow: 1;
}

.btn-primary .lab {
    padding-top: 0.1em;
}

.btn-add-reserver-add {
    background-color: #128cc8;
    color: #FFF;
}

.btn-add-reserver-add:focus,
.btn-add-reserver-add:active,
.btn-add-reserver-add:hover {
    background-color: #128cc8;
    color: #FFF;
}

.btn-add-reserver-add-list {
    background-color: #fee000;
    color: #000;
}

.btn-add-reserver-add-list:focus,
.btn-add-reserver-add-list:active,
.btn-add-reserver-add-list:hover {
    background-color: #fee000;
    color: #000;
}



.vt-menu-ml .main-header-menu .vt-menu-g {
    background-color: #FFF;
}

.vt-li-0.main-header-menu .vt-menu-link {
    padding: 0;
}

/* Selector de idiomas */


.language-selector .btn-unstyle,
.language-selector .expand-more {
    color: inherit;
}

.language-selector .btn-unstyle,
.link.hidden-md-up {
    display: flex;
    gap: 1em;
    border: solid 1px currentColor;
    padding: 0.5em 1em;
    border-radius: 0.5em;
}

.language-selector .btn-unstyle:hover,
.link.hidden-md-up:hover {
    color: inherit;
    background-color: rgba(127, 127, 127, 0.1);
}

.language-selector .btn-unstyle:hover .expand-more {
    color: inherit;
}

.language-selector .dropdown-menu,
.link.hidden-md-up option {
    background-color: #000;
    color: #FFF;
    border-radius: 0.5em;
    padding: 1em 0;
}

.link.hidden-md-up {
    display: none;
    margin-bottom: 3em;
    background-color: rgba(127, 127, 127, 0.1);
    color: inherit;
}

.language-selector .btn-unstyle {
    display: flex !important;
}

.footer-container {
    overflow: visible;
}

.page-my-account #content .links a:hover {
    text-decoration: none;
}

.page-my-account #content .links a span.link-item {
    border-radius: .5em;
}

.page-my-account #content .links a {
    text-transform: none;
}


.vui-shide {
    visibility: hidden !important;
}

/*IMPORTANTE NO MODIFICAR*/


.btn-primary .lab_sub {

    display: block;
    font-size: 12px;
    text-transform: none;
    margin-top: 0.1em;


}

.account-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.5em 1em;
}



#product-availability {
    display: block;
}

.product-quantity .add {
    position: relative;
    z-index: 3;
}

.cart-overview .no-items {
    padding: 3em 1em;
    font-size: 1.5em;
    display: block;
}

@media (min-width:768px) {
    .my-close-panel-btn {
        display: none;
    }
}

.open>.dropdown-menu {
    display: block !important;
    z-index: 10000;
}

@media (max-width: 768px) {
    .language-selector {
        margin-bottom: 3em;
    }
}


/* Nueva newsletter */

#footer .my-newsletter-text {
    width: 35%;
}

#footer .block-newsletter-label,
#footer .block_newsletter #block-newsletter-label {
    display: none !important;
}

#footer #blockEmailSubscription_displayFooterBefore .row {
    width: 100%;
    flex-direction: row;
    display: flex;
    justify-content: center;
}

#footer #blockEmailSubscription_displayFooterBefore form .row {
    flex-direction: column;
}

.my-newsletter-second-text,
.my-newsletter-main-txt {
    padding: 0;
    margin: 0;
    line-height: 1;
}

.my-newsletter-second-text big {
    font-size: 2rem;
    line-height: 1em;
}

.my-newsletter-main-txt {
    padding-top: 0;
    margin-top: 0;
}

.my-newsletter-main-txt big {
    font-size: 3em;
    line-height: 1;
}

.my-newsletter-main-paragraph {
    font-size: 0.8rem;
    max-width: 330px;
    line-height: 1.4;
}

#footer .block_newsletter .titulo {
    font-size: 1.5rem;
}

.cta_group {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1em;
    align-items: center;
}

.cats_popup_mod {
    /*display: flex; 
    align-items: center; 
    gap:0.5em;
*/
    display: flex;
    align-items: center;
    gap: 0.5em;
    min-width: 230px;
    max-width: 250px;
    max-height: 35px;
}

.cats_popup_mod input {
    height: 1em;
}

@media(max-width: 768px) {
    #footer #blockEmailSubscription_displayFooterBefore .row {
        flex-direction: column;
    }

    #footer .my-newsletter-text {
        width: 100%;
    }

    .vt-hosted-icon .vt-menu-g {
        display: flex;
        justify-content: center;
    }
}

@media (max-width:1024px) {
    .vt-footer-bottom-custom-txtCopy.vt-hosted-icons .vt-menu-content {
        width: 100%;
        justify-content: center;
    }

    .vt-footer-bottom-custom-txtCopy {
        display: flex;
        justify-content: center;
    }
}





#index #content-wrapper {
    padding: 0;
    margin: 0;
    max-width: unset;
}

#index .featured-products,
#index #custom-text {
    padding: 1em 0;
    margin: auto;

}

@media (max-width: 1500px) {

    #index .featured-products,
    #index #custom-text {
        padding: 1em 15px;
        margin: auto;

    }

}

#index .h2.products-section-title:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

#index .homeslider-container {
    width: 100%;
    margin: 0 auto 3em auto;

    float: unset;
}

.homeslider .caption h2 {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
}


@media (max-width: 768px) {
    .homeslider img {
        transform: none;
    }
}

.vt-home-sections-main .vt-section-home-item {
    width: 25%;
}

.vt-home-sections-main .vt-group-sections-home .vt-menu-content {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;

    margin: auto;
    position: relative;
    gap: 1em;
}

.vt-home-sections-main .vt-section-home-item .vt-menu-link {
    position: relative;
}

.vt-home-sections-main {
    width: 100%;

    margin: auto;
    margin: 2em auto;
}

.vt-home-sections-main .vt-section-home-item .vt-menu-link .vt-menu-lab {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 3;
    width: 100%;
    text-align: center;
    display: flex;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.1;
    flex-direction: column;
    justify-content: center;
}

.vt-home-sections-main .vt-section-home-item .vt-menu-img {
    min-height: 150px;
    width: 100%;
    min-width: 200px;
    background-position: center;
    background-size: cover;
}

.vtui-main-content {
    max-width: 1324px;
    margin: auto;
}

/*
@media (min-width: 767px) {
    .vtui-main-content {
        display: block;
    }
}*/


@media (max-width: 1323px) {
    .vt-home-sections-main {
        padding-left: var(--standard-padding);
        padding-right: var(--standard-padding);
    }
}

@media (max-width: 768px) {
    .vt-home-sections-main .vt-section-home-item {
        width: 48%;
    }

    .vt-home-sections-main .vt-group-sections-home .vt-menu-content {
        flex-wrap: wrap;
        gap: 0.2rem;
    }
}

@media (max-width: 600px) {
    .vt-home-sections-main .vt-section-home-item .vt-menu-img {
        min-width: 170px;
    }
}

@media (max-width: 480px) {
    .vt-home-sections-main .vt-section-home-item .vt-menu-img {
        min-width: 150px;
    }
}


.homeslider .caption h2 {
    font-size: 2.1rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}




.vt-home-sections-main .small-text,
.vt-home-sections-main .big-text {
    text-align: center;
    max-width: 80%;
    margin: auto;
}

.vt-home-sections-main .small-text {
    font-size: 1.1rem;
    line-height: 1;
}

.vt-home-sections-main .big-text {
    margin-top: 0.8rem;
}

.homeslider_nav {
    top: 40%;
}



#product-modal .modal-content .modal-body {
    /*background-color: #fff;
    border-radius: var(--border-radius-st3);*/
    justify-content: center;
}

#product-modal .modal-dialog {
    /*width: 100%;*/
    max-width: 80%;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

#product-modal .modal-content .modal-body {
    margin-left: unset;
    max-width: 600px;
    margin: auto;
}

@media (max-width: 480px) {
    .big-text {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .vt-home-sections-main {
        padding-left: 0;
        padding-right: 0;
    }
}




/* ANIMACIONES */
@keyframes zoomInSlow {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.2);
    }

}


.vt_descktop_help .product-prices-c1 .product-price {
    align-items: first baseline;
    flex-wrap: wrap;
    gap: 0.3em 1em;
}

.vt_descktop_help .product-discount {
    width: 100%;
    font-size: 1.2em;
}


.vt_mobile_help {
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #000;
    color: #FFF;
    border-top: 3px solid hsla(0, 100%, 50%, 0.5);

}

.vt_mobile_help .current-price-value {
    color: #fff;
    font-size: 1.3em;
}


.vt_mobile_help .product-price {
    align-items: center;
}

.vt_mobile_help .has-discount .discount {
    display: none;
}


.vt-home-sections-main .vt-section-home-item .vt-menu-link {
    display: block;
}




@media (min-width: 1600px) {
    :root {
        --vt-max-weight-content: 1700px;
    }

    .vtui-main-content {
        max-width: var(--vt-max-weight-content);
    }

    .vt-menu-content-root.vt-lu-root {
        font-size: 1.23em;
    }

    .vt-st2 .vt-menu-content-root.vt-lu-root {
        font-size: 12px;
    }

    .vt-menu-m.vt-st1 .vt-a-0 .vt-menu-img {
        min-width: 4.8em;
        width: 4.8em;
        /*margin: -1.2em 0px -1.2em -1.4em;*/

    }

    .vt-menu-m.vt-st1 .vt-menu-content-root {
        padding-left: 0;
        padding-right: 0;
    }

    .vt-menu-m.vt-st2 .vt-menu-link.vt-a-0 .vt-menu-lab {
        /*font-size: 0.85em;*/
    }

    #blockEmailSubscription_displayFooterBefore .row,
    #footer .blockreassurance .row,
    .footer-container>.container>.row,
    .vt-footer-bottom-custom {
        max-width: var(--vt-max-weight-content);
    }
}


#products .products,
.featured-products .products,
.product-accessories .products {
    grid-gap: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

/* Último */

.vt_mobile_help .vt_title_content .vt_title {
    text-align: left;
    text-decoration: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    max-width: 190px;
    font-size: 0.75rem;
    line-height: 1.3;
    padding-top: 0.2rem;
}

.vt_mobile_help {
    background-color: #313131;
}



.vt_mobile_help .current-price-value {
    font-weight: 600;
}

.vt_mobile_help .btn-st-add-cart {
    background-color: var(--color-btn-1-bg);
    transition: transform 0.3s ease;
}

.vt_mobile_help .btn-st-add-cart:hover {
    background-color: #000;
    transform: scale(1.1);
}

.vt_mobile_help .btn-st-add-cart.btn-st-not-stock {
    background-color: rgb(172 172 172);
}

.vt_mobile_help .product-prices-c1 .product-price {
    justify-content: right;
}

.vt_mobile_help .current-price-value {
    font-size: 1.7rem;
}

.vt_form_product_fixed .vt_img {
    margin: auto;
}

@media (max-width: 480px) {

    .vt_mobile_help .vt_title_content,
    .vt_mobile_help .vt_img {
        display: none;
    }



    .vt_mobile_help .product-add-to-cart {
        width: 100%;
        max-width: 300px;
        padding: 0;
    }

    .vt_mobile_help .vt_title_content {
        width: 80%;
        display: none;
    }



    .vt_mobile_help .product-prices-c1 .product-price {
        justify-content: flex-end;
    }

    .vt_mobile_help {
        padding-top: 0.1em;
        padding-bottom: 0.6em;
    }

    .product-features>dl.data-sheet dd.value {
        margin-left: 0px;
    }

    #product #content-wrapper {
        padding-top: 0;
    }

    #wrapper {
        padding-top: 1rem;
    }

    #footer {
        padding-bottom: 100px;
    }

    #blockEmailSubscription_displayFooterBefore {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .block_newsletter form input[type=email] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .block_newsletter form input {
        height: 43px;
    }

    .vt_mobile_help .product-prices-cc {
        width: 100%;
        margin: auto;
        max-width: 300px;
    }
}


.product-cover img {
    width: 100%;
}

#product .product-condition {
    display: none;
}



.product-cover img {
    width: 100%;
}

#product .product-condition {
    display: none;
}



.product-prices-cc .sequra-promotion-widget {
    display: none;
}

.vtui-info-pro-sell .sequra-promotion-widget {
    min-height: auto;
    margin-top: 0.7em;
}

.product-discounts {
    margin-bottom: 0.7em;
}

.vui-price-less-50 .sequra-promotion-widget {
    display: none !important;
}


.product-line-info-ref-brand {
    font-size: 11px;
    color: #46494f;
    display: flex;
    gap: 1em;
}

.tax-shipping-delivery-label {
    text-align: left;
}

.product-actions .add-to-cart .lab {
    padding-top: 0.2em;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.product-quantity .add.fgrow {
    overflow: hidden;
}

.vt_mobile_help .product-prices-c1 .product-price .product-discount {
    order: 2;
}

.vt_mobile_help .product-prices .tax-shipping-delivery-label {
    font-size: 10px;
}


.container-info-is-discontinued {
    padding: 20px 0 0 0;

    #product-availability {
        display: flex;
        align-items: flex-start;
    }

    .message {
        font-size: .8125rem;
        color: #7a7a7a;
        word-wrap: break-word;
        margin: 6px 0 0 13px;
    }
}

.cn_section .featured-products {
    max-width: var(--vt-max-weight-content);
    margin: auto;
}

.top-menu-prin_left .main-header-menu .vt-a-0 {
    display: block;
}

.top-menu-prin_left .main-header-menu .vt-a-0 .vt-menu-lab {
    font-size: 11px;
    line-height: 1.1em;
    padding: 0.5em 0.5em;
    display: block;
}

.products-section-title {
    text-align: center;
}


.vt-language-selector {

    border: solid 1px currentColor;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    display: flex;
    align-items: center;
    gap: 1em;
    cursor: pointer;

}

.vt-language-selector:hover {
    background-color: rgba(127, 127, 127, 0.1);
}

#ps_checkout-payment-method-logo-block-container {
    display: none;
}

.data-gpsr {
    margin-top: 2em;
}

.data-gpsr>div {
    display: flex;
    align-items: center;
    gap: 1em;
}

.data-gpsr .name {
    padding: 0.3rem .625rem;
    margin-bottom: 2px;

    word-break: normal;
    background: #f6f6f6;
    min-width: 14em;
}

.data-gpsr .value {
    font-weight: bold;

}


.brand .brand-desc {
    height: 0;
    overflow: hidden;
}

#manufacturer #main ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1em;
}

.brand-miniature {
    text-align: center;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    padding: 1em;
}

.brand-miniature a {
    color: currentColor;
}

.brand-miniature h3 {
    font-size: 1.1em;
}

.brand-miniature .brand-infos {
    padding-top: 0.5em;
    margin-top: auto;
}

.manufacturer-description {
    margin-top: 2em;
    background-color: #FFF;
    padding: 2em;
    border-radius: 8px;
}







@media(max-width: 968px) {
    #cart #footer {
        display: none;
    }

    #cart .cart-grid-right {
        margin-top: 25vh;
    }

    #cart .cart-grid-right .card.cart-summary {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        background-color: #FFF;
        padding: 2em;
        padding-bottom: 5px;
        ;
        top: auto;
        box-shadow: 0px -5px 5px 0px #0000001f;
        margin-bottom: 0;

    }

    #checkout ._vtc_btn_f,
    #cart ._vtc_btn_f,
    #checkout jdiv,
    #cart jdiv {
        display: none;
    }

    #cart .cn_element+.featured-products {
        overflow: auto;
    }

    #cart .cn_element+.featured-products .products {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    #cart #content-wrapper {
        padding: 2em 0;
    }

    .vt_loyalty {
        padding: 1em;
    }

    #cart .vt-menu-m.vt-st1 {
        display: none;
    }

    #cart .vt-menu-m.vt-st2 {
        display: none;
    }

    #checkout .logo-head-prin {
        display: block;
    }

    #checkout #content-wrapper {
        padding: 2em 0;
    }

    #checkout #content-wrapper .cart-grid-body {
        padding-left: 0;
        padding-right: 0;
    }

    #checkout .cart-grid-right {
        display: none;
    }

}

.vt-btn-link {
    display: flex;
    align-items: center;
}

/*********************/




@media(max-width: 968px) {
    #cart #footer {
        display: none;
    }

    #cart .cart-grid-right {
        margin-top: 25vh;
    }

    #cart .cart-grid-right .card.cart-summary {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        background-color: #FFF;
        padding: 2em;
        padding-bottom: 5px;
        ;
        top: auto;
        box-shadow: 0px -5px 5px 0px #0000001f;
        margin-bottom: 0;

    }

    #checkout ._vtc_btn_f,
    #cart ._vtc_btn_f,
    #checkout jdiv,
    #cart jdiv {
        display: none;
    }

    #cart .cn_element+.featured-products {
        overflow: auto;
    }

    #cart .cn_element+.featured-products .products {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    #cart #content-wrapper {
        padding: 2em 0;
    }

    .vt_loyalty {
        padding: 1em;
    }

    #cart .vt-menu-m.vt-st1 {
        display: none;
    }

    #cart .vt-menu-m.vt-st2 {
        display: none;
    }

    #checkout .logo-head-prin {
        display: block;
    }

    #checkout #content-wrapper {
        padding: 2em 0;
    }

    #checkout #content-wrapper .cart-grid-body {
        padding-left: 0;
        padding-right: 0;
    }

    #checkout .cart-grid-right {
        display: none;
    }

}

.vt-btn-link {
    display: flex;
    align-items: center;
}

#search_filters .cn_content {

    display: none;
}


@media (min-width: 968px) {
    .vtui-main-left {
        min-width: 321px;
        width: 321px;
    }
}

.products-mini .product-description {
    padding: 5px;
}

.products-mini .product-title {
    font-size: 14px;
}

.products-mini .thumbnail-container {
    flex-direction: row;
    align-items: center;
}



.products-mini .product-description {
    gap: 5px;
}

.products-mini .product-manufacturer {
    font-size: 12px;
}

.products-mini article {
    margin-bottom: 5px;
}

.products-mini .product-price-and-shipping {
    justify-content: flex-end;
    padding: 0 1em;
}

.products-mini .product-price-and-shipping .price {
    color: currentColor;
    font-size: 1.2em;
}

.products-mini .product-miniature .thumbnail-container:focus .product-description::after,
.products-mini .product-miniature .thumbnail-container:hover .product-description::after {
    display: none;
}

.products-mini .thumbnail-top {
    width: 80px;
    width: 80px;
    min-width: 80px;
    margin-right: 5px;
}

.products-mini .thumbnail-container img {
    width: 100%;
    display: block;
    height: auto;
}

.featured-products-mini h2 {
    font-size: 1.1em;
    text-align: center;
    margin-top: 1em;
}

#category #left-column #search_filters .facet .h6,
#search_filters .facet .facet-title {
    padding: 0.5em 1.25rem;
    ;
}


.vt_show_mobile ._vtc_btn_f {

    z-index: 0 !important;
    ;
    opacity: 0;
    transition: all 0.3s ease;

}

.vt_show_mobile jdiv {

    z-index: 0 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.product-flags .product-flag.reserver {
    background-color: rgb(37, 117, 208);
    color: #ffffff;
}

.product-ref {
    display: flex;
    gap: 1em;
    align-items: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #ccc;
}

.product-ref .img {
    height: 100px;
    width: auto;
    display: block;
    border-radius: 10px;
}

.product-description .fgrow {
    margin-top: 5px;
    flex-grow: unset;
}


@media (max-width: 1450px) {

    .vt-menu-m.vt-st1 .vt-a-0 .vt-menu-lab {
        min-width: 90px;
    }
}


.vt-menu-m li.btn-spt-home {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 2em;
}

.btn-spt-home .vt-menu-img::after {
    content: "";
    display: block;
    padding-top: 10%;
}

.btn-spt-home .vt-menu-html_lang {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;

}

.btn-spt-home-tx {
    width: 1200px;
    padding: 15px;
    font-size: 2.5em;
    display: flex;
    align-items: center;
    gap: 0.5em;
    justify-content: flex-end;
    text-align: right;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.btn-spt-home-tx>span {
    flex-grow: 1;

}

.btn-spt-home-tx svg {
    max-width: 40%;
}

.btn-spt-home .vt-menu-img {
    min-height: 150px;
    background-position: center;
    background-size: cover;
    animation: randomBgMove 28s infinite alternate ease-in-out;
}

@keyframes randomBgMove {
    0% {
        background-position: 90% 9%;
    }

    25% {
        background-position: 60% 40%;
    }

    50% {
        background-position: 40% 60%;
    }

    75% {
        background-position: 55% 45%;
    }

    100% {
        background-position: 90% 90%;
    }
}

@media (max-width: 800px) {
    .btn-spt-home-tx {
        font-size: 1.5em;
    }



}



.btn-spt-home .vt-menu-html_lang::after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    display: block;
}

.footer-container .vt-menu-m.vt-footer-middle-custom .vt-menu-content-root .logos-ftps>.vt-menu-content {
    display: flex;
    flex-direction: row;
    gap: 1.5em
}

.vt-menu-content .logo-tdm {
    width: auto;
    height: 40px;
    margin-top: -3px
}

.vt-menu-content .logo-qdj {
    width: auto;
    height: 35px;
}

.vt-footer-txt-simple span.ft-dir {
    line-height: 1.4;
    display: block;
    margin-bottom: 1.5em;
}



@media (min-width:1150px) {
    .pro-cont-grid {
        display: grid;
        grid-template-areas:
            "ui-pro-cl1 ui-pro-cr"
            "ui-pro-cl2 ui-pro-cr";
        grid-template-columns: minmax(0, 1fr) minmax(550px, auto);
        grid-template-rows: auto auto;
    }

    .pro-cont-grid .vtui-pro-img {
        grid-area: ui-pro-cl1;
        width: 100%;
    }

    .pro-cont-grid .vtui-pro-res {
        grid-area: ui-pro-cr;
        width: 100%;
        max-width: 550px;
    }

    .pro-cont-grid .vtui-pro-tabs {
        grid-area: ui-pro-cl2;
        width: 100%;
    }

}

.sr-box-summary-footer {
    max-width: 550px;
}

#product-comments-list-header+.vui-sep {
    display: none;
}

.vui-product-reviews-summary {
    margin-top: 0;
    margin-bottom: 0;
}

.sr-fl {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 35px;
    font-weight: 700;
    height: 2em;
    justify-content: center;
    margin-bottom: 5px;
    width: 2em;
    text-transform: uppercase;

}

.sr-author {
    display: none;
}

.sr-infos {
    flex-direction: column;
    justify-content: center;
    min-width: 150px;
}

.sr-stars-rating-mb {
    display: flex;
    justify-content: center;
}

.sr-item {
    border-top: solid 1px #e1e1e1;
    padding: 1em 0;
}

.vui-product-reviews-summary {
    gap: 1em 1em;
}

@media (max-width:1600px) {
    .sr-box-summary {
        padding: 1em;
    }

    .sr-box-summary-di-b {
        max-width: 110px;
    }

    .sr-box-summary-footer {
        max-width: 450px;
    }

    .content_section {
        overflow: hidden;
    }

}

.sr-box-summary-footer {
    padding: 0;
}


/**
 *  VERTICAL SCROLL
 */
.vts-vertical-active {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.vts-horizontal-active {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.vts-hidden {
    display: none;
}

.vts-disabled {
    opacity: .2;

}

/************/
.js-qv-product-cover {
    max-width: 650px;
}

.vui-pro-min.vts-horizontal-active {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-direction: row;
}

.vui-pro-min.vts-vertical-active {
    flex-direction: column;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;

}

.vui-pro-min.vts-vertical-active:hover {
    overflow-y: auto;
}

.vts-horizontal-active-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.vts-vertical-active-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.page-content-thumbs:has(.vui-pro-min.vts-vertical-active) {
    padding: 1.5em;
    box-sizing: content-box;
}



.page-content-thumbs .vui-pro-zoom {
    width: 110px;
    height: 110px;
    max-width: 110px;
    max-height: 110px;
}

.vui-pro-min.vts-vertical-active .vui-pro-zoom:first-child {
    margin-top: 1em;
}

.vui-pro-min.vts-vertical-active .vui-pro-zoom:last-child {
    margin-bottom: 1em;
}

.vts-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    min-width: 2em;
    min-height: 2em;
    border-radius: 50%;
    background-color: #f2f2f2;
    color: #000;
    font-size: 1.5em;
    cursor: pointer;
    border: 1px solid #69696931;
}

.vts-btn:hover {
    background-color: #696969;
    color: #fff;
}

.vts-btn .material-symbols-outlined {
    font-size: 1.5em;
}

.vts-btn.vts-hidden {
    display: none;
}

.vtui-subcategory-content {
    display: flex; 
    gap: 1em;
    align-items: flex-start; 
 
}

#category .js-content-wrapper {
    overflow-x: hidden;
    max-width: 100%;
}

.vtui-subcategory-parent {
    position: relative;
}

.vtui-subcategory-parent .vts-btn {
    align-self: flex-start;
    margin-top: 37px;
    position: absolute;
    z-index: 2;
}

.vtui-subcategory-parent .vts-btn.vts-h-next {
    right: 0;
}

.vtui-subcategory-parent .vts-btn.vts-h-prev {
    left: 0;
}

/*
.vts-wrap.vts-horizontal-active-wrap .vts-btn.vts-h-next {
    margin-left: -2em;
    position: relative;
    z-index: 2;

}

.vts-wrap.vts-horizontal-active-wrap .vts-btn.vts-h-prev {
    margin-right: -2em;
    position: relative;
    z-index: 2;
}

*/
.vui-pro-min {
    max-width: 100vw;
    padding: 1em;
}

#content_thumbs .vts-horizontal-active-wrap {
    position: relative;
}

#content_thumbs .vts-horizontal-active-wrap .vts-btn {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#content_thumbs .vts-horizontal-active-wrap .vts-btn.vts-h-next {
    right: 0;
}

#content_thumbs .vts-horizontal-active-wrap .vts-btn.vts-h-prev {
    left: 0;
}

.vts-exists-scroll .vts-horizontal-active.vui-pro-min::after,
.vts-exists-scroll .vts-horizontal-active .vtui-subcategory-content::after {
    content: "";
    display: block;
    width: 2em;
    height: 1em;
    min-width: 2em;
}

#subcategories {
    overflow-x: hidden;  
    max-width: 100vw; 
    
}

.vts-horizontal-active-wrap {
    overflow-x: hidden;
    max-width: 100%;
}

.vts-horizontal-active-wrap.vts-exists-scroll {
    overflow-x: hidden;
    max-width: 100%;
}

.vts-exists-scroll .vts-horizontal-active.vui-pro-min::before,
.vts-exists-scroll .vts-horizontal-active .vtui-subcategory-content::before {
    content: "";
    display: block;
    width: 2em;
    height: 1em;
    min-width: 2em;
}

@media(max-width:600px) {
    .product-miniature .product-title a {
        font-size: 1em;
    }

    #category #js-product-list {
        padding-left: 1em;
        padding-right: 1em;
    }

}

#content_thumbs.page-content-thumbs:empty {
    display: none !important;
}

@media (max-width:1000px) {
    #product .vt-menu-m.vt-st1 {
        display: none;
    }

    #product .vt-menu-m.vt-st2 {
        display: none;
    }


}

.vt-menu-content-parent {
    position: relative;
}

.vt-menu-content-parent .vts-btn {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.vt-menu-content-parent .vts-btn.vts-h-next {
    right: 0;
}

.vt-menu-content-parent .vts-btn.vts-h-prev {
    left: 0;
}

.vt-menu-content-parent .vts-exists-scroll .vt-menu-content-root::before,
.vt-menu-content-parent .vts-exists-scroll .vt-menu-content-root::after {
    content: "";
    display: block;
    width: 2em;
    height: 1em;
    min-width: 2em;
}

.vtui-pro-img {
    opacity: 0;
    /* Empieza invisible */
    animation: fadeIn 0.5s ease-in-out forwards;
    animation-delay: .7s;
    /* Espera 2 segundos antes de aparecer */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@media (min-width: 768px) {
    .page-content-thumbs {
        padding: 1.5em;
        box-sizing: content-box;
    }
}

#content_thumbs>.vui-pro-min {
    max-height: 500px;
    overflow: hidden;
}

.vui-pro-min .vui-pro-zoom {
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.vui-pro-min:hover .vui-pro-zoom {
    opacity: 0.5;
}

.vui-pro-min:hover .vui-pro-zoom:hover {
    opacity: 1;
    cursor: pointer;
    transform: scale(1.1);
}

.title-cart-multi-shop {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    align-items: flex-end;
}

.title-cart-multi-shop small {
    font-size: .5em;
    font-weight: 400;
    color: #696969;
}

.cart-items .cart-item:last-child {
    border-bottom: none;
    margin-bottom: 1em;
}

.cart-shop-section {
    margin-bottom: 1.5em;
}

.cart-shop-section:last-child {
    margin-bottom: 0;
}

.cart-shop-section .card-block {
    padding-bottom: 0;
}

.cart-shop-section .separator {
    margin-top: 0.5em;
}

.vt-min-pro .vt-min-pro-r {
    flex-grow: 1;
}

.js-show-details {
    cursor: pointer;
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 8px;
    padding: 0.2em 1em;
    display: flex;
    justify-content: space-between;
}

#seurPudoContainer>div {
    padding: 1em;
    border: solid 1px #ccc;
    margin-bottom: -1px;
}

.product-miniature .product-reference,
.product-miniature .product-manufacturer {
    display: flex;
    gap: .51em;
    align-items: center;

}

/* ========================================
   MODERN LIST STYLES (UL & OL)
   ======================================== */

/* General UL styles for content areas */
.product-description ul,
.cms-content ul,
#product-description-short ul,
.rte-content ul {
    list-style: none;
    padding-left: 0;
    margin: 1em 0;
}

.product-description ul li,
.cms-content ul li,
#product-description-short ul li,
.rte-content ul li {
    position: relative;
    padding-left: 1.75em;
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* Custom bullet points with modern style */
.product-description ul li::before,
.cms-content ul li::before,
#product-description-short ul li::before,
.rte-content ul li::before {
    content: "●";
    position: absolute;
    left: 0;
    color: var(--color-primary, #2575d0);
    font-size: 1.2em;
    line-height: 1.3;
    font-weight: bold;
}

/* Nested UL styles */
.product-description ul ul,
.cms-content ul ul,
.rte-content ul ul {
    margin: 0.5em 0;
    padding-left: 1.5em;
}

.product-description ul ul li::before,
.cms-content ul ul li::before,
.rte-content ul ul li::before {
    content: "○";
    color: #696969;
    font-size: 1em;
}

/* General OL styles for content areas */
.product-description ol,
.cms-content ol,
#product-description-short ol,
.rte-content ol {
    list-style: none;
    counter-reset: custom-counter;
    padding-left: 0;
    margin: 1em 0;
}

.product-description ol li,
.cms-content ol li,
#product-description-short ol li,
.rte-content ol li {
    position: relative;
    padding-left: 2.5em;
    margin-bottom: 0.75em;
    line-height: 1.6;
    counter-increment: custom-counter;
}

/* Custom numbered bullets with modern style */
.product-description ol li::before,
.cms-content ol li::before,
#product-description-short ol li::before,
.rte-content ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #2575d0, #1a5ba8);
    color: #ffffff;
    font-weight: bold;
    font-size: 0.85em;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Nested OL styles */
.product-description ol ol,
.cms-content ol ol,
.rte-content ol ol {
    margin: 0.5em 0;
    padding-left: 1.5em;
    counter-reset: custom-counter-nested;
}

.product-description ol ol li,
.cms-content ol ol li,
.rte-content ol ol li {
    counter-increment: custom-counter-nested;
}

.product-description ol ol li::before,
.cms-content ol ol li::before,
.rte-content ol ol li::before {
    content: counter(custom-counter) "." counter(custom-counter-nested);
    background: #f0f0f0;
    color: var(--color-primary, #2575d0);
    font-size: 0.75em;
    width: 2.2em;
    height: 2.2em;
}

/* Hover effects for interactive feel */
.product-description li:hover,
.cms-content li:hover,

.rte-content li:hover {
    background-color: rgba(37, 117, 208, 0.03);
    border-radius: 4px;

    transition: all 0.2s ease;
}

.product-description ol li:hover,
.cms-content ol li:hover,

.rte-content ol li:hover {
    padding-left: 3em;
}

/* Responsive adjustments */
@media (max-width: 768px) {

    .product-description ul li,
    .cms-content ul li,
    .rte-content ul li {
        padding-left: 1.5em;
        font-size: 0.95em;
    }

    .product-description ol li,
    .cms-content ol li,
    .rte-content ol li {
        padding-left: 2.2em;
        font-size: 0.95em;
    }

    .product-description ol li::before,
    .cms-content ol li::before,
    .rte-content ol li::before {
        width: 1.6em;
        height: 1.6em;
        font-size: 0.8em;
    }
}


@media (max-width: 768px) {

    .cnb97u {
        position: relative;
    }

    #blockcart-modal .product-image {
        margin: auto;
    }

    #blockcart-modal .modal-dialog {
        display: flex !important;
        height: 100%;

    }

    #blockcart-modal .modal-dialog .modal-content {
        margin: auto;

    }

    #blockcart-modal p {
        margin-bottom: .5em;
        margin-top: .5em;
    }

    #blockcart-modal .col-md-5.divide-right .row {
        display: flex;
        gap: 1em;
        align-items: center;
        border-bottom: solid 1px #ccc;
    }

    #blockcart-modal .col-md-5.divide-right .row .col-md-6:first-child {
        width: 25%;
    }


    #blockcart-modal .modal-title {
        font-size: 1em;
        line-height: 1.2;
    }

    #blockcart-modal .modal-body {
        padding: 0.5em;
    }

    #blockcart-modal .product-image {
        margin-bottom: 0;
    }

    #blockcart-modal .product-name {
        margin-top: 0;
    }

    #blockcart-modal .col-md-5,
    #blockcart-modal .col-md-6,
    #blockcart-modal .col-md-7 {
        padding-left: 0;
        padding-right: 0;

    }

    #myModalLabel {
        display: flex;
        gap: 1em;
    }

    #header .header-a {

        transition: transform .5s linear;
        transform: translateY(0%);
    }

    .scroll-down #header .header-a {
        transform: translateY(-100%);
    }

    .scroll-up #header .header-a {
        transform: translateY(0%);
    }

    .product-comments-list-header,
    #product #tab-content-GPSR h3,
    .title_section {
        transition: top .5s  linear;

    }

    .scroll-down .product-comments-list-header,
    .scroll-down #product #tab-content-GPSR h3,
    .scroll-down .title_section {
        top: 0px;
    }

}
#blockcart-modal.modal{ z-index: 10134;}
.modal-content { overflow: hidden;  border-radius: 15px;}