:root{
    --color-amarillo: #ffd741;
    --color-rojo: #d90244;
}

body{
    overflow-x: hidden;    
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: normal;
    background-color: #f2f2f2;
    letter-spacing: 1px;
}


  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #f63737 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #f63737 !important;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
  

p{
    font-size: 14;
    line-height: 24px !important;
    color: #666666;
    font-family: 'Roboto', sans-serif !important;
}

/* --------------------Eliminar uppercase--------------- */

h1, h2, h3, h4, h5, h6{
    text-transform: none !important;
}

a.subcategory-name {
    text-transform: none !important;
}

a.text-uppercase.h6 {
    text-transform: none !important;
}
/* --Fin eliminar uppercase-- */

h6 {
    color: #000 !important;
}

.text-uppercase h6{
    font-size: 18px !important;
    font-weight: 700 !important;
}

a {
    cursor: pointer;
    color: #000D8D;
    text-decoration: none;
}

a:hover{
    color: var(--color-rojo);
}

header.page-header,
nav.breadcrumb.hidden-sm-down{
    text-align: center;
}



.btn-primary{
    background: var(--color-rojo) !important;
}

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


article.product-miniature.js-product-miniature {
    background: #fff !important;
    background: #fff !important;
}

.js-product.product {
    background: #fff !important;
}

li.product-flag.new {
    display: none !important;
}

.has-discount.product-price{
    color: var(--color-rojo);
}





/* -------------------- Produtos -------------------- */

/* textos y precio */

.product-miniature .product-title a{
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    color: #000;
}´

.product-price-and-shipping span.price{
    color: var(--color-rojo) !important;
}

span.price {
    color: var(--color-rojo) !important;
    font-weight: 900;
    font-size: 24px;
}


/* fin textos y precio */

.highlighted-informations.no-variants {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    bottom: 50px !important;
}

.product-flags.js-product-flags {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    flex-direction: inherit !important;
}

.product-price-and-shipping {
    display: flex;
    flex-direction: column-reverse;
    /* text-align: center; */
    justify-content: center !important;
    align-items: center !important;
}

ul.product-flags.js-product-flags {
    display: flex;
    justify-content: center;
    align-items: center;
}

li.product-flag.discount, span.discount.discount-percentage {
    background: var(--color-rojo) !important;
}

article.product-miniature.js-product-miniature {
    height: 100%;
}



/*-------------------- Botones de ver más y carrtio en los productos-------------------- */

button.btn.add-to-cart.tvproduct-add-to-cart, a.quick-view.js-quick-view {
    background: var(--color-amarillo);
    border-radius: 100%;
    padding: 5px;
    color: #000;
    margin: 0 5px;
}

a.quick-view.js-quick-view i {
    color: #000;
}

button.btn.add-to-cart.tvproduct-add-to-cart:hover, a.quick-view.js-quick-view:hover {
    background: var(--color-rojo);
}

.highlighted-informations.no-variants {
    opacity: 0;
}

.thumbnail-container:hover .highlighted-informations.no-variants {
    opacity: 1;
}

/* --------------------Fin Produtos --------------------*/

/* Productos en página de categorías */

/* Header categorías */
div#left-column {
    padding: 0 !important;
}


.block-category-inner {
    display: flex !important;
    flex-direction: column;
}

.block-category .block-category-inner .category-cover img {
    width: 100%;
}

.category-cover img {
    object-fit: contain;
}

.subcategory-image a img.replace-2x {
    height: auto;
}

a.subcategory-name {
    font-size: 14px;
}

.block-category-inner .h1 {
    font-size: 18px;
}

/* -------------------- Fin header categorías -------------------- */

/* -------------------- Sub Categorias -------------------- */
.subcategory-image a img {
    object-fit: contain;
}

ul.subcategories-list {
    max-height: 300px;
    overflow-y: scroll;
}

/* -------------------- Fin subcategoías -------------------- */


/* -------------------- Categorías -------------------- */

.block-categories {
    padding: 0;
}


.block-categories .category-sub-menu li[data-depth="0"]>a {
    font-weight: 500;
    font-family: 'Roboto';
}

.block-categories .category-sub-menu {
    margin-left: 0.5rem;
    font-family: 'Roboto';
}

.navbar-toggler.collapse-icons i {
    font-size: 16px;
}

ul.category-top-menu > li:first-child {
    background: #FFD741;
    padding: 10px;
}

ul.category-top-menu > li:first-child a{
    font-family: Manrope, sans-serif;
    font-weight: 700;
    font-size: 16px;
}

ul.category-sub-menu{
    line-height: 2;
    padding: 10px;
}

.category-sub-menu li a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400 !important;
}

.block-categories .category-sub-menu {
    margin-left: 0.5rem;
    font-family: 'Roboto';
}


/* -------------------- Fin Categorías -------------------- */

.js-product.product {
    background: none !important;
    margin-bottom: 20px;
}

/* -------------------- Productos -------------------- */

.product-miniature .thumbnail-container .product-thumbnail img {
    padding: 10px;
}

.js-product.product.col-xs-6 {
    padding: 5px;
}

/* -------------------- Fin prouctos categorías -------------------- */

.row.product-container.js-product-container {
    margin: 0 auto;
    max-width: 1200px;
}




/*--------------------  Producto único --------------------*/

/*Producto variable estilos*/
.clearfix.product-variants-item .control-label {
    font-size: 20px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
}


.row.product-container.js-product-container {
    background: #fff;
    padding: 30px 0;
}

img.img.img-fluid.manufacturer-logo {
    max-width: 300px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#product #content {
    max-width: 75%;
}

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

.product-description p a{
    color: #000D8D !important;
}

/* -------------------- Precio --------------------*/
    .product-prices.js-product-prices {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .product-price.h5.has-discount {
        display: flex;
    }
    
    
    .product-price.h5.has-discount .current-price {
        display: flex;
        flex-direction: column;
    }
    
    span.discount.discount-percentage {
        margin: 10px 0 -10px 0;
        padding: 10px 15px;
    }
    
    span.current-price-value {
        font-size: 24px;
    }
    
/* -------------------- Imagem -------------------- */
img.thumb.js-thumb.selected.js-thumb-selected {
    border: none;
}

.product-cover .layer{
    background: rgba(0,0,0,.01);
}
    
/* -------------------- Tabs -------------------- */
.tabs .nav-item a.nav-link.active.js-product-nav-active {
    color: var(--color-rojo);
    border-bottom: solid 3px var(--color-rojo);
}

.tabs .nav-item a.nav-link:hover{
    color: var(--color-rojo);
    border-bottom: solid 3px var(--color-rojo);
}
/* -------------------- Fin precio -------------------- */


/*-------------------- Fin Producto único --------------------*/

@media screen and (max-width: 767px){
    /* -------------------- Categorías -------------------- */
    .category-cover {
        display: flex !important;
    }
    
    
    /*-------------------- Producto único --------------------*/
    ul.nav.nav-tabs {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    
    a.nav-link {
    border: solid 1px rgba(0,0,0,.5) !important;
    margin-bottom: 5px;
    }
    
    a.nav-link.active.js-product-nav-active{
        background: #f2f2f2;
    }
}


@media (min-width: 992px){
    .container {
        width: 100%;
        max-width: 100%;
    }
}


@media screen and (max-width: 1024px){
    #wrapper>.container {
        width: 100%;
    }
    
    .product-miniature .highlighted-informations{
        position: relative;
    }
    .highlighted-informations.no-variants{
        bottom: 0px !important;
    }
    .highlighted-informations.no-variants {
    opacity: 1;
    }
    
    div#left-column {
        display: none;
    }
    
    div#content-wrapper {
        width: 100%;
    }
}

@media (min-width: 1200px){
    #wrapper>.container {
        width: 100%;
    }
}

@media (min-width: 1380px){
    #wrapper>.container {
        max-width: 1380px;
        width: 100% !important;
    }
}



@media (min-width: 1661px){
    #wrapper>.container {
        max-width: 1630px;
    }
}