/* Estilos generales */

html, body { margin: 0; font-size: 100%; background: #fff; font-family: open sans,sans-serif; font-size: 0.95rem; color: #545454; }
p { margin: 0; letter-spacing: 1px; font-size: .9em; }
a, .nav-link { color: rgb(39, 29, 102); text-decoration: none; } 
a:hover { color:#747474!important; }
input[type=submit]:disabled, input[type=submit]:disabled:hover, input[type=button]:disabled, input[type=button]:disabled:hover, .btn-primary.disabled, .btn-primary:disabled { background: #dddddd; border-color: #dddddd; }
select { -moz-appearance: menulist; appearance: menulist; -webkit-appearance: menulist; }

/* Tipografías */

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-300italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800italic - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Estilos Bootstrap */

.accordion-button:not(.collapsed) { background-color: #f5f5f5; color: #000; }
.accordion-header { background-color: rgba(0,0,0,.03); }
.alert { font-size: 0.85rem; font-family: open sans,sans-serif; }
.bg-primary { background-color: #212529!important; }
.breadcrumb-item+.breadcrumb-item::before { content: '>'; font-weight: 500; }
.btn, .form-control, .form-select, .form-check-input[type=checkbox], .card, .list-group { font-size: 0.95rem; letter-spacing: 0; }
.btn-primary, .form-check-input:checked { background-color: #747474; }
.btn-primary { background-color: #747474; border: 0;}
.btn-primary:not(:disabled) { border-color: #747474; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active { background-color: rgb(39, 29, 102); border-color: rgb(39, 29, 102); color: #fff!important; }
.btn-outline-primary, .btn-check:checked+.btn-outline-primary { color: #545454; border-color: #545454; }
.btn-outline-primary:hover { color: #fff!important; background-color: rgb(39, 29, 102); border-color: rgb(39, 29, 102); }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { background-color: #545454; border-color: #545454; }
.btn-link { color: #747474!important; }
.btn-link:hover { color: rgb(39, 29, 102)!important; }
.btn-link:hover, .btn-link:focus { text-decoration: none!important; }
.card.traslucido { border: 0; background: none!important; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-color: #747474; }
.carousel-control-prev, .carousel-control-next { opacity: 1!important; }
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: unset; }
.dropdown-menu .dropdown-item{ white-space:normal; }
.dropdown-menu { border: 0; min-width: 200px; }
.dropdown-menu .nav-item .nav-link { color: #000!important; }
.dropdown-item, .dropdown-item:focus, .dropdown-item:hover { text-decoration: none; color: #545454!important; }
.dropdown-item.active, .dropdown-item:active { color: #fff!important; background-color: rgb(39, 29, 102); }
.form-check-input[type=checkbox]:checked, #formlogin .form-check-input[type=radio]:checked { border-color: rgb(39, 29, 102); }
.form-control, .form-select { color: #545454; }
.form-floating textarea { height: 120px; }
.img-responsive, img { max-width: 100%; }
.navbar-expand-lg .navbar-nav .dropdown-menu { max-height: 70vh; overflow-y: auto; }
.navbar-light .navbar-toggler { border-color: #ced4da!important; }
.navbar-light .navbar-nav .nav-link { color: #000; }
.text-body { color: #545454; }

/* Estilos Flickity */
.flickity-button, .flickity-button:hover { background: #747474; border-radius: 0; }
.flickity-prev-next-button { padding: 0; width: 2rem; height: 2rem; }
.flickity-prev-next-button .flickity-button-icon { position: relative; fill: #fff; top: 0; left: 0; width: 1.5rem; height: 1.5rem; }
.flickity-button:active { opacity: 1; }

/* Estilos personalizados */

.alert-faltantes { max-width: 500px; font-size: 14px; }
.bg-black { background-color: #000; }
.bg-secundario { background-color: #c5c5c5;}
.bg-azul { background-color: rgb(39, 29, 102); }
#botoncarrito { min-width: 175px; }
.botonwhatsapp { color: #fff; vertical-align: middle; position: fixed; bottom: 2%; right: 1%; z-index: 9999; padding: 7px 10px 8px 10px; background-color: #25d366; border-radius: 50%; }
#botonera .btn { min-width: 45px; }
#buscador-outer { top: 0; left: 0; z-index: 1001; }
.cabecera .navbar { z-index: 1000; }
.cabecera .navbar .flex-row { min-height: 60px; }
.cabeceraproductos { height: 5rem; }
.cabeceraproductos .card-title { display: inline-block; font-weight: 500; }
.card-body-mnu { margin-top: 0; margin-bottom: 0; /*background-color: rgb(11, 189, 165); display: none;*/ }
.card-body-mnu .card-title-mnu { display: inline-block; vertical-align: middle;  margin-right: 10px; padding: 22px; }
.card-body-mnu .card-title-mnu a { font-size: 40px; /*color: white !important;*/ }
.comprado { color: #fff!important; background-color: #747474; width: 90px; height: 50px; padding: 15px 15px; text-align: center; z-index: 999; border-radius: 0;}
#carrito-partial { min-width: 25px; top: -7px; right: -7px; }
#categoriashome a:hover .zoom { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
#categoriashome .card { overflow: hidden; }
#categoriashome .card-img-overlay { background: rgba(0,0,0,0.35); }
#categoriashome .zoom, #buscador-outer { transform: scale(1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.descripcionproducto { width: 320px; }
.destaquehome { color: #000; font-weight: 700; }
#detallecarrito .btn { font-family: open sans,sans-serif; }
.detalleproducto { text-align: left; margin: 20px 0 0; }
.detalleproducto .precio span { color: #545454; font-weight: 600; letter-spacing: 1px; font-size: 1rem; }
.detalleproducto h4 { min-height: 54px; font-weight: 300; }
.detalleproducto h4 a { color: rgb(39, 29, 102); text-transform: uppercase; text-decoration: none; font-weight: 600; }
#detalleshome .far, #detalleshome .fas, #detalleshome .fab { display: inline-block; border-radius: 100%; padding: 1.5rem; min-width: 128px; text-align: center;}
#emparentados input[type="radio"]:checked+label { font-weight: 700; }
.footer, .footer a, .footer .btn-link { color: #000!important; font-size: .9em; letter-spacing: 1px;}
#formcontacto textarea { min-height: 105px; }
.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto; }
.grow { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); z-index: 2; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
i.text-white:hover { color: #545454!important}
.infocolores { font-size: 12px; padding: 5px; display: block; }
.info-product-price span { color: #545454; font-size: 1em; font-weight: 600; letter-spacing: 1px; }
.item_price { color: #545454; }
.item_price del { color: #999; margin-left: 10px; font-weight: 300; }
.listaproductos a.codigo { color: #545454!important; display: block; width: 100%; font-size: 0.8rem; }
.listaproductos .card-footer { z-index: 1; }
#logs { white-space:pre-wrap; max-height: 75vh; }
#masinfo { font-size: 0.75rem; letter-spacing: 1px; border-bottom-color: rgb(206, 212, 218); font-weight: 600; }
.mensajecabecera p { background-color: #747474; color: #545454; font-weight: 700; text-transform: uppercase; }
#menufiltros.show { max-height: 75vh; overflow-y: auto; overflow-x: hidden; }
#menufiltros .nav-item, #menufiltros .nav-item .nav-link, #menufiltros h6 { color: #545454!important; }
#menufiltros .nav-item.hover, #menufiltros .nav-item:hover { text-decoration: none; background-color: #e9ecef; }
#menufiltros .nav-item.active, #menufiltros .nav-item:active { background-color: #9e0000; }
#menufiltros .nav-item.active .nav-link, #menufiltros .nav-item:active .nav-link { color: #fff!important; }
.navbar-light .navbar-nav .nav-link, .footer a { width: 100%; font-weight: 600; }
.navbar-light .navbar-nav .nav-link { font-weight: 600; font-size: 0.95rem; text-transform: none; color: #545454!important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .footer a:hover { color: rgb(39, 29, 102)!important; text-decoration: none; }
p.infoextra { font-size: 0.9rem; }
.page-link { color: rgb(39, 29, 102); min-width: 40px; text-align: center; }
.page-item.active .page-link { background-color: #747474; border-color: #747474; }
.pagination a { background-color: #fbfbfb; border-radius: 50%!important; border-color: #eee; }
.pagination li.disabled a { pointer-events: none; }
.pagination li:not(.disabled) a:hover, .pagination li:not(.disabled) a.fw-bold { background-color: #545454; color: #fff!important; border-color: #545454; }
.producto a { position: relative; }
.producto:hover .segundafoto { opacity: 1; }
.segundafoto { opacity: 0; transition: .5s ease; position: absolute; top: 0; }
.segundafoto img { max-height: 100% }
.tituloembed { font-weight: 700; font-size: 1.25rem; text-transform: uppercase; }
.value-minus, .value-plus, .btn-outline-secondary { min-width: 25px!important; display: inline-block; }
@media only screen and (max-width: 767px) {
.colores .color-quality-right { overflow-wrap: unset; overflow-x: scroll; width: 100%; display: inline-block; }
.colores .color-quality-right #emparentados { white-space: nowrap; display: inline-block; }
}
@media only screen and (min-width: 768px) {
.carousel-cell { width: 25%!important; }
#infogeneral { border-bottom: 1px solid #dee2e6!important; }
.collapse.dont-collapse-sm { display: block; height: auto !important; visibility: visible; }
}
@media only screen and (min-width: 992px) {
#buscador-outer { position: absolute; top: 5px; margin-left: 5px; padding-left: 10px; padding-right: 10px; }
}
@media only screen and (max-width: 991px) {
#botones-menu { background-color: #fff!important; }
}

@media(max-width: 820px)
{
    .d-xs-none
    {
        display: none !important;
    }
}