:root {
    --main-color: #C09E45;
    --brighter-color: #fafafa;
    --bright-color: #e9e9e9;
    --dark-color: #888988;
    --darkter-color: #030303;
    --footer-backcolor: #333333;
    --font-family: 'Lato', sans-serif;
    --logo-filter:opacity(1);
    --menu-bordercolor: #adadad;
    --preloader-color-1: var(--main-color);
    --preloader-color-2: var(--footer-backcolor);
    --background-blink-color: #ffd3608f;
    --product-discount-backcolor: #000000;
    --product-discount-color: #ffffff;
    --product-discount-accent-color: #ffd360;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/* slider */
#common-home .flexslider_container {
margin-top: -184px;
margin-bottom: 80px;
}

/* carrusel de marcas */
.ci_slider {
margin-top: 80px;
margin-bottom: 80px;
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid;
}
.btn-info:hover {
    color: #fff;
    background-color: #eb767b;
    border: 1px solid;
}

.btn_shopping_cart:not([disabled]):not(.disabled) {
    border: 1px solid;
    background-color: var(--main-color);
    color: white;
}
.btn_shopping_cart:not([disabled]):not(.disabled):hover {
    color: white;
    background-color: #f9c63e;
    border: none;
}
.btn_shopping_cart:not([disabled]):not(.disabled):hover svg, .btn_shopping_cart:not([disabled]):not(.disabled) svg:hover {
fill: #fff;
}
/* SLIDER TEXT */
.flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-title {
    font-size: 6rem;
    font-weight: 700;
    margin-bottom: 20px;
    animation-name: backInDown;
    animation-duration: 1s;
    animation-delay: 0.5s;
}
.flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-subtitle {
    font-size: 4rem;
    font-weight: 700;
    animation-name: zoomIn;
    animation-delay: 1.5s;
    animation-duration: 1s;
}
@media (max-width: 992px) {
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-title {
        font-size: 5rem;
    }
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-subtitle {
        font-size: 3.5rem;
    }   
}
@media (max-width: 768px) {
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-title {
        font-size: 4rem;
    }
    .flexslider_container .flexslider .slider-text > .slider-text-inner h1.slider-subtitle {
        font-size: 3rem;
    }        
}


/* MAP */
section.map {
    margin: 100px 50px;
    color:var(--darkter-color);
    display: flex;
    justify-content: center;    
}
section.map .row {
    flex: 1;
}
section.map h1 {
    font-size: 5rem;
    font-weight: 700;
    margin: 0 20px 32px 20px;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0;        
}
section.map .google-map {
    height: 400px;
}


/* MENU */
/*
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    border-bottom: 2px solid #fff;
}
.dropdown-submenu.open>a>svg.expand {
    fill: #fff;
}
.dropdown-submenu:hover>a>svg.expand {
    fill: #fff;
}
li.dropdown:hover>a>svg.expand {
    fill: #fff;
}
li.dropdown.open>a>svg.expand {
    fill:#fff;
}
*/
#menu .dropdown-menu {
border-left: 1px solid rgba(0,0,0,.15);
    backdrop-filter: blur( 8.5px );
    -webkit-backdrop-filter: blur( 8.5px );
    background: #ffffffc7;
    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
}
/*
.menu-button-container {
fill: #fff;
}
.menu-icon {
    filter: invert(1);
}
#menu .nav > li > a {
    color: #FFF;
}
#menu:not(.compact) .nav > li > a:hover, #menu:not(.compact) .nav > li.open > a {
    color: var(--lightgrey-color);
}
#menu .dropdown-inner a {
    color: #FFF;
}
#menu .nav > li > a  {
    color: #FFF;
}

@media (max-width: 767px){ 
.navbar-collapse {
    background-color: #373737;
}
}
*/

/* PRELOADER */

.preloader img {
    display: none;
}
.preloader-custom {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid;
    border-color: var(--preloader-color-1) var(--preloader-color-1) transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.preloader-custom::after,
.preloader-custom::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent var(--preloader-color-2) var(--preloader-color-2);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}
.preloader-custom::before {
    width: 32px;
    height: 32px;
    border-color: var(--preloader-color-1) var(--preloader-color-1) transparent transparent;
    animation: rotation 1.5s linear infinite;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    
/*    

.preloader img {
    display: none;
}

.preloader-custom {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    display: block;
    width: 48px;
    height: 48px;
    margin-left: -25px;
    margin-top: -25px;
    animation: preloader-rotate 1s infinite;
  }

.preloader-custom:before,
.preloader-custom:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}
.preloader-custom:before {
    animation: preloader-ball1 1s infinite;
    background-color: var(--grey-color);
    box-shadow: 30px 0 0 var(--main-color);
    margin-bottom: 10px;
}
.preloader-custom:after {
    animation: preloader-ball2 1s infinite;
    background-color: var(--main-color);
    box-shadow: 30px 0 0 var(--grey-color);
}

@keyframes preloader-rotate {
    0% { transform: rotate(0deg) scale(0.8) }
    50% { transform: rotate(360deg) scale(1.2) }
    100% { transform: rotate(720deg) scale(0.8) }
}

@keyframes preloader-ball1 {
    0% {
        box-shadow: 30px 0 0 var(--main-color);
    }
    50% {
        box-shadow: 0 0 0 var(--main-color);
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 var(--main-color);
        margin-bottom: 10px;
    }
}

@keyframes preloader-ball2 {
    0% {
        box-shadow: 30px 0 0 var(--grey-color);
    }
    50% {
        box-shadow: 0 0 0 var(--grey-color);
        margin-top: -20px;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 var(--grey-color);
        margin-top: 0;
    }
}
  */
 
@media (max-width: 767px) {
    .navbar-collapse {
        min-width: 60%;
    }
}

.flexslider_container .flexslider .slider-text {
    left: 0;
}



/* Estilos del popup */
    .popup-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
     display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-overlay img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 10px;
      box-shadow: 0 0 20px #000;
    }

    .popup-close {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 30px;
      color: #fff;
      cursor: pointer;
    }

#product-selector-panel .panel-heading .panel-title img {
filter:none!important;
}
#product-selector-panel .panel-heading {
background-color: #ededed!important;
border-color:#ddd ! important;
}
#product-selector-panel .panel-heading .panel-title span {
color:#6b6b6b!important;
}
#product-selector-panel .panel-heading .btn-home svg {
fill: #6b6b6b!important; 
}

.marquee-container marquee {
padding: 5px 0 ! important;
}





/* DISCOUNT */
/* Ficha de producto */
.product-discount {
    display: block;
    width: fit-content;
    max-width: 100%;
    background-color: var(--product-discount-backcolor);
    color: var(--product-discount-color);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    padding: 10px 14px;
    margin: 0 auto 8px;
    border-radius: 6px;
    list-style: none;
    text-align: center;
}
.product-discount b {
    font-size: 1.10em;
    font-weight: 700;
}
.product-discount strong {
    color: var(--product-discount-accent-color);
    font-size: 1.15em;
    font-weight: 800;
}
/* Thumb / listado: centrado y sin salto */
.product-thumb .thumb_stickers {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.product-thumb .product-discount {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 6px 0;
    padding: 7px 8px;
    font-size: 14px;
    line-height: 1.35;
    min-height: 48px;
    text-align: center;
    box-sizing: border-box;
}
.product-thumb .product-discount b,
.product-thumb .product-discount strong {
    font-size: inherit;
    line-height: inherit;
}
.product-thumb .product-discount strong {
    color: var(--product-discount-accent-color);
    font-weight: 800;
}