:root {
	--primary-color: #c10049;
	--heavy-red:#e20049;
	--blue: #1a2b6d;
	--text-color: #212529;
	--light-gray:#858585;
}

body { font-family: "Century Gothic", arial; font-display: swap; }
main { background-color: white; padding-bottom: 1rem; /* transition: all 0.5s ease; */ }
.icon-pdf { color: #C50606; }
.text-primary { color: #c10049 !important; }
.azul { color: var(--blue); }
.verde { color: #090; }
a { text-decoration: none; }
.muted {color: var(--light-gray);}
.primary-color { color: var(--primary-color); }
.h1 { font-size: 1.4rem; }
.h2 { font-size: 1.25rem; }
.h3 { font-size: 1.1rem; font-weight: 700; }
.form-select:focus, .form-control:focus { box-shadow: none; border-color: #ced4da; }
/* .container-fluid {padding-left: 0!important;padding-right: 0 !important ;} */

/*BOTONES*/
.btn {align-items: center;  display: flex;  justify-content: center;}
.btn:focus { box-shadow: none; }
.btn-primary {
	color: white;
	background-color: #c10049;
	border: none;
	transition: 0.6s;
	font-size: 16px;
	font-weight: 700;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #1a2b6d;
}
.rounded { border-radius: 100px !important;}

.btn-secondary {
	color: #c10049;
	background-color: white;
	border: 1px solid #c10049;
	transition: 0.6s;
	font-size: 16px;
	align-items: center;
	display: flex;
	justify-content: center;
	font-weight: 700;
}
.fix-width{
	min-height: 45px;
	width: 100%;
}
.litle {
	font-size: 16px;
	height: 45px;
}
.btn-group-primary{
	width: 100%;
	color: white;
	background-color: #c10049;
	border: none;
	font-weight: 500;
	min-height: 45px;
	transition: 0.6s;
	font-size: 16px;
}
.btn-group-secondary{
	width: 100%;
	color: #c10049;
	background-color: white;
	border: 1px solid #c10049;
	font-weight: 500;
	min-height: 45px;
	transition: 0.6s;
	font-size: 16px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.btn-secondary:hover, .btn-group-secondary:hover, .btn-group-primary:hover {
  background-color: #1a2b6d;
  border-color: var(--blue);
  color: white;
}
.btn-default {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 30px;
	color: #212529;
	background-color: white;
	font-weight: 500;
	min-height: 25px;
	border-radius: 100px;
	transition: 0.6s;
	align-items: center;
	display: flex;
	justify-content: center;
}
.btn-default:hover {
  border: 1px solid #c10049;
}
.btn-outline-secondary {border-color: #ced4da;}
/*FIN BOTONES*/

.selected { color: orange !important; }
.cover-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 2;
}
.link {
  color: #212529;
  cursor: pointer;
}
.link:hover {
  color: var(--primary-color);
}
.link-color {
  color: var(--heavy-red);
  cursor: pointer;
}
.link-color:hover {
  color: var(--primary-color);
}

#especial table a {
  color: var(--heavy-red);
  font-weight: 600;
  cursor: pointer;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
textarea {
  min-height: 8rem !important;
}
.rounded-left {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.rounded-right {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
.imgAcabados {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  box-shadow: 0px 1px 3px 0px rgb(56 56 56 / 22%);
  cursor: pointer;
}
.bg-success {
  background-color: white ,var(--bs-bg-opacity)!important;
  border: 1px solid rgba(var(--bs-success-rgb));
  color: rgba(var(--bs-success-rgb));
}
.bg-danger {
  background-color: white ,var(--bs-bg-opacity)!important;
  border: 1px solid rgba(var(--bs-danger-rgb));
  color: rgba(var(--bs-danger-rgb));
}
.bg-info{
  background-color: white,var(--bs-bg-opacity)!important;
  border: 1px solid rgba(var(--bs-info-rgb));
  color: rgba(var(--bs-info-rgb));
}
.badge{font-weight: 600;width: fit-content;}
.space{border: none; background-color: transparent;}

/*HEADER*/
header { background-color: white; }
header .logo-responsive{height: 40px;}
header .redes-sociales {
  margin-bottom: 0;
}
header .area-cliente {
  background-color: #c10049;
  color: #fff;
}
header .area-cliente a {
  color: #fff;
  text-decoration: none;
}

header #nav-principal { transition: all 0.5s ease; }
header #nav-principal.navbar,
#navbar-responsive.navbar-responsive {
  background: linear-gradient(to right, #e20049 8%, #1a2b6d 96%);
  padding:8px 1rem;
}
header #nav-principal .nav-link {
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}
header #nav-principal .nav-link:hover { color: rgba(255, 255, 255); }
header .form-control { font-size: 14px; }
header .redes-sociales { margin-bottom: 10px; }
header #nav-familia { transition: all 0.5s ease; }
header #nav-familia .dropdown-menu { background-color: rgba(255, 255, 255, 0.986); }
header .rrss, footer .rrss {
	color: white;
	height: 22px;
	width: 23px;
	border-radius: 50%;
	background-color: #c10049;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: 0.6s;
}
header .rrss:hover, footer .rrss:hover {
	background-color: #1a2b6d;
}

header .btn-outline-secondary {
	border-color: #ced4da;
	background-color: #fff;
	transition: 0.6s;
}
header .btn-outline-secondary:hover {
	color: #fff;
	background-color: #1a2b6d;
	border-color: #1a2b6d;
}
header form {
	width: 100%;
}
header .carrito img {
	width: 45px;
}

#menu-container {
	background-color: rgba(255, 255, 255, 0.98);
	transition: all 0.5s ease;
}

.sticky {
	position: fixed;
	top: 0px;
	width: 100%;
	/* padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem); */
	left: 0;
	z-index: 999;
	box-shadow: 0px 3px 9px 0px rgb(0 0 0 / 8%);
}
.padding{padding-top: 0 !important; padding-bottom: 0 !important; transition: padding 0.3 ease-in-out;}
.enter {margin-top: 55px;}
.enter-big {margin-top: 110px;}

.suggestionsBox {
  border:1px solid #eee;color:#333;z-index:999; position: absolute; background: white; top: 40px;
}
.suggestionList {padding: 8px;}
.suggestionList li {list-style: none; margin:0px 0px 3px 0px;padding:3px;
}
.suggestionList li a{cursor:pointer;color:#c10049;text-decoration:none;}
.acceder {
  padding: 0;
  border-radius: 50px;
}
.acceder a {
  color: #1a2b6d;
  text-decoration: none;
  font-weight: 700;
}
.carrito-mob img {
  width: 25px;
}
.header-mobile {
  display: flex;
}

/*MENU*/
.nav-link {
  position: relative;
}

.navbar-default-new {
  background: linear-gradient(to right, #e20049 8%, #1a2b6d 96%);
  font-size: 1.8rem;
  position: relative;
  border-color: transparent;
  border: 0px;
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
}
.navbar ul li {
  list-style: none;
}
.navbar-default-new .navbar-nav > li > a {
  text-shadow: none;
  color: #fff;
}
.navbar-nav > li > a {
  padding: 10px 15px;
  font-size: 16px;
}
.navbar-submenu {
  padding: 0 20px;
  border: 1px solid #e20049;
  height: 43px;
}
.navbar-submenu .navbar-nav > li > a {
  color: #e20049;
  /* text-align: center; */
}
.sub-section {
  font-size: 14px !important;
  font-weight: bold;
}
.navbar-submenu .nav-item {
  /* min-width: 12rem; */
}
nav .dropdown-menu {
  border: none;
  z-index: 10;
  padding: 0 0 0 15px;
	/* border-right: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6; */
	border-top-right-radius: 0;
	border-top-left-radius: 0;
  background-color: transparent;
}
nav .dropdown-item {
  padding-left: 0;
}
nav .dropdown-item:focus,
nav .dropdown-item:hover {
  color: #c10049;
  background-color: transparent;
}

.img-responsive {
  max-width: 100%;
}
.tiendas .img-responsive {
  width: 100%;
}

/*BURGER*/
.hamburger {
  padding: 0;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  background-color: white;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #fff;
}

/*menu mobile*/

.menu-mobile {
  display: none;
  height: 0;
  background-color: white !important;
}
.visible {
  display: flex;
  height: auto;
  padding: 10px 12px;
  border-style: solid;
  border-top: none;
  border-width: 1px;
  border-image: linear-gradient(to right, #e20049, #1a2b6d) 1;
}
.invisible {
  display: none;
}

.menu-mobile .nav-link {
  color: #e20049;
  font-weight: 700;
}
#nav-familia.navbar {
  padding: 10px 12px;
  background-color: white !important;
  border-style: solid;
  border-top: none;
  border-width: 1px;
  border-image: linear-gradient(to right, #e20049, #1a2b6d) 1;
}
.padding-desktop {padding: 0px 12px !important;}
#nav-familia-movil.navbar {
  padding: 10px 15px;
  background-color: transparent !important;
  border: none;
  margin-top: -10px;
}
#nav-familia-movil.navbar-light .navbar-nav .nav-link {
  color: rgb(0, 0, 0);
}
header #nav-familia .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.98) !important;
}

.home-item {
  background-size: cover;
  height: 280px;
  font-size: 28px;
  transition: all ease-in-out 0.3s;
}
.home-item:hover {
  /* font-size: 30px; */
  padding-left: 10px;
}

.slider-movil {
  height: calc(100vh - 225px);
}

#home-grid-cards span {
	text-shadow: 0px 0px 10px rgba(150, 150, 150, 0.5);
	text-align: center;
}
#home-grid-cards .frase {
	display: inline-block;
	color: #000;
	background: #fff;
	/* mix-blend-mode: multiply; */
	position: relative;
	line-height: normal;
}
#home-grid-cards .card .card-img-overlay span {
	transition: all ease-in-out 0.3s;
}
#home-grid-cards .card {
	height: 100%;
	/* min-height: 230px; */
	background-size: cover;
	background-position: center;
}
#home-grid-cards .card:hover .card-img-overlay span {
	padding-left: 10px;
}

.card-footer {background-color: transparent; border: 1px solid #dee2e6}

#home-grid-cards .frase:before {
	content: "";
	display: block;
	width: 100%;
	height: 120%;
	background: linear-gradient(to right, #e20049 8%, #1a2b6d 96%);
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	left: 0;
}
.video-yt {
	height: 235px;
}

#second-row .card {
  height: 200px;
  border: none;
  background-position: center;
  background-size: cover;
  border-radius: none !important;
  background-color: #f4f4f4;
}
.franja-oferta, .franja-outlet, .franja-descuento { background-color:var(--heavy-red); color:white; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.franja-descatalogado { background-color: rgb(213, 213, 213); border-top-right-radius: 10px; border-top-left-radius: 10px; }
.franja-audeze_gold_dealer { font-weight:bold; color:white; font-size:1.5rem; background-color:#B9A256; letter-spacing:0.3rem }
.ofertas {
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ofertas span {
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	margin-top: 15px;
	color: #212529;
}

.card-franja {
	width: 100%;
	background: linear-gradient(to right, #e20049 8%, #1a2b6d 96%);
	color: white;
	padding: 10px;
}

#tiendas {
	background-image: url(/comun/img/home-card-tiendas.jpg);
}
#eventos {
	background-image: url(/comun/img/home-card-eventos.jpg);
}
#noticias {
	background-image: url(/comun/img/home-card-noticias.jpg);
}

.noticias a{color: #212529;}

#left-col .card {
	height: 200px;
	border: none;
	background-color: #f4f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
#left-col .img-producto {
	width: 60%;
}
.stiker {
	left: 20px;
	animation: bigger 1.5s infinite;
}
.stiker-rotate {
	left: 20px;
	animation: rotar 1.2s infinite;
}
.icon-title {
	text-align: center;
	font-weight: 800;
	font-size: 1.3rem;
	padding-bottom: 5px;
	border-bottom: 2px solid;
	margin-bottom: 4px;
}
#icons a {color: var(--text-color);}

.product-layer {
	position: absolute;
	z-index: 11;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(/comun/imagenes/play-layer.png);
	background-size: cover;
	cursor: pointer;
}

/*stiker en items*/
.stiker-item {
  position: absolute;
  /*width: 40% !important;*/
  left: 0px;
  /* animation: rotar 1.2s infinite; */
  z-index: 990;
}

/*EVENTOS*/
.evento-container {min-height: auto;}

@keyframes bigger {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

@keyframes rotar {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}

/*PROGRESSBAR*/

.progress {
  height: 6px;
  background-color: #dee2e6;
}
.compra-progressbar-item {
  font-weight: 700;
  width: 2rem;
  height: 2rem;
}
.compra-progressbar-item:nth-of-type(1) {
  position: absolute;
  top: 3px;
  left: 0% !important;
}
.compra-progressbar-item:nth-of-type(2) {
  position: absolute;
  top: 3px;
  left: 25% !important;
}
.compra-progressbar-item:nth-of-type(3) {
  position: absolute;
  top: 3px;
  left: 50% !important;
}
.compra-progressbar-item:nth-of-type(4) {
  position: absolute;
  top: 3px;
  left: 75% !important;
}
.compra-progressbar-item:nth-of-type(5) {
  position: absolute;
  top: 3px;
  left: 100% !important;
}
.progress-bar {
  background-color: #1a2b6d;
}

/*CARRITO*/
#sesion-carrito {width: 100%;}
.garantia {margin-bottom: -18px;}
.pill-primary { background-color: #1a2b6d; color: white; }
.pill-primary:hover { color: white; }
.pill-secondary { color: #fff; background-color: #dee2e6; }
.product-item-img { text-align: center; }
.qty {
  border: 1px solid #cacaca;
  background-color: transparent;
  margin-top: 0;
  border-radius: 0;
  width: 45px;
  height: 32px;
  background-color: white;
  padding: 0 10px;
}
.qty-btn-left {
  color: #212529;
  background-color: white;
  border: 1px solid #cacaca;
  border-radius: 25px 0 0 25px;
  border-right: none;
  padding: 0 7px;
  font-weight: bold;
  font-size: 18px;
}
.qty-btn-right {
  color: #212529;
  background-color: white;
  border: 1px solid #cacaca;
  border-radius: 0 35px 40px 0;
  border-left: none;
  padding: 0 7px;
  font-weight: bold;
  font-size: 18px;
}
.precio small { font-size: 12px; }
.precio p { text-align: start; }
.total { margin-right: 0; }
.resumen-pedido { display: flex; flex-direction: row; justify-content: space-between; border-bottom: 3px solid #e20049; }
/*FIN CARRITO*/

/*ENVIO*/
.datos {
  border-radius: 10px;
  box-shadow: 2px 2px 15px -3px rgb(0 0 0 / 13%);
  padding: 20px;
  height: 100%;
}

/*PAGOS*/
.payment-methods .card {
  padding: 20px;
}
.productos .card {
  border: none;
  text-align: center;
  color: #212529;
}
.productos .card img {
  transition: transform 0.5s ease-in-out;
}
.card-item {
  font-weight: bold;
  color: #1a2b6d;
  cursor: pointer;
}

.productos .card:hover img {
  transform: scale(1.05);
}
.oferta {
  font-weight: bold;
  color: #e20049;
}

/*FICHA PRODUCTO*/
.underline {
  border-bottom: 1px solid #ddd;
}
.ficha-imagen img {
  /* width: 80%; */
}
.info-breve p {font-size: 18px;padding: 20px; background-color: #e9ecef; border-bottom: 1px solid #e9ecef;}
.btn-share {
  border: 1px solid #1a2b6d;
  color: #1a2b6d;
}
.btn-share:focus {
  color: white;
  background-color: #1a2b6d;
}
.dropdown-item:hover {
  background-color: white;
}
.btn-filter {
  border: 1px solid #212529;
}
.ficha .right,
.shadow {
  box-shadow: -1px 2px 15px 0px rgb(56 56 56 / 13%);
  border-radius: 10px;
}


.margin-left {
  margin-left: 0;
}
.share .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  width: 60px;
  transform: translate3d(0px, 40px, 0px) !important;
}
.share .dropdown-item {
  padding: 0;
}
.share a {
  color: #212529;
}
.pill {
  font-size: 12px;
  border-radius: 50px;
  border: 1px solid #1a2b6d;
  color: #1a2b6d;
  padding: 2px 9px;
}

.te-interesa {
  background: linear-gradient(to right, #e20049 8%, #1a2b6d 96%);
  color: white;
  padding: 10px;
}
.te-interesa-info {
  background-color: #f4f4f4;
  padding: 20px;
}

.te-interesa-info-info a {
  color: #1a2b6d !important;
  cursor: pointer;
  font-weight: 700;
}
.te-interesa-info-info img {
  width: 50px;
  margin-right: 10px;
}

.comentario {
  width: 80%;
}

/*17-05-2022 Marta: cambio realizado para que en el menú movil el modal no se quede bloqueado cuando el menú está en posición sticky*/
.modal-backdrop {
  position: relative;
}
.not-found {width: 100%;}
#clientes div {border-bottom: 1px solid #1a2b6d; padding: 20px 0;}
#clientes div:last-child {border-bottom: none;}

#filtro-marcas .modal-body { padding:2rem; }
#filtro-marcas .modal-footer { border-top: none; padding-bottom: 2rem; }
#filtro-marcas .item-filtro { padding: 8px 0; cursor: pointer; }
#filtro-marcas .select-filter {
	border: 1px solid var(--primary-color);
	border-radius: 12px;
}
#filtro-marcas .marca-on {
	border: 1px solid var(--primary-color);
	border-radius: 12px;
}

.sticky-footer {
	position: fixed;
	z-index: 998;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	bottom: 10px;
}
.sticky-footer ul {
	border: 1px solid #e5e5e5;
	border-radius: 30px;
	background: #fff;
	width: auto;
	margin-bottom: 0;
	padding: 5px 10px;
}
.sticky-footer ul a { color: #333; }
.sticky-footer ul a:hover { color: #c10049; }

#area-newsletter {
	color: #fff;
	/* background: linear-gradient(to right, #e20049 8%,#1a2b6d 96%); */
	padding: 4rem 0;
}
#area-newsletter h2 {
	font-weight: bolder;
	font-size: 4rem;
	margin-top: 0px;
}
#area-newsletter .checkbox {
	margin-top: 0.5rem;
}
#area-newsletter a {
  color: #fff;
  text-decoration: underline;
}

.card-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-in;
}
.item:hover .card-img {
  transform: scale(1.03);
}

/* Degradado corporativo */
.degradado-anim {
	background: linear-gradient(270deg, #e20049, #1a2b6d);
	background-size: 400% 400%;
	-webkit-animation: AnimationName 6s ease infinite;
	-moz-animation: AnimationName 6s ease infinite;
	animation: AnimationName 6s ease infinite;
}
.degradado-txt {
	display: inline-block;
	color: #000;
	background: #fff;
	mix-blend-mode: multiply;
	position: relative;
}
.degradado-txt:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #e20049, #1a2b6d);
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	left: 0;
}

@-webkit-keyframes AnimationName {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
@-moz-keyframes AnimationName {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
@keyframes AnimationName {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/*AREA USUARIO*/
.pedidos .card { padding: 15px; }
.pedido-card { border-radius: 10px; box-shadow: 0px 2px 8px 0px rgb(56 56 56 / 13%); }
.pedido-card-header { padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.pedido-card-body{ padding: 15px; }
.tramitado { background-color: #090;color: white; }
.cancelado { background-color: rgb(209, 15, 15);color: white; }
.pendiente { background-color: rgb(207, 207, 207);color: #212529; }
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
ul.listaEstrellasProductos li {
	color: #ccc;
}

.valoracion {
	border-bottom: 1px solid #ddd;
	padding: 25px 0;
}

footer {
	background-color: #fff;
	color: #3e3e3e;
	font-size: 14px;
}
footer .link-secondary {
	color: #3e3e3e;
}
footer .link-secondary:hover {
	color: #000;
}
footer .creditcards img {
	width: 50px;
}
footer ul li .link-secondary {
	transition: padding-left 0.5s;
}
footer ul li .link-secondary:hover {
	padding-left: 4px;
}
.img-footer {
	width: 200px;
}
footer .logo-support {
	margin-top: 2rem;
	width: 200px;
	color: #50B363;
}

.notifications {
	bottom: 15px;
	right: 17px;
	position: fixed;
	z-index: 999;
	width: 46px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 36px;
	background-color: #c10049;
	box-shadow: rgb(0 0 0 / 20%) 2px 2px 5px 0px;
}
.notifications span {
  color: white;
  font-size: 20px;
}
#ScrollToTop {
  position: fixed;
  bottom: 85px;
  right: 22px;
  z-index: 999;
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  border-radius: 36px;
  box-shadow: rgb(0 0 0 / 20%) 2px 2px 5px 0px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#ScrollToTop span {
  color: #333;
  font-size: 20px;
  transition: 1s;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
	bottom: 20px !important;
	left: 20px;
}

/*OWL*/
.owl-carousel {
	display: flex !important;
	justify-content: center !important;
}
.owl-stage-outer {
	width: 100% !important;
}
.owl-carousel .owl-item img {
	width: auto !important;
}
.owl-nav {
	z-index: -1;
	display: none;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
	font-size: 4rem;
	color: var(--primary-color);
}
.owl-carousel .owl-nav button.owl-prev {
	margin-left: -45px;
}
.owl-carousel .owl-nav button.owl-next {
	margin-right: -45px;
}
.owl-dots {
	text-align: center;
	margin-top: 20px;
}
.owl-dots .owl-dot.active span {
	background: #c10049;
	border-radius: 30px;
	display: block;
	margin: 5px 7px;
	width: 10px;
	height: 10px;
}
.owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 0.2s ease;
	border-radius: 30px;
}
/*owl*/

.border-right { border-right: none; }

.galeriaNuetrasTiendas li { float: left; width: 50%; overflow: hidden; padding: 12px 8px; }

.avisos li { border-right: 1px solid #c10049; font-size: 12px; padding: 0 10px 0 0; text-align: center; margin-right: 0; }
.avisos li:last-child {border-right: 0px;}
.avisos a {
  color: #c10049;
}
.h2Producto {
	padding-bottom: 10px;
	border-bottom: 1px solid #c10049;
	margin: 15px auto;
}
.accordion-button:not(.collapsed) {
	color: #1a2b6d;
	background-color: #e7f1ff;
	box-shadow: none;
	font-weight: bold;
}
.accordion-button:focus {
	z-index: 3;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: none;
}

.card-img-container {
	height: 200px;
	overflow: hidden;
}

/*PAGINATION*/

.page-item.active .page-link {
	background-color: #c10049;
	border-color: #c10049;
}
.page-link {
	color: #212529;
}
.page-link:hover {
  color: #212529;
  font-weight: 700;
  background-color: white;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #212529;
  background-color: white;
  outline: 0;
  box-shadow: none;
}
/*FIN PAGINATIO*/


@media (min-width: 576px){
  .fix-width {
    max-width: 270px;
  }
}
@media (min-width: 768px) {
  #sesion-carrito {width: auto;}
  .border-right {
    border-right: 1px solid #1a2b6d;
  }

  header form {
    width: 30%;
  }
  .header-mobile {
    display: none;
  }
  .acceder {
    padding: 2px 16px;
    border-radius: 50px;
  }

  .btn-group-secondary,
  .btn-group-primary{
    max-width: 200px;
  }
  .litle {
    max-width: 200px;
  }
  .margin-left {
    margin-left: 25px;
  }
  /* .owl-stage-outer {
    width: 90% !important;
  } */

  .tiendas .img-responsive {
    width: 40%;
  }
  .galeriaNuetrasTiendas li {
    float: left;
    width: 25%;
    overflow: hidden;
    padding: 12px 8px;
  }
  .evento-container {min-height: 285px;}
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
    }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar ul li {
    display: flex;
    align-items: center;
  }
  .dropdown-menu[data-bs-popper] {
    margin-top: 11px;
  }
  .marginDesktop{margin-top: 1px !important;}
  header #nav-familia .dropdown-menu {
    box-shadow: -1px 2px 15px 0px rgb(56 56 56 / 13%);
    background-color: white;
    max-height: 360px;
    overflow:auto;
  }
  nav .dropdown-menu {
    padding: 10px;
  }

	/*
	#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
		bottom: 20px !important;
		right: 20px;
	}
	*/
  #ScrollToTop{bottom: 82px;}
  #menu-container {background-color:transparent;}
  .enter {margin-top: 62px;}
  .sticky{box-shadow: none;}
  #clientes div {border-right: 1px solid #1a2b6d; border-bottom: none;}
  #clientes div:last-child {border-right: none;}

  #menu-container .collapse {
    max-height: 450px;
    overflow: auto;
    padding-bottom: 20px;
    z-index: 999;
  }
}
@media (min-width: 992px) {
/*   .product-item {
    margin: 0;
    padding-bottom: 0;
  } */
  .quantity input {
    width: 60px;
    padding: 15px;
    border: none;
  }
  .precio p {
    text-align: end;
  }
  .total {
    margin-right: 45px;
  }
  .sticky {
    max-width: 935px;
    display: flex;
    flex-direction: column;
    left: auto;
    padding-left: 0;
    padding-right: 0;

  }
  .owl-nav {
    position: absolute;
    bottom: 30%;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .enter {margin-top: 44px;}
  #filtro-marcas .modal-body{
    padding:3rem 6rem;
  }
  .ofertas span {width: 80%;}
}
@media (min-width: 1200px) {
		.navbar-nav > li > a {
		padding: 10px 15px;
		font-size: 18px;
	}
	.sticky {
		max-width: 1116px;
	}
	header #nav-familia .dropdown-menu {
		max-height: fit-content;
		overflow:auto;
	}
}
@media (min-width: 1400px) {
	.sticky {
		max-width: 1297px;
	}
	.buscador-rrss {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
	}
	header .redes-sociales {
		margin-bottom: 0;
	}
}