/* Primer bloque del botón Ofertas en menú desktop/mobile.
   Archivo: 04-menu-ofertas.css
*/

.nav-desktop a[href*="ofertas"], nav a[href*="ofertas"]:not(.social-share-button) {
	background: linear-gradient(135deg, #0072ce 0%, #2daaf4 100%) !important;
	color: #fff !important;
	padding: 8px 18px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	line-height: 1.2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background .2s ease !important;
}

.nav-desktop a[href*="ofertas"]:hover, nav a[href*="ofertas"]:not(.social-share-button):hover {
	background: linear-gradient(135deg, #005ea8 0%, #1e9be8 100%) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}

.nav-mobile a[href*="ofertas"], .mobile-menu a[href*="ofertas"], .js-mobile-nav a[href*="ofertas"] {
	background: linear-gradient(135deg, #0072ce 0%, #2daaf4 100%) !important;
	color: #fff !important;
	padding: 10px 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: fit-content !important;
	margin: 8px 0 !important;
}

.nav-mobile a[href*="ofertas"]:hover, .mobile-menu a[href*="ofertas"]:hover, .js-mobile-nav a[href*="ofertas"]:hover {
	background: linear-gradient(135deg, #005ea8 0%, #1e9be8 100%) !important;
	color: #fff !important;
}