/* Estilos específicos para botón TURNOS ONLINE */
/* Este archivo se debe incluir DESPUÉS de main.css */

header .nav>li.turnos>a,
header .nav>li.turnos>a:visited,
header .nav>li.turnos>a:link {
	background-color: #FF0000 !important;
	color: #fff !important;
	padding: 12px 30px !important;
	border-radius: 5px !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 5px rgba(255, 0, 0, 0.3) !important;
	transition: all 0.3s ease !important;
	margin-top: 15px !important;
	margin-left: 30px !important;
	margin-right: 30px !important;
}

header .nav>li.turnos>a:hover,
header .nav>li.turnos>a:focus,
header .nav>li.turnos>a:active {
	background-color: #CC0000 !important;
	color: #fff !important;
	box-shadow: 0 4px 8px rgba(255, 0, 0, 0.5) !important;
	transform: translateY(-2px) !important;
	padding: 12px 30px !important;
	border-radius: 5px !important;
	margin-top: 15px !important;
	margin-left: 30px !important;
	margin-right: 30px !important;
}

/* Estilos para móvil - se ve como menú normal */
@media (max-width: 767px) {
	header .nav>li.turnos>a,
	header .nav>li.turnos>a:hover,
	header .nav>li.turnos>a:focus,
	header .nav>li.turnos>a:active {
		background-color: #FF0000 !important;
		color: #fff !important;
		border-radius: 0 !important;
		margin: 0 !important;
		padding: 15px !important;
		box-shadow: none !important;
		transform: none !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}
}