/* ### NUEVO MENU ### */
	.fixed-menu {
		position: fixed !important;
	}

	.header-nav {
		/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 16px; */
		background-color: var(--color-background-menu);
	}

	#background-header {
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 16px;
	}

	.pseudo-carrito {
		display: inline;
	}

	.pseudo-search {
		display: inline;
		border-radius: 100px;
		padding: 7px 7px;
		vertical-align: middle;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}

	.pseudo-search input {
		border: 0;
		background-color: transparent;
		width: 130px;
	}

	.pseudo-search input:focus {
		outline: none;
	}

	.pseudo-search button,
	.pseudo-search i {
		border: none;
		background: none;
		cursor: pointer;
	}

	.pseudo-search select {
		border: none;
	}

	.header-nav a {
		color: var(--color-items-menu);
		text-decoration: none;
	}

	.header-nav a:hover {
		color: var(--color-hover-menu);
		text-decoration: none;
	}

	ul li .item-principal {
		color: var(--color-items-menu);
		font-size: 17px;
		font-weight: 400;
	}

	ul li .item-principal:hover {
		color: var(--color-hover-menu);
	}

	ul li .nav-a-link {
		color: #7e7e7e;
		font-size: 15px;
		font-weight: 400;
		display: block;
		width: 100%;
	}

	.icon-shopping-cart {
		font-size: 23px;
		vertical-align: middle;
	}


	/* MENU MOVIL */
	.mobile-menu {
		display: none;
	}

	.mobile-menu-toggle {
		display: none;
	}

	.icon-search-cart {
		font-size: 23px;
		vertical-align: middle;
		padding-right: 20px;
	}


	@media (max-width: 1205px) {
		.mobile-menu {
			display: block;
		}

		.mobile-menu-toggle {
			display: block;
		}

		.menu {
			display: none;
		}

		.search-container {
			background-color: white;
			border-radius: 25px;
			display: none;
		}

		.header-nav-search {
			/* box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 2px !important; */
			background-color: var(--color-background-menu) !important;
		}

		.header-nav-search .pseudo-search {
			width: 100%;
		}

		.header-nav-search .form-search {
			width: 100%;
		}

		.header-nav-search .form-search input {
			width: 90%;
		}

		.header-nav-search .form-search button {
			width: 9%;
		}

		.header-nav-search .pseudo-search {
			box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 12px;
		}
	}

	@media (min-width: 1205px) {
		.header-nav-search {
			display: none;
		}
	}


	/* ESTILO MENU DESPLEGABLE */
	.submenu {
		display: none;
		position: absolute;
		background-color: #fff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		z-index: 9999;
		flex-direction: column;
	}

	.desplegable-menu:hover>.submenu {
		display: block;
	}

	.desplegable-menu {
		position: relative;
	}

	.submenu li {
		width: 100%;
		min-width: 280px;
		text-transform: capitalize;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 10px;
	}

	.submenu li:hover {
		padding-left: 30px;
		transition: transform 0.3s ease;
	}

	.submenu .submenu {
		left: 100%;
		width: 100%;
		top: 0;
	}

	.submenu .submenu .submenu {
		left: 100%;
		width: 100%;
		top: 0;
	}

	.desplegable-menu i {
		float: right;
		margin-left: 5px;
		transition: transform 0.1s ease;
		padding-top: 5px;
	}

	.desplegable-menu:hover i {
		transform: rotate(180deg);
	}

	#desktop-menu ul ul li:hover>a {
		color: var(--color-hover-menu);
	}

	#desktop-menu ul ul li:hover>.sub-style-hr {
		opacity: 1;
		margin: 0rem 0 !important;
		width: 85% !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left, #f0f0f0, var(--color-hover-menu), #f0f0f0);
		background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	}

	.sub-style-hr {
		opacity: 1;
		margin: 0rem 0 !important;
		width: 85% !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	}

	.search-container {
		background-color: white;
		position: relative;
		border-radius: 25px;
	}

	#search-input {
		min-width: 50px;
		transition: max-width 0.3s ease;
		color: var(--color-empresa);
		font-weight: 700;
		text-align: end;
		text-transform: uppercase;
		height: 30px;
		font-size: 13px;
	}

	#search-input::placeholder {
		text-transform: none;
	}

	.pseudo-search.expanded {
		position: relative;
		width: 400px;
		/* top: -7px; */
		background-color: white;
		transform: translateX(-100%);
		transition: all 0.4s ease; 
	}

	.pseudo-search.expanded #search-input {
		min-width: 340px;
	}

	.margen-search-expanded {
		margin-left: 180px;
	}

	#cart-content {
		max-height: 45em;
		overflow-y: scroll;
		position: absolute;
		top: 80px;
		/*50px*/
		right: 0;
		z-index: 10;
		min-width: 470px;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		padding: 10px;
		display: none;
		transition: all 0.3s ease-in-out;

		&.show {
			display: block;
		}
	}

	#cart-content::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #F5F5F5;
	}

	#cart-content::-webkit-scrollbar {
		width: 5px;
		background-color: #F5F5F5;
	}

	#cart-content::-webkit-scrollbar-thumb {
		background-color: var(--color-empresa);

		background-image: -webkit-gradient(linear, 0 0, 0 100%,
				color-stop(.5, rgba(255, 255, 255, .2)),
				color-stop(.5, transparent), to(transparent));
	}

	.total-modal {
		font-size: 20px;
		font-weight: 600;
	}

	.total-precio-modal {
		font-size: 20px;
		float: right;
		font-weight: 600;
	}

	.pseudo-carrito .opciones-modal {
		display: flex;
		justify-content: space-between;
	}

	.btn-seguir-comprando {
		background-color: var(--color-btn-modal-cart) !important;
		color: var(--color-btn-text-modal-cart) !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		border-radius: 8px;
	}

	.btn-pagar-modal {
		background-color: var(--color-btn-modal-cart) !important;
		color: var(--color-btn-text-modal-cart) !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		border-radius: 8px;
	}

	.btn-pagar-modal:hover,
	.btn-seguir-comprando:hover {
		background-color: var(--color-btn-hover-modal-cart) !important;
		color: var(--color-btn-text-hover-modal-cart) !important;
	}

	.icon-shopping-cart::after {
		content: attr(data-item);
		display: inline-block;
		width: 21px;
		height: 21px;
		float: right;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		background-color: var(--color-empresa);
		margin-left: -5px;
		border-radius: 50px;
		margin-top: -5px;
	}

	.form-search {
		display: inline-block;
	}

	.carrito-vacio-modal {
		font-size: 20px;
		margin-left: 10px;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	@media (min-width: 281px) and (max-width: 867px) {
		.menu-header-movil {
			padding-top: 2rem !important;
			padding-bottom: 2rem !important;
		}
	}




	/* RSBM */

	/* Primer Nivel */

	.menu ul {
		display: flex;
		gap: 90px;
		margin: 0;
		padding: 0;
		align-items: center;
	}

	.menu .img_logo_marcas {
		position: absolute;
		left: 28px;
		bottom: 3px;
		height: 81px;

	}

	.menu .img_american_bull {
		max-height: 90px;
		width: 130%
	}

	.menu .img_gorillaz {
		max-height: 90px;
		width: 130%
	}

	.menu .img_patngk {
		max-height: 90px;
		width: 130%
	}

	.menu .img_slr {
		max-height: 80px;
		width: 120%
	}

	.menu .img_vitalintl {
		max-height: 90px;
		width: 130%
	}

	.menu .img_yoke {
		max-height: 85px;
		width: 110%
	}

	.menu .img_armbury {
		max-height: 110px;
		width: 130%
	}

	.menu .img_rigio {
		max-height: 90px;
		width: 130%
	}



	/* Segundo Nivel */
	.menu ul li ul {
		display: none;
		padding-top: 10px;
	}

	.menu ul li:hover>ul {
		display: block;
		position: absolute;
		/* margin-top: 10px; */
	}

	.menu .li_segundo_nivel {
		display: block;
		white-space: nowrap;
		position: relative;
		background: white;
		padding-top: 11px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 10px;
	}

	.menu .li_segundo_nivel:hover {
		background-color: #ebebeb;
	}

	.menu .li_segundo_nivel .a_enlace :hover {
		color: #00a6e7;
	}

	.menu .li_segundo_nivel .a_enlace:hover::after {
		content: '';
		display: flex;
		width: 100%;
		height: 1px;
		background: linear-gradient(to right, transparent 0%, #00a6e7 65%, transparent 100%);
		position: absolute;
		bottom: 0;
	}

	/* Tercer Nivel */
	.menu ul li ul li:hover>ul {
		display: block;
	}

	.menu ul li ul li ul {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 100%;
	}

	.menu .li_tercer_nivel {
		display: block;
		white-space: nowrap;
		position: relative;
		background: white;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 13px;
	}

	.menu .li_segundo_nivel .li_tercer_nivel:hover {
		background-color: #ebebeb;
	}

	.menu .li_segundo_nivel .li_tercer_nivel .a_enlace :hover {
		color: #00a6e7;
	}


	/* Colores */
	.a_enlace {
		background: black;
	}


	.span_texto {
		color: #7e7e7e;
		display: block;
		font-size: 14px;
		padding: 4px;
	}

	.top-bar-content {
		margin: 5px;
	}

	.top-bar-content-item {
		margin: 0rem 3rem 0rem 3rem;
	}

	.menu {
		margin: inherit;
	}

	.header-wrapper {
		font-size: 17px;
	}

	.estilos_a_header{
		font-size: 13px !important;
		font-weight: 600 !important;
	}